Savic Nestor Jumbo Toilet Home for Cats (Cold Grey) | Supertails (2024)

`; } function hideModal_atc(){ $('#modal_atc_id').fadeOut(2000,'swing',function(){ $('#modal_atc_id').removeAttr('style') hideElement(modal_atc); clearTimeout(hideModalTimeout) }); $('#overlay_atc_id').fadeOut(2000,'swing',function(){ $('#overlay_atc_id').removeAttr('style') hideElement(overlay_atc); }); } function disableButton(button){ button.disabled = true; } function enableButton(button){ button.disabled = false; } window.dataLayer = window.dataLayer || []; (function() { var originalPush = dataLayer.push; dataLayer.push = function() { var args = [].slice.call(arguments); if (args?.[0]?.[0]==='event' && args?.[0]?.[1] === 'add_to_cart') { return; } return originalPush.apply(dataLayer, args); }; })(); function sendEvents({addedItem}){ window.dataLayer = window.dataLayer || []; dataLayer.push({ "event": "add_to_cart", "ecommerce": { "currency": "INR", "value": addedItem.compare_at_price/100, "items": [ { "item_id": "8451834446062", "item_sku": addedItem.sku, "item_name": "Savic Nestor Jumbo Toilet Home for Cats (Cold Grey)", "coupon": "", "discount": "", "index": 0, "item_brand": "Savic Dropship", "item_category": "Cats", "item_category2": "Non-Food", "item_category3": "Litter Supplies", "item_category4": "", "item_category5": "", "item_list_id": "", "item_list_name": "", "item_variant": addedItem.title, "location_id": "", "price": addedItem.price/100, "quantity": 1 } ] } }); clevertap.event.push("Product Added", { "product_id": "8451834446062", "product_name": "Savic Nestor Jumbo Toilet Home for Cats (Cold Grey)", "brand": "Savic Dropship", "product_category1": "Cats", "product_category2": "Non-Food", "product_category3": "Litter Supplies", "variant_name": addedItem.title, "variant_id": addedItem.id, "price": addedItem.price/100, "mrp": addedItem.compare_at_price/100, "quantity": 1, "rating": 0, "rating_count": 0, "product_sku": addedItem.sku, }); if(window.mixpanel){ const dynamicTime = document.getElementById('dynamicTime').textContent ; const errorText = document.getElementById('error-text-id').textContent ; const deliveryDay = dynamicTime || errorText || 'N/A'; mixpanel.track("Product Added", { 'Product Name': "Savic Nestor Jumbo Toilet Home for Cats (Cold Grey)", 'Product ID': 8451834446062, 'Variant ID': addedItem.id, 'Variant Name': addedItem.name, 'Brand': "Savic Dropship", 'Category L1': "Cats", 'Category L2': "Non-Food", 'Category L3': "Litter Supplies", 'Category L4': null, 'Category L5': null, 'MRP': addedItem.compare_at_price/100, 'Selling Price': addedItem.price/100, 'Rating Count': "0", 'Rating': "0", 'Product Sku': addedItem.sku, 'City': localStorage.getItem('city'), location: 'PDP', "Page Content": 'Product Page', "Delivery Time": deliveryDay, "Device Type": localStorage.getItem('_deviceTypeIL'), }); } } function getSelectedVarient(){ const selected_id = $(".product-single__variants").find(':selected').attr("selected_variant_id"); const addedItem = product_json.variants.find(item => item.id == selected_id); return addedItem } function addImageAnimation(){ let position_cart ; if (cartIcon_atc) { position_cart = cartIcon_atc.getBoundingClientRect(); } let style_element = document.createElement('style'); document.head.appendChild(style_element); let keyframes_pos = ` @keyframes moveAnimation { 0% { top: 40%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; opacity: 0; } 10% { opacity: 0.6; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; } 100% { opacity: 0; width: 46px; height: 46px; top: ${position_cart.top || 0}px; left: ${position_cart.left || 327}px; bottom: ${position_cart.bottom || 55}px; right: ${position_cart.right || 373}px; transform: unset; } } `; style_element.sheet.insertRule(keyframes_pos, 0); if (image_to_cart_animation) { image_to_cart_animation.style.animation = 'moveAnimation 1.1s linear 0s 1'; } } var pharmaData async function getPharmaText() { const pharmaUrl = "https://supertails-backend.el.r.appspot.com/pharmacy/appointmentStatusMsg/pdp"; try { const response = await fetch(pharmaUrl, { method: "GET", headers: { "Content-Type": "application/json", "ngrok-skip-browser-warning": "any", } }); pharmaData = await response.json(); } catch (error) { console.log("Error in pharma", error); pharmaData= { msg: { isAdded: "Our Supertails vet will call you to verify after your order is placed.", isNotAdded: "Our Supertails vet will call you to verify after your order is placed." } }; } } async function updatePhamacyBanner(quantity){ await getPharmaText() if(!pharmaData){ pharmaData= { msg: { isAdded: "Our Supertails vet will call you to verify after your order is placed.", isNotAdded: "Our Supertails vet will call you to verify after your order is placed." } } } const bannerText = document.getElementById("text_parmacy_IL-id"); const bannerText1 = document.getElementById("text_parmacy_IL-id1"); const lineElement = document.querySelectorAll('.pharmacy__banner_line_IL') const pharmacyOuter = document.querySelectorAll('.phamacy__banner_outer_IL') const atcButtonOuterDiv = document.getElementById('atc_button_outer-id') const atcPharmaText = document.getElementById('pharmacy_banner_text_IL_atc-id') const paymentButtonDiv = document.querySelector(".payment-buttons.add-to-cart-sticky1.mobilefull"); const mainBanner = document.getElementById("pharmacy__banner_main_IL-id"); const parentDiv = document.getElementById("goToCart_Modal_Pharmacy_id"); const divToAppend = document.getElementById("pharmacy__banner_main_IL-id"); const pharmaMobileOuter = document.getElementById("pharmacy_mobile-container-id") // Qty 0 Screen Mobile if(quantity<=0 && window.innerWidth <= 768){ bannerText.innerHTML = pharmaData.msg.isNotAdded bannerText1.innerHTML = pharmaData.msg.isNotAdded pharmaMobileOuter.style.display = "block" $('.phamacy__banner_outer_IL').css('display','none') $('.pharmacy_mobile-container').css('display','block') $('.pharmacy_img_IL').css('margin','0px 10px 0px 0px') $('.Rx_banner_text-id').css('display','flex') paymentButtonDiv.style.padding = "10px 10px 0px 10px"; paymentButtonDiv.style.backgroundImage = "none"; paymentButtonDiv.style.borderRadius = "0px"; atcButtonOuterDiv.classList.remove("add-border-atc"); $('#uploadery-container').remove(); window.sessionStorage.removeItem("pharmacyBanner") } // Qty 0 Screen Desktop if(quantity<=0 && window.innerWidth > 768){ bannerText.innerHTML = pharmaData.msg.isNotAdded $('#pharmacy_mobile-container-id').css('display','none') $('.pharmacy_banner_text_IL').css('width', '415px') $('.pharmacy_img_IL').css('margin','0px 10px 0px 0px') $('.pharmacy__next-steps').css('display', 'none') $('#pharmacy__banner_line_IL-id1').css('display','block') $('#pharmacy__banner_line_IL-id2').css('display','block') $('#pharmacy__banner_main_IL-id').css('background-image','none') $("#pharmacy_rx_banner-id").css("display","flex") $("#pharmacy__banner_main_IL-id").css('height','74px') $('#uploadery-container').remove(); } // Qty 1 Screen Mobile const pharmacyBannerFlag = window.sessionStorage.getItem("pharmacyBanner") if(quantity>=1 && window.innerWidth <= 768){ if(quantity===1 && !pharmacyBannerFlag){ window.sessionStorage.setItem("pharmacyBanner", true) } bannerText.innerHTML = pharmaData.msg.isAdded atcPharmaText.innerHTML = pharmaData.msg.isAdded $('#pharmacy__banner_line_IL-id1').css('display','none') $('#pharmacy__banner_line_IL-id2').css('display','none') if(!pharmacyBannerFlag){ $('.phamacy__banner_outer_IL').css('display','block') atcButtonOuterDiv.classList.add("add-border-atc") $('.pharmacy__next-steps').css('display', 'flex') $("#pharmacy_rx_banner-id").css("display","none") if (paymentButtonDiv) { // Append styles to the element paymentButtonDiv.style.padding = "5px 0px 0px 0px"; paymentButtonDiv.style.backgroundImage = "linear-gradient(94.96deg, rgb(231, 243, 255) 0.57%, rgb(250, 252, 255) 99.46%)"; paymentButtonDiv.style.borderRadius = "16px 16px 0 0"; $('.pharmacy__next-steps').css('display', 'flex') $('.pharmacy_close_atc').css('display', 'flex') $("#pharmacy__banner_main_IL-id").css('height','140px') $('.pharmacy__banner_IL').css('padding-top','10px') } $(document).ready(function(){ document.querySelectorAll('.pharmacy_overlay').forEach(function(element) { element.style.display = 'block'; element.style.zIndex = '10'; }); }) setTimeout(() => { const banner123 = document.getElementById("phamacy__banner_outer_IL-id"); if (banner123) banner123.style.display = 'none'; // Update CSS of elements if they exist const buttons123 = document.querySelectorAll('.payment-buttons.add-to-cart-sticky1.mobilefull'); buttons123.forEach(button => { button.style.padding = '10px 10px 0px 10px'; button.style.backgroundImage = 'none'; button.style.borderRadius = '0px'; }); const atcOuter = document.querySelectorAll('.add-border-atc'); atcOuter.forEach(button => { button.style.boxShadow = 'none'; }) // Hide the overlay if it exists const overlay123 = document.querySelectorAll('.pharmacy_overlay'); overlay123.forEach(element => { element.style.display = 'none'; element.style.zIndex = '-1'; }); },5000) } } // Qty 1 Screen Desktop if(quantity>0 && window.innerWidth > 768){ mainBanner.style.backgroundImage = "linear-gradient(94.96deg, #E7F3FF 0.57%, #FAFCFF 99.46%)"; $("#pharmacy_rx_banner-id").css("display","none") bannerText.innerHTML = pharmaData.msg.isAdded atcPharmaText.innerHTML = pharmaData.msg.isAdded lineElement.forEach(element => { element.style.display = "none"; }) if(parentDiv){ parentDiv.appendChild(divToAppend); } if(pharmacyOuter){ pharmacyOuter.forEach(element => { element.style.display = "block"; }) } if(pharmaMobileOuter){ pharmaMobileOuter.style.display = "none"; } $("#pharmacy__banner_main_IL-id").css('height','74px') $('#pharmacy_mobile-container-id').css('display', 'none') $('#pharmacy_close_atc-id').css('display','none') $('.pharmacy__next-steps').css('display', 'flex') $('.pharmacy__next-steps').css('box-shadow', 'none') $("#pharmacy__banner_main_IL-id").css('height','120px') }}