iFX Rack Expansions

.no-js {display:none;} You don't have javascript enabled. Good luck with that. window.dataLayer = window.dataLayer || []; (function(){ window.ht_collection_data = []; (function(){ let variantTitle = ""; variantTitle = "Default Title"; const itemCategoryList = {}; itemCategoryList['item_category'] = "iFX Rack Expansions"; window.ht_collection_data.push( { item_name: "CloudVerb Creatmospheric", // Name or ID is required. item_id: 7492450091249, handle: "cloudverb-for-ifxrack", price: 79.99, currency: Shopify.currency.active, item_brand: "Gospel Musicians", ...itemCategoryList, item_variant: variantTitle, index: 1, // If associated with a list selection. quantity: "1", }) })(); (function(){ let variantTitle = ""; variantTitle = "Default Title"; const itemCategoryList = {}; itemCategoryList['item_category'] = "iFX Rack Expansions"; window.ht_collection_data.push( { item_name: "IMPULSation iFX Rack Expansion", // Name or ID is required. item_id: 5987570155684, handle: "impulsation-for-ifxrack", price: 24.99, currency: Shopify.currency.active, item_brand: "GospelMusicians", ...itemCategoryList, item_variant: variantTitle, index: 1, // If associated with a list selection. quantity: "1", }) })(); (function(){ let variantTitle = ""; variantTitle = "Default Title"; const itemCategoryList = {}; itemCategoryList['item_category'] = "iFX Rack Expansions"; window.ht_collection_data.push( { item_name: "iFX AMP for iFX Rack", // Name or ID is required. item_id: 7529852895473, handle: "ifxamp-for-ifxrack", price: 29.99, currency: Shopify.currency.active, item_brand: "Gospel Musicians", ...itemCategoryList, item_variant: variantTitle, index: 1, // If associated with a list selection. quantity: "1", }) })(); (function(){ let variantTitle = ""; variantTitle = "Default Title"; const itemCategoryList = {}; itemCategoryList['item_category'] = "iFX Rack Expansions"; window.ht_collection_data.push( { item_name: "Talkbox® FX for iFX Rack", // Name or ID is required. item_id: 7534219919601, handle: "talkbox-for-ifx-rack", price: 49.99, currency: Shopify.currency.active, item_brand: "Gospel Musicians", ...itemCategoryList, item_variant: variantTitle, index: 1, // If associated with a list selection. quantity: "1", }) })(); (function(){ let variantTitle = ""; variantTitle = "Default Title"; const itemCategoryList = {}; itemCategoryList['item_category'] = "iFX Rack Expansions"; window.ht_collection_data.push( { item_name: "PhatFilt Filter for iFX Rack", // Name or ID is required. item_id: 7606439903473, handle: "phatfilt-ifxrack", price: 29.99, currency: Shopify.currency.active, item_brand: "Gospel Musicians", ...itemCategoryList, item_variant: variantTitle, index: 1, // If associated with a list selection. quantity: "1", }) })(); })(); let renderProductHandlerData = [... new Set([...document.querySelectorAll('[href]')].filter(e=> typeof e?.href?.includes === "function" && e.href.includes('/products/')).map(e=> e.href.split('/products/')[e.href.split('/products/').length - 1]))]; let dataLayerItemsData = []; window.ht_collection_data = window.ht_collection_data || []; renderProductHandlerData.forEach(singleRenderProductHandler=> { for (let index = 0; index < window.ht_collection_data.length; index++) { const singleCollectionProduct = window.ht_collection_data[index]; if(singleCollectionProduct.handle === singleRenderProductHandler){ dataLayerItemsData.push(singleCollectionProduct); break; } } }); const dataLayerItemsFilterData = dataLayerItemsData.map((e, i)=> { return { ...e, index: i+ 1 } }) dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ event: "view_item_list", ecommerce: { items: dataLayerItemsFilterData, }, }); function htSGTMCheckCart() { /** * * @param {Array} dataList * @param {Object} singleData */ const isDataUseable = (dataList, checkData) => { if (dataList.length === 0) return checkData; for (let index = 0; index < dataList.length; index++) { const singleData = dataList[index]; if (singleData.id === checkData.id) { if (checkData.quantity > singleData.quantity) { const newData = { ...checkData, quantity: checkData.quantity - singleData.quantity, }; return newData; } else { return false; } } } return checkData; }; /** * * @param {Array} localStoreData * @param {Array} newFetchData */ const checkAddToACart = (localStoreData, newFetchData) => { return newFetchData .map((singleFetchData) => isDataUseable(localStoreData, singleFetchData) ) .filter(Boolean); }; /** * * @param {Array} localStoreData * @param {Array} newFetchData */ const checkRemoveFromACart = (localStoreData, newFetchData) => { return localStoreData .map((singleLocalStoreData) => isDataUseable(newFetchData, singleLocalStoreData) ) .filter(Boolean); }; const addToCartFire = (cartData) => { const dataLayerItems = cartData.map((singleCartData, i) => { return { item_name: singleCartData.product_title, // Name or ID is required. item_id: singleCartData.id, price: singleCartData.price / 100, currency: Shopify.currency.active, item_variant: singleCartData.variant_title, quantity: singleCartData.quantity, index: i + 1, item_brand: singleCartData.vendor, sku: singleCartData.sku, }; }); dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ event: "add_to_cart", ecommerce: { items: dataLayerItems, }, }); }; const removeFromCartFire = (cartData) => { const dataLayerItems = cartData.map((singleCartData, i) => { return { item_name: singleCartData.product_title, // Name or ID is required. item_id: singleCartData.id, price: singleCartData.price / 100, currency: Shopify.currency.active, item_variant: singleCartData.variant_title, quantity: singleCartData.quantity, index: i + 1, item_brand: singleCartData.vendor, sku: singleCartData.sku, }; }); dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ event: "remove_from_cart", ecommerce: { items: dataLayerItems, }, }); }; setInterval(function () { fetch("/cart.js") .then((response) => response.json()) .then((data) => { const lsData = JSON.parse(localStorage.getItem("ht-sgtm-cart-data")) || []; const fetchData = data.items; const addToCart = checkAddToACart(lsData, fetchData); addToCart.length !== 0 && addToCartFire(addToCart); const removeFromCart = checkRemoveFromACart(lsData, fetchData); removeFromCart.length !== 0 && removeFromCartFire(removeFromCart); localStorage.setItem("ht-sgtm-cart-data", JSON.stringify(fetchData)); }); }, 1000); } htSGTMCheckCart(); window.addEventListener("load", (event) => { (function () { function fireInitiateCheckout(catData) { dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "begin_checkout", ecommerce: { items: catData.items.map((item, index) => ({ item_id: item.variant_id, item_name: item.title, currency: catData.currency, index: index, item_variant: item.variant_title, price: item.price / 100, quantity: item.quantity, item_brand: item.vendor })) } }); } function checkoutButtonClickHandler(){ fetch("/cart.js") .then((response) => response.json()) .then((data) => { fireInitiateCheckout(data); }); } window.hso_checkoutButtonClickHandler = checkoutButtonClickHandler; function setCheckoutButtonEvent(){ if(document.querySelectorAll("[name='checkout']").length !== 0){ document.querySelectorAll("[name='checkout']").forEach(singleButton=> { singleButton.addEventListener("click", checkoutButtonClickHandler); }) } if(document.querySelectorAll("[href='/checkout']").length !== 0){ document.querySelectorAll("[href='/checkout']").forEach(singleButton=> { singleButton.addEventListener("click", checkoutButtonClickHandler); }) } } setCheckoutButtonEvent(); const targetNode = document.body; const config = { attributes: true, childList: true, subtree: true }; const callback = function(mutationsList, observer) { setCheckoutButtonEvent() }; const observer = new MutationObserver(callback); observer.observe(targetNode, config); })(); });