<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-WFJ7QCS’);</script>
<!– End Google Tag Manager –>
<script>
/**********************
* DATALAYER ARCHITECTURE: SHOPIFY
* DEFINITION: A data layer helps you collect more accurate analytics data, that in turn allows you to better understand what potential buyers are doing on your website and where you can make improvements. It also reduces the time to implement marketing tags on a website, and reduces the need for IT involvement, leaving them to get on with implementing new features and fixing bugs.
* RESOURCES:
* http://www.datalayerdoctor.com/a-gentle-introduction-to-the-data-layer-for-digital-marketers/
* http://www.simoahava.com/analytics/data-layer/
* EXTERNAL DEPENDENCIES:
* jQuery
* jQuery Cookie Plugin v1.4.1 – https://github.com/carhartl/jquery-cookie
* cartjs – https://github.com/discolabs/cartjs
* DataLayer Architecture: Shopify v1.2
* COPYRIGHT 2021
* LICENSES: MIT ( https://opensource.org/licenses/MIT )
*/
/**********************
* PRELOADS
* load jquery if it doesn’t exist
***********************/
if(!window.jQuery){
var jqueryScript = document.createElement(‘script’);
jqueryScript.setAttribute(‘src’,’https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js’);
document.head.appendChild(jqueryScript);
}
__DL__jQueryinterval = setInterval(function(){
// wait for jQuery to load & run script after jQuery has loaded
if(window.jQuery){
// search parameters
getURLParams = function(name, url){
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, “\\$&”);
var regex = new RegExp(“[?&]” + name + “(=([^&#]*)|&|#|$)”),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return ”;
return decodeURIComponent(results[2].replace(/\+/g, ” “));
};
/**********************
* DYNAMIC DEPENDENCIES
***********************/
__DL__ = {
dynamicCart: true, // if cart is dynamic (meaning no refresh on cart add) set to true
debug: true, // if true, console messages will be displayed
cart: null,
wishlist: null,
removeCart: null
};
customBindings = {
cartTriggers: [],
viewCart: [],
removeCartTrigger: [],
cartVisableSelector: [],
promoSubscriptionsSelectors: [],
promoSuccess: [],
ctaSelectors: [],
newsletterSelectors: [],
newsletterSuccess: [],
searchPage: [],
wishlistSelector: [],
removeWishlist: [],
wishlistPage: [],
searchTermQuery: [getURLParams(‘q’)], // replace var with correct query
};
/* DO NOT EDIT */
defaultBindings = {
cartTriggers: [‘form[action=”/cart/add”] [type=”submit”],.add-to-cart,.cart-btn’],
viewCart: [‘form[action=”/cart”],.my-cart,.trigger-cart,#mobileCart’],
removeCartTrigger: [‘[href*=”/cart/change”]’],
cartVisableSelector: [‘.inlinecart.is-active,.inline-cart.is-active’],
promoSubscriptionsSelectors: [],
promoSuccess: [],
ctaSelectors: [],
newsletterSelectors: [‘input.contact_email’],
newsletterSuccess: [‘.success_message’],
searchPage: [‘search’],
wishlistSelector: [],
removeWishlist: [],
wishlistPage: []
};
// stitch bindings
objectArray = customBindings;
outputObject = __DL__;
applyBindings = function(objectArray, outputObject){
for (var x in objectArray) {
var key = x;
var objs = objectArray[x];
values = [];
if(objs.length > 0){
values.push(objs);
if(key in outputObject){
values.push(outputObject[key]);
outputObject[key] = values.join(“, “);
}else{
outputObject[key] = values.join(“, “);
}
}
}
};
applyBindings(customBindings, __DL__);
applyBindings(defaultBindings, __DL__);
/**********************
* PREREQUISITE LIBRARIES
***********************/
clearInterval(__DL__jQueryinterval);
// jquery-cookies.js
if(typeof $.cookie!==undefined){(function(a){if(typeof define===’function’&&define.amd){define([‘jquery’],a)}else if(typeof exports===’object’){module.exports=a(require(‘jquery’))}else{a(jQuery)}}(function($){var g=/\+/g;function encode(s){return h.raw?s:encodeURIComponent(s)}function decode(s){return h.raw?s:decodeURIComponent(s)}function stringifyCookieValue(a){return encode(h.json?JSON.stringify(a):String(a))}function parseCookieValue(s){if(s.indexOf(‘”‘)===0){s=s.slice(1,-1).replace(/\\”/g,'”‘).replace(/\\\\/g,’\\’)}try{s=decodeURIComponent(s.replace(g,’ ‘));return h.json?JSON.parse(s):s}catch(e){}}function read(s,a){var b=h.raw?s:parseCookieValue(s);return $.isFunction(a)?a(b):b}var h=$.cookie=function(a,b,c){if(arguments.length>1&&!$.isFunction(b)){c=$.extend({},h.defaults,c);if(typeof c.expires===’number’){var d=c.expires,t=c.expires=new Date();t.setMilliseconds(t.getMilliseconds()+d*864e+5)}return(document.cookie=[encode(a),’=’,stringifyCookieValue(b),c.expires?’; expires=’+c.expires.toUTCString():”,c.path?’; path=’+c.path:”,c.domain?’; domain=’+c.domain:”,c.secure?’; secure’:”].join(”))}var e=a?undefined:{},cookies=document.cookie?document.cookie.split(‘; ‘):[],i=0,l=cookies.length;for(;i<l;i++){var f=cookies[i].split(‘=’),name=decode(f.shift()),cookie=f.join(‘=’);if(a===name){e=read(cookie,b);break}if(!a&&(cookie=read(cookie))!==undefined){e[name]=cookie}}return e};h.defaults={};$.removeCookie=function(a,b){$.cookie(a,”,$.extend({},b,{expires:-1}));return!$.cookie(a)}}))}
/**********************
* Begin dataLayer Build
***********************/
/**
* DEBUG
* Set to true or false to display messages to the console
*/
if(__DL__.debug){
console.log(‘=====================\n| DATALAYER SHOPIFY |\n———————‘);
console.log(‘Page Template: {{ template }}’);
}
window.dataLayer = window.dataLayer || []; // init data layer if doesn’t already exist
dataLayer.push({‘event’: ‘Begin DataLayer’}); // begin datalayer
var template = “{{template}}”;
/**
* Landing Page Cookie
* 1. Detect if user just landed on the site
* 2. Only fires if Page Title matches website */
$.cookie.raw = true;
if ($.cookie(‘landingPage’) === undefined || $.cookie(‘landingPage’).length === 0) {
var landingPage = true;
$.cookie(‘landingPage’, unescape);
$.removeCookie(‘landingPage’, {path: ‘/’});
$.cookie(‘landingPage’, ‘landed’, {path: ‘/’});
} else {
var landingPage = false;
$.cookie(‘landingPage’, unescape);
$.removeCookie(‘landingPage’, {path: ‘/’});
$.cookie(‘landingPage’, ‘refresh’, {path: ‘/’});
}
if (__DL__.debug) {
console.log(‘Landing Page: ‘ + landingPage);
}
/**
* Log State Cookie */
{% if customer %}
var isLoggedIn = true;
{% else %}
var isLoggedIn = false;
{% endif %}
if (!isLoggedIn) {
$.cookie(‘logState’, unescape);
$.removeCookie(‘logState’, {path: ‘/’});
$.cookie(‘logState’, ‘loggedOut’, {path: ‘/’});
} else {
if ($.cookie(‘logState’) === ‘loggedOut’ || $.cookie(‘logState’) === undefined) {
$.cookie(‘logState’, unescape);
$.removeCookie(‘logState’, {path: ‘/’});
$.cookie(‘logState’, ‘firstLog’, {path: ‘/’});
} else if ($.cookie(‘logState’) === ‘firstLog’) {
$.cookie(‘logState’, unescape);
$.removeCookie(‘logState’, {path: ‘/’});
$.cookie(‘logState’, ‘refresh’, {path: ‘/’});
}
}
if ($.cookie(‘logState’) === ‘firstLog’) {
var firstLog = true;
} else {
var firstLog = false;
}
/**********************
* DATALAYER SECTIONS
***********************/
/**
* DATALAYER: Landing Page
* Fires any time a user first lands on the site. */
if ($.cookie(‘landingPage’) === ‘landed’) {
dataLayer.push({
‘pageType’: ‘Landing’,
‘event’: ‘Landing’
});
if (__DL__.debug) {
console.log(‘DATALAYER: Landing Page fired.’);
}
}
/**
* DATALAYER: Log State
* 1. Determine if user is logged in or not.
* 2. Return User specific data. */
var logState = {
{% if shop.customer_accounts_enabled %}
{% if customer %}
‘userId’ : {{customer.id | json}},
‘customerEmail’ : {{customer.email | json}},
‘logState’ : “Logged In”,
‘customerInfo’ : {
‘firstName’ : {{customer_address.first_name | json}},
‘lastName’ : {{customer_address.last_name | json}},
‘address1’ : {{customer_address.address1 | json}},
‘address2’ : {{customer_address.address2 | json}},
‘street’ : {{customer_address.street | json}},
‘city’ : {{customer_address.city | json}},
‘province’ : {{customer_address.province | json}},
‘zip’ : {{customer_address.zip | json}},
‘country’ : {{customer_address.country | json}},
‘phone’ : {{customer_address.phone | json}},
‘totalOrders’ : {{customer.orders_count | json}},
‘totalSpent’ : {{customer.total_spent | money_without_currency | remove: “,” | json}}
},
{% else %}
‘logState’ : “Logged Out”,
{% endif %}
{% endif %}
‘firstLog’ : firstLog,
‘customerEmail’ : {{customer.email | json}},
‘timestamp’ : Date.now(),
{% if customer.orders_count > 2 %}
‘customerType’ : ‘Returning’,
‘customerTypeNumber’ : ‘0’,
{% else %}
‘customerType’ : ‘New’,
‘customerTypeNumber’ :’1′,
{% endif %}
‘shippingInfo’ : {
‘fullName’ : {{checkout.shipping_address.name | json}},
‘firstName’ : {{checkout.shipping_address.first_name | json}},
‘lastName’ : {{checkout.shipping_address.last_name | json}},
‘address1’ : {{checkout.shipping_address.address1 | json}},
‘address2’ : {{checkout.shipping_address.address2 | json}},
‘street’ : {{checkout.shipping_address.street | json}},
‘city’ : {{checkout.shipping_address.city | json}},
‘province’ : {{checkout.shipping_address.province | json}},
‘zip’ : {{checkout.shipping_address.zip | json}},
‘country’ : {{checkout.shipping_address.country | json}},
‘phone’ : {{checkout.shipping_address.phone | json}},
},
‘billingInfo’ : {
‘fullName’ : {{checkout.billing_address.name | json}},
‘firstName’ : {{checkout.billing_address.first_name | json}},
‘lastName’ : {{checkout.billing_address.last_name | json}},
‘address1’ : {{checkout.billing_address.address1 | json}},
‘address2’ : {{checkout.billing_address.address2 | json}},
‘street’ : {{checkout.billing_address.street | json}},
‘city’ : {{checkout.billing_address.city | json}},
‘province’ : {{checkout.billing_address.province | json}},
‘zip’ : {{checkout.billing_address.zip | json}},
‘country’ : {{checkout.billing_address.country | json}},
‘phone’ : {{checkout.billing_address.phone | json}},
},
‘checkoutEmail’ : {{checkout.email | json}},
‘currency’ : {{shop.currency | json}},
‘pageType’ : ‘Log State’,
‘event’ : ‘Log State’
}
dataLayer.push(logState);
if(__DL__.debug){
console.log(“Log State”+” :”+JSON.stringify(logState, null, ” “));
}
/**
* DATALAYER: Homepage */
if(document.location.pathname == “/”){
var homepage = {
‘pageType’ : ‘Homepage’,
‘event’ : ‘Homepage’
};
dataLayer.push(homepage);
if(__DL__.debug){
console.log(“Homepage”+” :”+JSON.stringify(homepage, null, ” “));
}
}
/**
* DATALAYER: Blog Articles
* Fire on Blog Article Pages */
{% if template contains ‘article’ %}
var blog = {
‘author’ : {{article.author | json}},
‘title’ : {{article.title | json}},
‘dateCreated’ : {{article.created_at | json}},
‘pageType’ : ‘Blog’,
‘event’ : ‘Blog’
};
dataLayer.push(blog);
if(__DL__.debug){
console.log(“Blog”+” :”+JSON.stringify(blog, null, ” “));
}
{% endif %}
/** DATALAYER: Product List Page (Collections, Category)
* Fire on all product listing pages. */
{% if template contains ‘collection’ %}
var product = {
‘products’: [
{% for product in collection.products %}{
‘id’ : {{product.id | json}},
‘sku’ : {{product.selected_or_first_available_variant.sku | json}},
‘variantId’ : {{product.selected_or_first_available_variant.id | json}},
‘productType’ : {{product.type | json}},
‘name’ : {{product.title | json}},
‘price’ : {{product.price | money_without_currency | remove: “,” | json}},
‘imageURL’ : “https:{{product.featured_image.src|img_url:’grande’}}”,
‘productURL’ : ‘{{shop.secure_url}}{{product.url}}’,
‘brand’ : {{shop.name | json}},
‘comparePrice’ : {{product.compare_at_price_max | money_without_currency | remove: “,” | json}},
‘categories’ : {{product.collections|map:”title” | json}},
‘currentCategory’ : {{collection.title | json}},
‘productOptions’ : {
{% for option in product.options_with_values %}
{% for value in option.values %}
{% if option.selected_value == value %}
{{option.name | json}} : {{value | json}},
{% endif %}
{% endfor %}
{% endfor %}
}
},
{% endfor %}]
};
var collections = {
‘productList’ : {{collection.title | json}},
‘pageType’ : ‘Collection’,
‘event’ : ‘Collection’
};
dataLayer.push(product);
dataLayer.push(collections);
if(__DL__.debug){
console.log(“Collections”+” :”+JSON.stringify(product, null, ” “));
console.log(“Collections”+” :”+JSON.stringify(collections, null, ” “));
}
{% endif %}
/** DATALAYER: Product Page
* Fire on all Product View pages. */
if (template.match(/.*product.*/gi) && !template.match(/.*collection.*/gi)) {
sku = ”;
var product = {
‘products’: [{
‘id’ : {{product.id | json}},
‘sku’ : {{product.selected_or_first_available_variant.sku | json}},
‘variantId’ : {{product.selected_or_first_available_variant.id | json}},
‘productType’ : {{product.type | json}},
‘name’ : {{product.title | json}},
‘price’ : {{product.price | money_without_currency | remove: “,” | json}},
‘description’ : {{product.description | strip_newlines | strip_html | json}},
‘imageURL’ : “https:{{product.featured_image.src|img_url:’grande’}}”,
‘productURL’ : ‘{{shop.secure_url}}{{product.url}}’,
‘brand’ : {{shop.name | json}},
‘comparePrice’ : {{product.compare_at_price_max | money_without_currency | remove: “,” | json}},
‘categories’ : {{product.collections | map:”title” | json}},
‘currentCategory’ : {{collection.title | json}},
‘productOptions’ : {
{% for option in product.options_with_values %}
{% for value in option.values %}
{% if option.selected_value == value %}
{{option.name | json}} : {{value | json}},
{% endif %}
{% endfor %}
{% endfor %}
}
}]
};
function productView(){
var sku = {{product.selected_or_first_available_variant.sku | json}};
dataLayer.push(product, {
‘pageType’ : ‘Product’,
‘event’ : ‘Product’});
if(__DL__.debug){
console.log(“Product”+” :”+JSON.stringify(product, null, ” “));
}
}
productView();
$(__DL__.cartTriggers).click(function(){
var skumatch = {{product.selected_or_first_available_variant.sku | json}};
if(sku != skumatch){
productView();
}
});
}
/** DATALAYER: Cart View
* Fire anytime a user views their cart (non-dynamic) */
{% if template contains ‘cart’ %}
var cart = {
‘products’:[{% for line_item in cart.items %}{
‘id’ : {{line_item.product_id | json}},
‘sku’ : {{line_item.sku | json}},
‘variant’ : {{line_item.variant_id | json}},
‘name’ : {{line_item.title | json}},
‘price’ : {{line_item.price | money_without_currency | remove: “,” | json}},
‘quantity’ : {{line_item.quantity | json}}
},{% endfor %}],
‘pageType’ : ‘Cart’,
‘event’ : ‘Cart’
};
dataLayer.push(cart);
if(__DL__.debug){
console.log(“Cart”+” :”+JSON.stringify(cart, null, ” “));
}
__DL__.cart = cart.products;
$(__DL__.removeCartTrigger).on(‘click’, function (event) {
setTimeout(function(){
// remove from cart
jQuery.getJSON(“/cart”, function (response) {
// get Json response
__DL__.removeCart = response;
var removeFromCart = {
‘products’: __DL__.removeCart.items.map(function (line_item) {
return {
‘id’ : line_item.product_id,
‘sku’ : line_item.sku,
‘variant’ : line_item.variant_id,
‘name’ : line_item.title,
‘price’ : (line_item.price/100),
‘quantity’ : line_item.quantity
}
}),
‘pageType’ : ‘Remove from Cart’,
‘event’ : ‘Remove from Cart’
};
__DL__.removeCart = removeFromCart;
var cartIDs = [];
var removeIDs = [];
var removeCart = [];
// remove from cart logic
for(var i=__DL__.cart.length-1;i>=0;i–){var x=parseFloat(__DL__.cart[i].variant);cartIDs.push(x)}for(var i=__DL__.removeCart.products.length-1;i>=0;i–){var x=parseFloat(__DL__.removeCart.products[i].variant);removeIDs.push(x)}function arr_diff(b,c){var a=[],diff=[];for(var i=0;i<b.length;i++){a[b[i]]=true}for(var i=0;i<c.length;i++){if(a[c[i]]){delete a[c[i]]}else{a[c[i]]=true}}for(var k in a){diff.push(k)}return diff};var x=arr_diff(cartIDs,removeIDs)[0];for(var i=__DL__.cart.length-1;i>=0;i–){if(__DL__.cart[i].variant==x){removeCart.push(__DL__.cart[i])}}
dataLayer.push(removeCart);
if (__DL__.debug) {
console.log(“Cart”+” :”+JSON.stringify(removeCart, null, ” “));
}
});
}, 2000);
});
{% endif %}
/**
* DATALAYER Variable
* Checkout & Transaction Data */
__DL__products = [];
{% for line_item in checkout.line_items %}
__DL__products.push({
‘id’ : {{line_item.product_id | json}},
‘sku’ : {{line_item.sku | json}},
‘variantId’ : {{line_item.variant_id | json}},
‘name’ : {{line_item.title | json}},
‘productType’ : {{line_item.product.type | json}},
‘price’ : {{line_item.price | money_without_currency | remove: “,” | json}},
‘quantity’ : {{line_item.quantity | json}},
‘description’ : {{line_item.product.description | strip_newlines | strip_html | json }},
‘imageURL’ : “https:{{line_item.product.featured_image.src|img_url:’grande’}}”,
‘productURL’ : ‘{{shop.secure_url}}{{line_item.product.url}}’
});
{% endfor %}
transactionData = {
‘transactionNumber’ : {{checkout.order_id | json}},
‘transactionId’ : {{checkout.order_number | json}},
‘transactionAffiliation’ : {{shop.name | json}},
‘transactionTotal’ : {{checkout.total_price | money_without_currency| remove: “,” | json}},
‘transactionTax’ : {{checkout.tax_price | money_without_currency| remove: “,” | json}},
‘transactionShipping’ : {{checkout.shipping_price | money_without_currency| remove: “,” | json}},
‘transactionSubtotal’ : {{checkout.subtotal_price | money_without_currency| remove: “,” | json}},
{% for discount in checkout.discounts %}
‘promoCode’ : {{discount.code | json}},
‘discount’ : {{discount.amoun t | money_without_currency | json}},
{% endfor %}
‘products’: __DL__products
};
if(__DL__.debug == true){
/** DATALAYER: Transaction */
if(document.location.pathname.match(/.*order.*/g)||document.location.pathname.match(/.*thank\_you.*/g)){
dataLayer.push(transactionData,{
‘pageType’ :’Transaction’,
‘event’ :’Transaction’
});
console.log(“Transaction Data”+” :”+JSON.stringify(transactionData, null, ” “));
}
}
/** DATALAYER: Checkout */
if(Shopify.Checkout){
if(Shopify.Checkout.step){
if(Shopify.Checkout.step.length > 0){
if (Shopify.Checkout.step === ‘contact_information’){
dataLayer.push(transactionData,{
‘event’ :’Customer Information’,
‘pageType’ :’Customer Information’});
console.log(“Customer Information – Transaction Data”+” :”+JSON.stringify(transactionData, null, ” “));
}else if (Shopify.Checkout.step === ‘shipping_method’){
dataLayer.push(transactionData,{
‘event’ :’Shipping Information’,
‘pageType’ :’Shipping Information’});
console.log(“Shipping – Transaction Data”+” :”+JSON.stringify(transactionData, null, ” “));
}else if( Shopify.Checkout.step === “payment_method” ){
dataLayer.push(transactionData,{
‘event’ :’Add Payment Info’,
‘pageType’ :’Add Payment Info’});
console.log(“Payment – Transaction Data”+” :”+JSON.stringify(transactionData, null, ” “));
}
}
if(__DL__.debug == true){
/** DATALAYER: Transaction */
if(Shopify.Checkout.page == “thank_you”){
dataLayer.push(transactionData,{
‘pageType’ :’Transaction’,
‘event’ :’Transaction’
});
console.log(“Transaction Data”+” :”+JSON.stringify(transactionData, null, ” “));
}
}else{
/** DATALAYER: Transaction */
if(Shopify.Checkout.page == “thank_you”){
dataLayer.push(transactionData,{
‘pageType’ :’Transaction’,
‘event’ :’Transaction’
});
}
}
}
}
/** DATALAYER: All Pages
* Fire all pages trigger after all additional dataLayers have loaded. */
dataLayer.push({
‘event’: ‘DataLayer Loaded’
});
console.log(‘DATALAYER: DataLayer Loaded.’);
/**********************
* DATALAYER EVENT BINDINGS
***********************/
/** DATALAYER:
* Add to Cart / Dynamic Cart View
* Fire all pages trigger after all additional dataLayers have loaded. */
$(document).ready(function() {
/** DATALAYER: Search Results */
var searchPage = new RegExp(__DL__.searchPage, “g”);
if(document.location.pathname.match(searchPage)){
var search = {
‘searchTerm’ : __DL__.searchTermQuery,
‘pageType’ : “Search”,
‘event’ : “Search”
};
dataLayer.push(search);
if(__DL__.debug){
console.log(“Search”+” :”+JSON.stringify(search, null, ” “));
}
}
/** DATALAYER: Cart */
// stage cart data
function mapJSONcartData(){
jQuery.getJSON(‘/cart.js’, function (response) {
// get Json response
__DL__.cart = response;
var cart = {
‘products’: __DL__.cart.items.map(function (line_item) {
return {
‘id’ : line_item.id,
‘sku’ : line_item.sku,
‘variant’ : line_item.variant_id,
‘name’ : line_item.title,
‘price’ : (line_item.price/100),
‘quantity’ : line_item.quantity
}
}),
‘pageType’ : ‘Cart’,
‘event’ : ‘Cart’
};
if(cart.products.length > 0){
dataLayer.push(cart);
if (__DL__.debug) {
console.log(“Cart”+” :”+JSON.stringify(cart, null, ” “));
}
}
});
}
viewcartfire = 0;
// view cart
$(__DL__.viewCart).on(‘click’, function (event) {
if(viewcartfire !== 1){
viewcartfire = 1;
// if dynamic cart is TRUE
if (__DL__.dynamicCart) {
cartCheck = setInterval(function () {
// begin check interval
if ($(__DL__.cartVisableSelector).length > 0) {
// check visible selectors
clearInterval(cartCheck);
mapJSONcartData();
$(__DL__.removeCartTrigger).on(‘click’, function (event) {
// remove from cart
var link = $(this).attr(“href”);
jQuery.getJSON(link, function (response) {
// get Json response
__DL__.removeCart = response;
var removeFromCart = {
‘products’: __DL__.removeCart.items.map(function (line_item) {
return {
‘id’ : line_item.id,
‘sku’ : line_item.sku,
‘variant’ : line_item.variant_id,
‘name’ : line_item.title,
‘price’ : (line_item.price/100),
‘quantity’ : line_item.quantity
}
}),
‘pageType’ : ‘Remove from Cart’,
‘event’ : ‘Remove from Cart’
};
dataLayer.push(removeFromCart);
if (__DL__.debug) {
console.log(“Cart”+” :”+JSON.stringify(removeFromCart, null, ” “));
}
});
});
}
}, 500);
}
}
});
// add to cart
jQuery.getJSON(‘/cart.js’, function (response) {
// get Json response
__DL__.cart = response;
var cart = {
‘products’: __DL__.cart.items.map(function (line_item) {
return {
‘id’ : line_item.id,
‘sku’ : line_item.sku,
‘variant’ : line_item.variant_id,
‘name’ : line_item.title,
‘price’ : (line_item.price/100),
‘quantity’ : line_item.quantity
}
})
}
__DL__.cart = cart;
collection_cartIDs = [];
collection_matchIDs = [];
collection_addtocart = [];
for (var i = __DL__.cart.products.length – 1; i >= 0; i–) {
var x = parseFloat(__DL__.cart.products[i].variant);
collection_cartIDs.push(x);
}
});
function __DL__addtocart(){
{% if template contains ‘collection’ %}
setTimeout(function(){
jQuery.getJSON(‘/cart.js’, function (response) {
// get Json response
__DL__.cart = response;
var cart = {
‘products’: __DL__.cart.items.map(function (line_item) {
return {
‘id’ : line_item.id,
‘sku’ : line_item.sku,
‘variant’ : line_item.variant_id,
‘name’ : line_item.title,
‘price’ : (line_item.price/100),
‘quantity’ : line_item.quantity
}
})
}
__DL__.cart = cart;
for (var i = __DL__.cart.products.length – 1; i >= 0; i–) {
var x = parseFloat(__DL__.cart.products[i].variant);
collection_matchIDs.push(x);
}
function arr_diff(b, c) {
var a = [],
diff = [];
for (var i = 0; i < b.length; i++) {
a[b[i]] = true
}
for (var i = 0; i < c.length; i++) {
if (a[c[i]]) {
delete a[c[i]]
} else {
a[c[i]] = true
}
}
for (var k in a) {
diff.push(k)
}
return diff
};
var x = arr_diff(collection_cartIDs, collection_matchIDs).pop();
console.log(x);
for (var i = __DL__.cart.products.length – 1; i >= 0; i–) {
if (__DL__.cart.products[i].variant.toString() === x) {
product = {‘products’:[__DL__.cart.products[i]]};
dataLayer.push({‘products’:product});
dataLayer.push(product);
dataLayer.push({
‘pageType’ : ‘Add to Cart’,
‘event’ : ‘Add to Cart’
});
if (__DL__.debug) {
console.log(“Add to Cart”+” :”+JSON.stringify(product, null, ” “));
}
}
}
});
},1000);
{% else %}
dataLayer.push(product, {
‘pageType’ : ‘Add to Cart’,
‘event’ : ‘Add to Cart’
});
if (__DL__.debug) {
console.log(“Add to Cart”+” :”+JSON.stringify(product, null, ” “));
}
{% endif %}
// if dynamic cart is TRUE
if (__DL__.dynamicCart) {
console.log(“dynamic”);
var cartCheck = setInterval(function () {
// begin check interval
if ($(__DL__.cartVisableSelector).length > 0) {
// check visible selectors
clearInterval(cartCheck);
mapJSONcartData();
$(__DL__.removeCartTrigger).on(‘click’, function (event) {
// remove from cart
var link = $(this).attr(“href”);
jQuery.getJSON(link, function (response) {
// get Json response
__DL__.removeCart = response;
var removeFromCart = {
‘products’: __DL__.removeCart.items.map(function (line_item) {
return {
‘id’ : line_item.id,
‘sku’ : line_item.sku,
‘variant’ : line_item.variant_id,
‘name’ : line_item.title,
‘price’ : (line_item.price/100),
‘quantity’ : line_item.quantity
}
}),
‘pageType’ : ‘Remove from Cart’,
‘event’ : ‘Remove from Cart’
};
dataLayer.push(removeFromCart);
if (__DL__.debug) {
console.log(“Cart”+” :”+JSON.stringify(removeFromCart, null, ” “));
}
});
});
}
}, 500);
}
}
$(document).on(‘click’, __DL__.cartTriggers, function() {
__DL__addtocart();
});
/**
* DATALAYER: Newsletter Subscription */
__DL__newsletter_fire = 0;
$(document).on(‘click’, __DL__.newsletterSelectors, function () {
if(__DL__newsletter_fire !== 1){
__DL__newsletter_fire = 1;
var newsletterCheck = setInterval(function () {
// begin check interval
if ($(__DL__.newsletterSuccess).length > 0) {
// check visible selectors
clearInterval(newsletterCheck);
dataLayer.push({‘event’: ‘Newsletter Subscription’});
}
},500);
}
});
/** DATALAYER: Wishlist */
setTimeout( function(){
$(__DL__.wishlistSelector).on(‘click’, function () {
dataLayer.push(product,
{‘event’: ‘Add to Wishlist’});
if(__DL__.debug){
console.log(“Wishlist”+” :”+JSON.stringify(product, null, ” “));
}
});
if(document.location.pathname == __DL__.wishlistPage){
var __DL__productLinks = $(‘[href*=”product”]’);
var __DL__prods = [];
var __DL__links = [];
var __DL__count = 1;
$(__DL__productLinks).each(function(){
var href = $(this).attr(“href”);
if(!__DL__links.includes(href)){
__DL__links.push(href);
$(this).attr(“dataLayer-wishlist-item”,__DL__count++);
jQuery.getJSON(href, function (response) {
// get Json response
__DL__.wishlist = response;
var wishlistproducts = {
‘id’ : __DL__.wishlist.product.id,
‘name’ : __DL__.wishlist.product.title,
};
__DL__prods.push(wishlistproducts);
});
}
});
dataLayer.push({‘products’: __DL__prods,
‘pageType’ : ‘Wishlist’,
‘event’ : ‘Wishlist’});
}
var __DL__count = 1;
var wishlistDel = $(__DL__.removeWishlist);
wishlistDel.each(function(){
$(this).attr(“dataLayer-wishlist-item-del”,__DL__count++);
});
$(__DL__.removeWishlist).on(‘click’, function(){
console.log(‘click’)
var index = $(this).attr(“dataLayer-wishlist-item-del”);
var link = $(“[dataLayer-wishlist-item=”+index+”]”).attr(“href”);
console.log(index)
console.log(link)
jQuery.getJSON(link, function (response) {
// get Json response
__DL__.wishlist = response;
var wishlistproducts = {
‘id’ : __DL__.wishlist.product.id,
‘name’ : __DL__.wishlist.product.title,
};
dataLayer.push({‘products’: wishlistproducts,
‘pageType’ : ‘Wishlist’,
‘event’ : ‘Wishlist Delete Product’});
});
})
}, 3000);
/** DATALAYER: CTAs */
$(__DL__.ctaSelectors).on(‘click’, function () {
var ctaCheck = setInterval(function () {
// begin check interval
if ($(__DL__.ctaSuccess).length > 0) {
// check visible selectors
clearInterval(ctaCheck);
dataLayer.push({‘event’: ‘CTA’});
}
},500);
});
/** DATALAYER: Promo Subscriptions */
$(__DL__.promoSubscriptionsSelectors).on(‘click’, function () {
var ctaCheck = setInterval(function () {
// begin check interval
if ($(__DL__.promoSuccess).length > 0) {
// check visible selectors
clearInterval(ctaCheck);
dataLayer.push({‘event’: ‘Promo Subscription’});
}
},500);
});
}); // document ready
}
}, 500);
</script>
