var checkCount = 0; var checkEvent = false; var productCheckCount = 0; var productEventSent = false; var dataLayer = dataLayer || []; var checkProductImpression = setInterval(checkProduct, 10); function stopProductCheck() { clearInterval(checkProductImpression); } function checkProduct() { if (!___initialData___) { stopProductCheck(); return ; } try{ let utag_data = {}; var product_response = ___initialData___.requestCache.internalCache.SIMPLEPRODUCT.SELECTEDVARIANT .item.result; var product_price = ___initialData___.requestCache.internalCache.PRICE.PRICEFORSELECTEDVARIANT .item.result; var product_category = ___initialData___.requestCache.internalCache.CATEGORYPATH; var product_attribute_value = Object.entries( ___initialData___.requestCache.internalCache.ATTRIBUTEVALUE )[0][1].item.result; if (product_category) { product_category = Object.entries(product_category)[0][1].item.result; var category_path = ''; product_category.forEach((category) => { if (category == undefined) { return; } else if (category.Name !== 'ALL') { category.Name = category.Name.replaceAll('-', ' '); if (category_path) { category_path = category_path + '/' + category.Name; } else { category_path = category.Name; } } }); } if (product_response && product_response.hasOwnProperty('RecordId')) { utag_data.product_id = product_response.RecordId; } if ( product_price && (product_price.hasOwnProperty('CustomerContextualPrice') || product_price.hasOwnProperty('AdjustedPrice')) ) { utag_data.product_price = product_price.CustomerContextualPrice > 0 ? product_price.CustomerContextualPrice : product_price.AdjustedPrice; } if ( utag_data.hasOwnProperty('product_id') && utag_data.hasOwnProperty('product_price') && category_path ) { dataLayer.push({ SHOP: 'Dobbies' }); dataLayer.push({ ecomm_prodid: [`${utag_data.product_id}`], ecomm_pagetype: 'product', ecomm_totalvalue: `${utag_data.product_price}`, }); productEventSent = true; } if (productEventSent || productCheckCount >= 500) { stopProductCheck(); if ( product_response && product_price && category_path && product_attribute_value && product_response != undefined && product_price != undefined && category_path != undefined && product_attribute_value != undefined ) { productDetails( product_response, product_price, category_path, product_attribute_value ); } } productCheckCount++; }catch(err){ console.log(err) stopProductCheck(); } } function productDetails( product_response, product_price, category_path, product_attribute_value ) { let brandAttribute = product_attribute_value && product_attribute_value.find((x) => x.Name === 'Brand'); let brand = (brandAttribute && brandAttribute.TextValue) || 'Dobbies'; let productObj = { brand, category: category_path, variant: '', position: '', url: window.location.href, }; if (product_response.hasOwnProperty('Name') && product_response.Name) { productObj.name = product_response.Name; } if ( product_response.hasOwnProperty('RecordId') && product_response.RecordId ) { productObj.id = product_response.RecordId; } if ( product_price.hasOwnProperty('CustomerContextualPrice') || product_price.hasOwnProperty('AdjustedPrice') ) { productObj.price = product_price.CustomerContextualPrice > 0 ? product_price.CustomerContextualPrice : product_price.AdjustedPrice; } if ( productObj.hasOwnProperty('name') && productObj.hasOwnProperty('id') && productObj.hasOwnProperty('price') ) { dataLayer.push({ event: 'productClick', ecommerce: { click: { // 'actionField': {'list': 'Search Results'}, // Optional list property. products: [ { name: productObj.name, // Name or ID is required. id: productObj.id, price: productObj.price, brand: productObj.brand, category: productObj.category, variant: productObj.variant, position: productObj.position, }, ], }, }, url: productObj.url, }); } } function addHomDelAndCncListeners() { const hdClass = 'msc-add-to-cart '; const cncClass = 'ms-store-select__location'; const hdBtns = document.getElementsByClassName(hdClass); const cncBtns = document.getElementsByClassName(cncClass); if (hdBtns && hdBtns.length) { hdBtns[0].addEventListener("click", () => { for(let k = 0; k < dataLayer.length; k++) { if(dataLayer[k]['event'] == 'home_delivery_clicked') { return; } } window.dataLayer.push({ event : 'home_delivery_clicked'}); }); } const cncAddToCartCN = 'ms-buybox__find-in-store-button'; const cncAddToCartBtns = document.getElementsByClassName(cncAddToCartCN); if (cncAddToCartBtns && cncAddToCartBtns.length) { cncAddToCartBtns[0].addEventListener("click", () => { for(let k = 0; k < dataLayer.length; k++) { if(dataLayer[k]['event'] == 'click_and_collect_clicked') { return; } } window.dataLayer.push({ event : 'click_and_collect_clicked'}); }); } if (cncBtns && cncBtns.length) { for (let k = 0; k < cncBtns.length; k++) { cncBtns[k].addEventListener("click", () => { for(let k = 0; k < dataLayer.length; k++) { if(dataLayer[k]['event'] == 'click_and_collect_store_clicked') { return; } } window.dataLayer.push({ event : 'click_and_collect_store_clicked'}); }); } } } function addOverlayEvents() { const view_basketCN = 'msc-add-to-cart__dialog__go-to-cart'; const view_basket_btns = document.getElementsByClassName(view_basketCN); if (view_basket_btns && view_basket_btns.length) { console.log('Adding Listeners to View Basket Btns', view_basket_btns); for (let q = 0; q < view_basket_btns.length; q++) { view_basket_btns[q].addEventListener("click", () => { console.log('On Click called'); let event_name_view_basket = 'view_basket_checkout_guest'; const isUserAuthenticated = window.___initialData___.requestContext.user.isAuthenticated; if (isUserAuthenticated) { event_name_view_basket = 'view_basket_button_signedin'; } for(let k = 0; k < dataLayer.length; k++) { if(dataLayer[k]['event'] == event_name_view_basket) { return; } } console.log('On Click called Event Not Found'); window.dataLayer.push({ event : event_name_view_basket}); console.log('Data Layer Event Added', window.dataLayer); }); } } const continue_to_shopping_cn = 'msc-add-to-cart__dialog__back-to-shopping'; const continue_to_shopping_btns = document.getElementsByClassName(continue_to_shopping_cn); if (continue_to_shopping_btns && continue_to_shopping_btns.length) { for (let p = 0; p < continue_to_shopping_btns.length; p++) { continue_to_shopping_btns[p].addEventListener("click", () => { let continue_shopping_event = 'continue_shopping_guest'; const isUserAuthenticated = window.___initialData___.requestContext.user.isAuthenticated; if (isUserAuthenticated) { continue_shopping_event = 'continue_shopping_signedin'; } for(let k = 0; k < dataLayer.length; k++) { if(dataLayer[k]['event'] == continue_shopping_event) { return; } } window.dataLayer.push({ event : continue_shopping_event}); console.log('Data Layer Event Added', window.dataLayer); }); } } const checkout_loggedin_cn = 'msc-add-to-cart__dialog__checkout'; const checkoutBtns = document.getElementsByClassName(checkout_loggedin_cn); if (checkoutBtns && checkoutBtns.length) { for (let p = 0; p < checkoutBtns.length; p++) { checkoutBtns[p].addEventListener("click", () => { for(let k = 0; k < dataLayer.length; k++) { if(dataLayer[k]['event'] == 'checkout_button_signedin') { return; } } window.dataLayer.push({ event : 'checkout_button_signedin'}); console.log('Data Layer Event Added', window.dataLayer); }); } } } document.addEventListener("DOMContentLoaded", function () { //debugger; let product_details = []; product_details.push(addProductInfo()); dataLayer.push({ event: 'view_item', currency: ___initialData___.requestContext.channel.Currency, value: "", items:{ product_details } }); addHomDelAndCncListeners(); }); document.addEventListener('click', function (e) { if ( e && e.target && (isAddToCartButton(e.target) || isAddToCartButton(e.target.parentNode)) ) { //debugger; let product_details = []; const isUserAuthenticated = window.___initialData___.requestContext.user.isAuthenticated; product_details.push(addProductInfo()); dataLayer.push({ event: isUserAuthenticated ? 'add_to_cart': 'add_to_cart_guest', currency: ___initialData___.requestContext.channel.Currency, value: "", items:{ product_details } }); } }); function currentNodeHasClass(targetNode, className) { return ( targetNode && targetNode.className && targetNode.className.includes(className) ); } function isAddToCartButton(targetNode) { return ( targetNode && (currentNodeHasClass(targetNode, 'msc-add-to-cart ') || currentNodeHasClass(targetNode.parentNode, 'msc-add-to-cart ')) ); } function addProductInfo() { let product_response = ___initialData___.requestCache.internalCache.SIMPLEPRODUCT.SELECTEDVARIANT .item.result; let product_price = ___initialData___.requestCache.internalCache.PRICE.PRICEFORSELECTEDVARIANT .item.result; let product_category = ___initialData___.requestCache.internalCache.CATEGORYPATH; // var product_attribute_value = Object.entries( // ___initialData___.requestCache.internalCache.ATTRIBUTEVALUE // )[0][1].item.result; // let brandAttribute = // product_attribute_value && // product_attribute_value.find((x) => x.Name === 'Brand'); let brand = 'Dobbies'; if (product_category) { product_category = Object.entries(product_category)[0][1].item.result; var category_path = ''; product_category.forEach((category) => { if (category == undefined) { return; } else if (category.Name !== 'ALL') { if (category_path) { category_path = category_path + '/' + category.Name; } else { category_path = category.Name; } } }); } let product_details = { quantity: getInnerText('quantity-input', true), item_brand:brand, variant: '', }; if (product_response && product_response.hasOwnProperty('Name')) { product_details.item_name = product_response.Name; } if (product_response && product_response.hasOwnProperty('RecordId')) { product_details.item_id = product_response.ItemId; } if ( product_price && (product_price.hasOwnProperty('CustomerContextualPrice') || product_price.hasOwnProperty('AdjustedPrice')) ) { product_details.price = product_price.CustomerContextualPrice > 0 ? product_price.CustomerContextualPrice : product_price.AdjustedPrice; } if (category_path) { product_details.item_category = category_path; } return product_details; } function getInnerText(elementClassName, numberField = false) { return ( document.getElementsByClassName(elementClassName) && document.getElementsByClassName(elementClassName)[0] && (numberField ? document.getElementsByClassName(elementClassName)[0].value : document.getElementsByClassName(elementClassName)[0].innerText) ); } document.addEventListener('click', function (e) { if ( e && e.target && (isJoinNowButton(e.target) || isJoinNowButton(e.target.parentNode)) ) { hasAddedUserDetails(); } }); function currentNodeHasClass(targetNode, className) { return ( targetNode && targetNode.className && targetNode.className.includes(className) ); } function isJoinNowButton(targetNode) { return ( targetNode && (currentNodeHasClass(targetNode, 'subscribe-button') || currentNodeHasClass(targetNode.parentNode, 'subscribe-button')) ); } function hasAddedUserDetails() { const firstName = document.getElementsByClassName('first-name-input-text'); const lastName = document.getElementsByClassName('last-name-input-text'); const emailAddress = document.getElementsByClassName('email-address-input-text'); const privacyPolicy = document.getElementsByClassName('privacy-policy-text'); const regex = /^(([^<>()\[\]\\.,;:\s@']+(\.[^<>()\[\]\\.,;:\s@']+)*)|('.+'))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; if (firstName[0].value && lastName[0].value && emailAddress[0].value && regex.test(emailAddress[0].value) && privacyPolicy[0].checked) { var response_message = document.getElementById('response-message'); var checkInterval = setInterval(function () { if (response_message) { if (response_message.textContent === "Thanks, you've successfully subscribed") { dataLayer.push({ event: 'newsletter', }); checkEvent = true; } } else { response_message = document.getElementById('response-message'); } if (checkEvent || checkCount >= 100) { stopInterval(checkInterval); } checkCount++; }, 1000); } } function stopInterval(checkInterval) { clearInterval(checkInterval); } const MutationObserver = window.MutationObserver || window.WebKitMutationObserver; const pdpObserver = new MutationObserver(() => { addHomDelAndCncListeners(); addOverlayEvents(); }); // ✅ Now document.body exists pdpObserver.observe(document.body, { childList: true, subtree: true });

Picture Frame Yellow

Get inspired by Dobbies