Shopify Integration Setup

<!-- ========================= -->
<!-- BoostACart FINAL INSTALL -->
<!-- ========================= -->

{% if template contains 'product' %}
<script>
(function () {
  function getVariantId() {
    const input = document.querySelector('[name="id"]');
    return input ? input.value : null;
  }

  function getQuantity() {
    const qty = document.querySelector('[name="quantity"]');
    return qty ? parseInt(qty.value, 10) || 1 : 1;
  }

  document.addEventListener('click', async function (e) {
    const button = e.target.closest(
      'button[type="submit"], .add-to-cart, [aria-label*="Add to cart"]'
    );
    if (!button) return;

    e.preventDefault();

    const variantId = getVariantId();
    if (!variantId) return;

    const productData = {
      product_title: {{ product.title | json }},
      product_handle: {{ product.handle | json }},
      product_id: {{ product.id | json }},
      product_url: window.location.href,
      variant_id: variantId,
      quantity: getQuantity(),
      shop: "{{ shop.permanent_domain }}"
    };

    // 1️⃣ Add product to cart (AJAX-safe)
    await fetch('/cart/add.js', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        items: [{ id: variantId, quantity: productData.quantity }]
      })
    });

    // 2️⃣ Open widget in new tab
    const params = new URLSearchParams(productData).toString();
    const widgetUrl =
      'https://boostacaartt.netlify.app/widget/' +
      productData.shop +
      '?' +
      params;

    window.open(widgetUrl, '_blank');
  });
})();
</script>
{% endif %}

<!-- ========================= -->
<!-- End BoostACart -->
<!-- ========================= -->