Grönanda | Let your Feet instantly Flex, Feel & Move with every Step

Spring Sale

Spring Refresh for Your Feet. Buy 1, Get 1 50% OFF

Spring Barefoot Shoes

Breathable Mesh, Cosy Padding, All-Day Comfort

Training Barefoot Shoes

Lightweight, Flexible & High Performance

Casual Barefoot Shoes

Versatile for Grounded City Living

Accessories

Maximize your Barefoot shoe Experience by 10X

..but it doesn’t have to be. Let's fill it up with comfort.

GO TO SALE COLLECTION →

Support Your Feet Even More:

5-Toe No Show Socks (ONE SIZE)

£11.00

Orthopaedic 5 Toe Separator

£6.00 ~~£12.00~~

4X Winter Orthopedic Insoles

£16.00 ~~£31.00~~

Cork Peanut Ball Foot Massager

£15.00 ~~£23.00~~

STEP INTO YOUR BAREFOOT SHOES →

Customer Favorites This Month:

Shop All →

-40%

[NEW] Fleya | Ergonomic Barefoot Shoes

4.94/5 ★★★★★

Shop now

£61.00

£99.00

-45%

Paleo® | High-Top Barefoot Shoes

4.93/5 ★★★★★

Shop now

£61.00

£106.00

-47%

X-Forest® | High-Top Barefoot Boots

4.88/5 ★★★★★

Shop now

£61.00

£111.00

-38%

WanderGrip® | Padded Barefoot shoes

4.91/5 ★★★★★

Shop now

£50.00

£80.00

-35%

PeakTrail® | Barefoot shoes Sport Edition

4.92/5 ★★★★★

Shop now

£50.00

£76.00

-35%

SoftStep® | Padded Barefoot shoes

4.88/5 ★★★★★

Shop now

£51.00

£80.00

-40%

[NEW] TerraGrip | Padded Barefoot shoes

4.92/5 ★★★★★

Shop now

£50.00

£83.00

-40%

SafariTrek® | High-Top Barefoot Boots

4.89/5 ★★★★★

Shop now

£68.00

£114.00

-35%

Python® | Non-slip Barefoot Shoes

4.93/5 ★★★★★

Shop now

£51.00

£80.00

Insured & Priority Delivery

Tracked Shipping with no hidden taxes on delivery

1-Year Sole Warranty

We guarantee our sole's durability with a 1-Year Warranty

Easy Size Swaps

Get the wrong size? Contact us to replace it

+130,000 Happy Clients

Their Foot Health is now safe with Grönanda

tag, add: 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })(); 6. Save — you're done. No app needed. CONFIGURATION (edit the two values below if anything changes): ───────────────────────────────────────────────────────────────── */ (function () { // ── CONFIG ────────────────────────────────────────────────────── // The numeric variant ID of the free training course. // Find it: Admin → Products → Training Course → the URL ends in /variants/XXXXXXX // OR open your browser console on the product page and run: // fetch('/products/training-course.js').then(r=>r.json()).then(d=>console.log(d.variants[0].id)) const FREE_GIFT_VARIANT_ID = '50561194197318'; // The Shopify collection handle that qualifies for the free gift const QUALIFYING_COLLECTION = 'sale'; // ── END CONFIG ────────────────────────────────────────────────── // Guard: don't run on the training course product page itself, // so customers can't manually add it from there. if (window.location.pathname.includes('/products/training-course')) { return; } // ── Helpers ───────────────────────────────────────────────────── async function getCart() { const res = await fetch('/cart.js'); return res.json(); } async function addToCart(variantId) { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); } async function removeFromCart(lineItemKey) { await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: lineItemKey, quantity: 0 }) }); } // Checks whether any item in the cart belongs to the qualifying collection. // Shopify exposes product_type and vendor on cart items, but NOT collections. // The reliable way is to check each product's collections via the storefront. async function cartHasQualifyingProduct(cartItems) { if (!cartItems || cartItems.length === 0) return false; // Filter out the free gift itself from the check const itemsToCheck = cartItems.filter( item => String(item.variant_id) !== String(FREE_GIFT_VARIANT_ID) ); if (itemsToCheck.length === 0) return false; // Fetch collection membership for each unique product handle const handles = [...new Set(itemsToCheck.map(item => item.handle))]; const checks = handles.map(async (handle) => { try { const res = await fetch( `/collections/${QUALIFYING_COLLECTION}/products.json?limit=250` ); if (!res.ok) return false; const data = await res.json(); return data.products.some(p => p.handle === handle); } catch { return false; } }); const results = await Promise.all(checks); return results.some(Boolean); } // ── Core logic ─────────────────────────────────────────────────── async function syncFreeGift() { const cart = await getCart(); const cartItems = cart.items || []; const giftInCart = cartItems.find( item => String(item.variant_id) === String(FREE_GIFT_VARIANT_ID) ); const hasQualifyingItem = await cartHasQualifyingProduct(cartItems); if (hasQualifyingItem && !giftInCart) { // Add the free gift await addToCart(FREE_GIFT_VARIANT_ID); } else if (!hasQualifyingItem && giftInCart) { // Remove the free gift — customer removed all qualifying shoes await removeFromCart(giftInCart.key); } } // ── Intercept cart actions ──────────────────────────────────────── // We monkey-patch fetch so we catch all cart/add and cart/change // calls made by the theme (including AJAX drawers, quick-buy, etc.) const _fetch = window.fetch; window.fetch = async function (...args) { const result = await _fetch.apply(this, args); const url = typeof args[0] === 'string' ? args[0] : (args[0].url || ''); if (url.includes('/cart/add') || url.includes('/cart/change') || url.includes('/cart/update')) { // Clone result because Response bodies can only be read once result.clone().json().catch(() => {}).finally(() => { // Small delay to let Shopify finish updating the cart state setTimeout(syncFreeGift, 400); }); } return result; }; // ── Also run on page load ──────────────────────────────────────── // Catches cases where the customer navigates back with items already in cart document.addEventListener('DOMContentLoaded', syncFreeGift); })();

Spring Sale

Spring Refresh for Your Feet. Buy 1, Get 1 50% OFF

Spring Barefoot Shoes

Training Barefoot Shoes

Casual Barefoot Shoes

Accessories

Cart

Your cart is empty 😢

Support Your Feet Even More:

Pickup availability

Shop

Help & Support

Legal menu