` paginationElement.insertAdjacentHTML('afterend', desHTML); parent.querySelector(".FS_Description .collection-description.h6 span").addEventListener("click", () => parent.querySelector(".FS_Description .collection-description.h6 span").classList.toggle("expanded")); } for (const productElement of getProductElements(element)) { const productID = productElement.dataset.productId; const data = products[productID]; if(data) { // add badges NewBadges.set(data, productElement); //add quick view if (window.innerWidth >= 770) { const url = data.u; const productHandler = url.substring(url.lastIndexOf('/') + 1); const quickbuy=``; const quickModal=` `; if(!productElement.querySelector(".product-card__quick-add-button")) { productElement.querySelector(".img-container").insertAdjacentHTML('afterend',quickbuy); productElement.querySelector(".img-container").insertAdjacentHTML('afterend',quickModal); } } } } requestAnimationFrame(() => { reInitThemeProductCards(element); }); });//end grid hook window.SerpOptions.registerHook('serp-removable-tags', ({tags, element}) => { const parent = element.closest('#fs-ssr-app-content'); if(parent) { const gridElement=parent.querySelector(".grid-container"); const removableElements=parent.querySelector(".fs-top-container .removable-tags-wrapper"); if(gridElement && removableElements) { if(parent.querySelector(".fs-app-content-center-block > .removable-tags-wrapper")) { parent.querySelector(".fs-app-content-center-block > .removable-tags-wrapper").remove(); } parent.querySelector(".fs-app-content-center-block").insertBefore(removableElements,gridElement); } } });//end of removable tags hook window.SerpOptions.registerHook('serp-filters', ({facets, element}) => { const filterModal=element.closest(".filters-modal"); const button=``; if(filterModal && !filterModal.querySelector(".view_results")) { filterModal.insertAdjacentHTML('beforeend',button); filterModal.querySelector(".view_results").addEventListener("click",()=>{filterModal.querySelector(".fs-close-filters-button").click();}); } console.log(element) });//end filter hooks window.SerpOptions.registerHook('serp-product-swatches', ({colors, element}) => { if(!element.classList.contains("colors-images-cstm")) { element.classList.add("colors-images-cstm"); element.querySelectorAll(".color-swatch-container").forEach((swatchContainer)=>{ const colorName=swatchContainer.querySelector(".color-swatch-color-name"); const swatch=swatchContainer.querySelector(".swatch-color"); if(colorName) { const data=colors.find(product=>product.color==colorName.innerHTML); if(data) { swatch.style.backgroundImage = `url(${data.t})`; swatch.style.backgroundRepeat = 'no-repeat'; swatch.style.backgroundPosition = 'center'; swatch.style.backgroundColor = 'transparent'; } } }) } }); } // end of hooks // execution here if (window.SerpOptions) { hooks(); } else { window.addEventListener('fast-serp-ready', function () { hooks(); }); } var __fast_options = __fast_options || {}; __fast_options.disable_upsell_shadow_root = true; function UpsellHooks() { FastRecommendationWidget.registerHook("upsell-cross-sell-products", ({element, products}) => { const productElements = [...element.querySelectorAll(".fs-upsell-cross-sell-product")]; for (const productElement of productElements){ // add badges // NewBadges.set(data, productElement); const productID = productElement.dataset.id; const data = products[productID]; // add badges NewBadges.set(data, productElement); //add quick view const url = data.productURL; const productHandler = url.substring(url.lastIndexOf('/') + 1); const quickbuy=``; const quickModal=` `; if(!productElement.querySelector(".product-card__quick-add-button")) { productElement.querySelector(".upsell-cross-sell-image-container").insertAdjacentHTML('afterend',quickbuy); productElement.querySelector(".upsell-cross-sell-image-container").insertAdjacentHTML('afterend',quickModal); } //move wishList to infoCont let wishListCont = productElement.querySelector('.fs-heart-button-wrapper-product'); let infoCont = productElement.querySelector('.fs-recommendation-product-info'); if(wishListCont && infoCont) { infoCont.appendChild(wishListCont); } } }); } if (window.FastRecommendationWidget) { UpsellHooks(); } else { window.addEventListener('fast-upsell-cross-sell-ready', function () { UpsellHooks(); }); } function ACcallbacks() { FastAutocomplete.registerHook('render-autocomplete-product-item', ({ element }) => { const container = element.closest('.autocomplete-inner'); if (!container) return; // once per autocomplete container if (container.dataset.fsUpsellInjected === '1') return; const wideContainer = container.querySelector('.fast-wide-container') || container.querySelector('.wide.fast-wide-container'); const productsEl = wideContainer && wideContainer.querySelector('.products'); if (!wideContainer || !productsEl) return; container.dataset.fsUpsellInjected = '1'; // 1) Config as JSON (safe for data: URLs) if (!document.getElementById('fast-simon-upsell-config-json')) { const cfgJson = document.createElement('script'); cfgJson.type = 'application/json'; cfgJson.id = 'fast-simon-upsell-config-json'; cfgJson.textContent = "{\"badges\": [],\"customCSS\": \"#fast-simon-new-upsell-17536214302548428\u003ediv\u003eh2{\\r\\n margin-top: 4px!important;\\r\\n margin-bottom: 2px!important;\\r\\n font-weight: 500;\\r\\n}\\r\\n#fast-simon-new-upsell-17536214302548428\u003ediv\u003ediv{\\r\\n width:100%!important;\\r\\n}.sr-only {\\r\\n position: absolute;\\r\\n width: 1px;\\r\\n height: 1px;\\r\\n margin: -1px;\\r\\n padding: 0;\\r\\n overflow: hidden;\\r\\n clip: rect(0,0,0,0);\\r\\n border: 0;\\r\\n}\\r\\n#fast-simon-new-upsell-17536214302548428 .dotsContainer {display:none;}\\r\\n.fs-swatch-out-of-stock {\\r\\n display: none !important;\\r\\n}\\r\\n.color-swatches-wrapper .color-swatch-color-name {\\r\\n display: none !important;\\r\\n}\\r\\n.color-swatches-wrapper {\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n justify-content: flex-end;\\r\\n flex-wrap: wrap;\\r\\n}\\r\\n.title-container {\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n.fs-recommendation-title-wrapper .fs-recommendation-product-name-wrapper{\\r\\n font-weight: 400;\\r\\n font-size: 7.5px;\\r\\n margin: 0;\\r\\n letter-spacing: 1.5px !important;\\r\\n font-family: 'Neuzeit Office';\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.fs-serp-swatches .color-swatches .color-swatch {\\r\\n display: flex;\\r\\n width: 14px;\\r\\n height: 14px;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n border-radius: 50%;\\r\\n}\\r\\n\\r\\n.fs-serp-swatches .color-swatches .color-swatch svg {\\r\\n border: 1px solid var(--lines-disabled);\\r\\n}\\r\\n.fs-recommendation-product-container .image-wrapper{\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.fs-recommendation-product-container{\\r\\n width: 48%;\\r\\n}\\r\\n@media only screen and (min-width: 481px) {\\r\\n .fs-recommendation-product-container{\\r\\n width: 30%;\\r\\n }\\r\\n}\\r\\n@media only screen and (min-width: 786px) {\\r\\n .fs-recommendation-product-container{\\r\\n width: 23%\\r\\n }\\r\\n}\\r\\n.fs-recommendation-product-container .image-wrapper .image{\\r\\n width: unset;\\r\\n width: unset;\\r\\n}\\r\\n\\r\\n.arrow-button-left:before {\\r\\n content: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZmZmIj4NCiAgPHBvbHlnb24gcG9pbnRzPSIxNS4yOTMgMy4yOTMgNi41ODYgMTIgMTUuMjkzIDIwLjcwNyAxNi43MDcgMTkuMjkzIDkuNDE0IDEyIDE2LjcwNyA0LjcwNyAxNS4yOTMgMy4yOTMiPjwvcG9seWdvbj4NCjwvc3ZnPg==');\\r\\n}\\r\\n.arrow-button-right:before{\\r\\n content: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZmZmIj4NCiAgPHBvbHlnb24gcG9pbnRzPSI3LjI5MyA0LjcwNyAxNC41ODYgMTIgNy4yOTMgMTkuMjkzIDguNzA3IDIwLjcwNyAxNy40MTQgMTIgOC43MDcgMy4yOTMgNy4yOTMgNC43MDciPjwvcG9seWdvbj4NCjwvc3ZnPg==');\\r\\n}\\r\\n.upsell-cross-sell-image-container .markers{\\r\\n display: none !important;\\r\\n}\\r\\n.fs-heart-icon-wrapper{\\r\\n right: 0;\\r\\n text-align: right; \\r\\n}\\r\\n.fs_product_text_badge_flag.preorder{\\r\\n color: #f4359f;\\r\\n font-family: \\\"Karla\\\", Sans-Serif;\\r\\n font-size: 14px;\\r\\n letter-spacing: 0;\\r\\n line-height: 18px;\\r\\n display: block;\\r\\n}\\r\\n.vendor.fs-product-vendor{\\r\\n font-weight: 400;\\r\\n text-align: left;\\r\\n font-family: \\\"Karla\\\", Sans-Serif;\\r\\n font-size: 14px;\\r\\n letter-spacing: 0.25px;\\r\\n color: #222;\\r\\n padding-top: 2px;\\r\\n padding-bottom: 2px;\\r\\n opacity: 0.6;\\r\\n text-transform:capitalize;\\r\\n}\\r\\n.fs-price, .fs-product-title, span.fs-product-title, .fs-product-title span, .price span.fs-recommendation-product-price, .fs-recommendation-product-price, .compare-price.fs-recommendation-product-compare-price {\\r\\n font-family: \\\"Neuzeit Office\\\", sans-serif !important;\\r\\n font-size: 11px!important;\\r\\n font-weight: 400 !important;\\r\\n letter-spacing: 0.2em !important;\\r\\n line-height: 1.7 !important;\\r\\n text-transform: uppercase !important;\\r\\n color: rgb(28,27,27) !important;\\r\\n}\\r\\n.price span.fs-recommendation-product-price {\\r\\n font-family: var(--heading-font-family)!important;\\r\\n font-weight: var(--heading-font-weight)!important;\\r\\n font-style: var(--heading-font-style);\\r\\n letter-spacing: var(--heading-letter-spacing)!important;\\r\\n text-transform: var(--heading-text-transform)!important;\\r\\n overflow-wrap: anywhere;\\r\\n color: rgb(var(--text-color) \/ .65)!important;\\r\\n}\\r\\n.arrow-button{\\r\\n border: none !important\\r\\n}\\r\\n.price.fs-recommendation-price-container {\\r\\n grid-area: price !important;\\r\\n display: flex !important;\\r\\n align-items: flex-start !important;\\r\\n}\\r\\n@media (min-width: 1025px) {\\r\\n .price.fs-recommendation-price-container{\\r\\n justify-content: end !important;\\r\\n position: relative;\\r\\n }\\r\\n}\\r\\n.compare-price-container {\\r\\n margin-left: 10px;\\r\\n color:#000;\\r\\n opacity: .6;\\r\\n}\\r\\n.upsell-cross-sell-image-container .option {\\r\\n background: transparent !important;\\r\\n border: none !important;\\r\\n font-weight: 400 !important;\\r\\n min-width: 20px !important;\\r\\n font-size: 12px !important;\\r\\n color: #000;\\r\\n padding: 4px 1px;\\r\\n text-align: center;\\r\\n}\\r\\n.upsell-cross-sell-image-container .options-wrapper {\\r\\n display: flex !important;\\r\\n align-items: center;\\r\\n flex-wrap: wrap;\\r\\n width: calc(90% - 20px) !important;\\r\\n z-index: 4;\\r\\n background: rgba(255, 255, 255, 0.78);\\r\\n padding: 0px 10px 0px !important;\\r\\n justify-content: center;\\r\\n transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);\\r\\n bottom: 0;\\r\\n left: 50%;\\r\\n transform: translate(-50%, 0);\\r\\n opacity: 0;\\r\\n position: absolute;\\r\\n}\\r\\n.fs-recommendation-product-container:hover .options-wrapper,\\r\\n.fs-recommendation-product-container:focus .options-wrapper,\\r\\n.fs-recommendation-product-container:active .options-wrapper,\\r\\n.fs-recommendation-product-container:focus-visible .options-wrapper,\\r\\n.fs-recommendation-product-container:focus-within .options-wrapper{\\r\\n bottom: 10px;\\r\\n opacity: 1;\\r\\n visibility: visible;\\r\\n}\\r\\n.upsell-cross-sell-image-container .color-swatch{\\r\\n border: none !important;\\r\\n box-shadow: none !important;\\r\\n border-radius: 0 !important;\\r\\n max-height: 20px !important;\\r\\n max-width: 20px !important;\\r\\n width: 20px !important;\\r\\n height: 20px !important;\\r\\n}\\r\\n.upsell-cross-sell-image-container .option.unavailable:after {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.upsell-cross-sell-image-container .option:not(.unavailable) {\\r\\n opacity: 1 !important;\\r\\n}\\r\\n.upsell-cross-sell-image-container .option.unavailable {\\r\\n opacity: 0.6 !important;\\r\\n pointer-events: none;\\r\\n}\\r\\n\\r\\n.upsell-cross-sell-image-container .option:hover:not(.unavailable) {\\r\\n opacity: 1 !important;\\r\\n color: #000 !important;\\r\\n background-color: transparent !important;\\r\\n}\\r\\n\/*\\r\\n@media only screen and (max-width: 1024px) {\\r\\n .fs-recommendation-product-info{\\r\\n display: flex !important;\\r\\n flex-flow: column !important;\\r\\n }\\r\\n .price.fs-recommendation-price-container{\\r\\n order:5;\\r\\n justify-content: flex-start !important;\\r\\n }\\r\\n}\\r\\n*\/\\r\\n.price-container-discount.price-container-final-sale .fs-recommendation-product-price{\\r\\n display: none;\\r\\n}\\r\\n.price-container-discount .fs-recommendation-product-price{\\r\\n margin-left:10px;\\r\\n text-decoration: line-through;\\r\\n opacity: 0.6;\\r\\n}\\r\\n.fs-recommendation-price-container .discount-price {\\r\\n color: #c40c21;\\r\\n order:-1;\\r\\n}\\r\\n\\r\\n\\r\\n.widget-main .fs-recommendation-widget-title {\\r\\n font-size: 12px;\\r\\n font-weight: 400;\\r\\n text-transform: uppercase;\\r\\n text-align: left;\\r\\n font-family: \\\"Neuzeit Office\\\", sans-serif !important;\\r\\n margin-left:10px;\\r\\n}\\r\\n@media screen and (min-width:1000px) {\\r\\n.widget-main .fs-recommendation-widget-title {\\r\\n width:88%;\\r\\n}\\r\\n}\\r\\n\\r\\n.product-card__quick-add-button {\\r\\n position: absolute;\\r\\n}\\r\\n.product-container:hover .product-card__quick-add-button{\\r\\n opacity: 1 !important;\\r\\n z-index: 15 !important;\\r\\n}\\r\\n.widget-main .arrow-button:before {\\r\\n display: none;\\r\\n}\\r\\n.widget-main .arrow-button:after {\\r\\n display: none;\\r\\n}\\r\\n.upsell-cross-sell-image-container.container {\\r\\n --distance-to-bleed: unset;\\r\\n margin-inline-start: unset;\\r\\n margin-inline-end: unset;\\r\\n}\\r\\n\\r\\n@media (min-width: 1025px) {\\r\\n.product-container.fs-recommendation-product-container.fs-upsell-cross-sell-product {\\r\\n margin: 10px !important;\\r\\n}\\r\\n}\\r\\n.compare-price-container {\\r\\n align-items: flex-start !important;\\r\\n}\\r\\n\\r\\n.fs-recommendation-product-container .fs-recommendation-product-info {\\r\\n grid-template-areas:\\r\\n \\\"badge badge colorSwatches colorSwatches\\\"\\r\\n \\\"title title title title\\\"\\r\\n \\\"price price price price \\\" !important;\\r\\n\\tgrid-template-columns: auto 1fr 1fr 1fr;\\r\\n\\tmargin-left:5px;\\r\\n}\\r\\n\\r\\n\\r\\n.fs-product-has-compare-price .fs-recommendation-product-info {\\r\\n grid-template-areas:\\r\\n \\\"badge badge colorSwatches colorSwatches\\\"\\r\\n \\\"title title title title\\\"\\r\\n \\\"price compare compare compare \\\" !important;\\r\\n\\tgrid-template-columns: auto 1fr 1fr 1fr;\\r\\n}\\r\\n\\r\\n.fs-widget-style-mini-cart .fs-recommendation-widget-container {\\r\\n width: 97%;\\r\\n}\\r\\n\\r\\n.fs-widget-style-pdp-new .product-container.fs-recommendation-product-container.fs-upsell-cross-sell-product {\\r\\n margin: 0px !important;\\r\\n}\\r\\n.fs-widget-style-pdp-new .editor-products-container-horizontal {\\r\\n width: 100%;\\r\\n position: relative;\\r\\n}\\r\\n.fs-widget-style-pdp-new [aria-label=\\\"Next Slide\\\"] {\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 45%;\\r\\n z-index: 9;\\r\\n}\\r\\n.fs-widget-style-pdp-new [aria-label=\\\"Previous Slide\\\"] {\\r\\n position: absolute;\\r\\n left: 0;\\r\\n top: 45%;\\r\\n z-index: 9;\\r\\n}\\r\\n.fs-widget-style-pdp-new .fs-recommendation-button {\\r\\n border: none;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n color: var(--button-background);\\r\\n cursor: pointer;\\r\\n text-align: center;\\r\\n z-index: 1;\\r\\n box-shadow: 0 .125rem .625rem rgb(28 28 28 \/ .15);\\r\\n vertical-align: middle; \\r\\n line-height: 0;\\r\\n transform: scale(1.001);\\r\\n transition: background .15s ease-in-out, opacity .15s ease-in-out, transform .2s ease-in-out, color .2s ease-in-out;\\r\\n overflow: hidden;\\r\\n width: 45px;\\r\\n height: 43px;\\r\\n display: none;\\r\\n flex-direction: column;\\r\\n align-content: center;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n}\\r\\n.fs-widget-style-pdp-new .fs-recommendation-widget-container:hover .fs-recommendation-button {\\r\\n display: flex;\\r\\n}\\r\\n.fs-widget-style-pdp-new [aria-label=\\\"Previous Slide\\\"] {\\r\\n margin-left: 10px;\\r\\n}\\r\\n.fs-widget-style-pdp-new [aria-label=\\\"Next Slide\\\"] {\\r\\n margin-right: 10px;\\r\\n}\\r\\n.fs-widget-style-pdp-new [aria-label=\\\"Next Slide\\\"]:hover svg {\\r\\n animation: buttonFromLeftToRight .5s ease-in-out forwards;\\r\\n}\\r\\n.fs-widget-style-pdp-new [aria-label=\\\"Previous Slide\\\"]:hover svg {\\r\\n animation: buttonFromLeftToRight .5s ease-in-out forwards;\\r\\n}\\r\\n\/* Animation states *\/\\r\\n@-webkit-keyframes buttonFromLeftToRight {\\r\\n 0% {\\r\\n transform: translateX(0%);\\r\\n }\\r\\n\\r\\n 25% {\\r\\n opacity: 0;\\r\\n transform: translateX(100%);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 0;\\r\\n transform: translateX(-100%);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n opacity: 1;\\r\\n transform: translateX(0%);\\r\\n }\\r\\n}\\r\\n@keyframes buttonFromLeftToRight {\\r\\n 0% {\\r\\n transform: translateX(0%);\\r\\n }\\r\\n\\r\\n 25% {\\r\\n opacity: 0;\\r\\n transform: translateX(100%);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 0;\\r\\n transform: translateX(-100%);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n opacity: 1;\\r\\n transform: translateX(0%);\\r\\n }\\r\\n} \\r\\n\\r\\n.fs-widget-style-pdp-new .dotsContainer {\\r\\n display: none;\\r\\n}\\r\\n.fs-widget-style-pdp-new .color-swatches {\\r\\n margin-right: 10px;\\r\\n}\\r\\n.fs-widget-style-pdp-new .fs-serp-swatches .color-swatches .color-swatch {\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n}\\r\\n.fs-widget-style-pdp-new#fs-recommendation-widget-main .fs-recommendation-widget-title {\\r\\n font-size: 0.8rem;\\r\\n margin-bottom: 1.5rem;\\r\\n letter-spacing: 0.2em;\\r\\n font-style: normal;\\r\\n}\\r\\n.fs-widget-style-pdp-new#fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\\r\\n font-size: 11px !important;\\r\\n font-weight: 400 !important;\\r\\n letter-spacing: 0.2em !important;\\r\\n line-height: 1.7 !important;\\r\\n text-transform: uppercase !important;\\r\\n color: rgb(28, 27, 27) !important;\\r\\n font-family: 'Neuzeit Office';\\r\\n}\\r\\n.fs-widget-style-pdp-new .fs-recommendation-product-container .fs-recommendation-product-info {\\r\\n grid-template-areas:\\r\\n \\\"badge badge colorSwatches colorSwatches\\\"\\r\\n \\\"title title title title\\\"\\r\\n \\\"price price price wish \\\" !important;\\r\\n}\\r\\n.fs-widget-style-pdp-new .fs-product-has-compare-price .fs-recommendation-product-info {\\r\\n grid-template-areas:\\r\\n \\\"badge badge colorSwatches colorSwatches\\\"\\r\\n \\\"title title title title\\\"\\r\\n \\\"price compare compare wish \\\" !important;\\r\\n}\\r\\n.fs-widget-style-pdp-new .fs-heart-button-wrapper-product {\\r\\n grid-area: wish;\\r\\n height: 20px;\\r\\n width: 30px;\\r\\n position: unset;\\r\\n}\\r\\n.fs-widget-style-pdp-new .fs-heart-icon-wrapper {\\r\\n padding: 0;\\r\\n}\\r\\n.fs-widget-style-pdp-new .custom-svg-in-wishlist-icon-wrapper svg, .fs-widget-style-pdp-new .custom-svg-not-in-wishlist-icon-wrapper svg {\\r\\n width: 20px;\\r\\n height: auto;\\r\\n}\\r\\n.fs-widget-style-pdp-new .arrow-button-right svg {\\r\\n display: none!important; \\r\\n} \\r\\n.fs-widget-style-pdp-new .arrow-button-right::after {\\r\\n content: \\\"\\\";\\r\\n display: inline-block;\\r\\n width: 20px; \\r\\n height: 20px;\\r\\n background: url(\\\"data:image\/svg+xml;utf8,\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'\u003e\u003cpath d='M8 5l8 7-8 7' fill='none' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'\/\u003e\u003c\/svg\u003e\\\") no-repeat center \/ contain;\\r\\n}\\r\\n.fs-widget-style-pdp-new .arrow-button-left svg {\\r\\n display: none!important; \\r\\n} \\r\\n.fs-widget-style-pdp-new .arrow-button-left::after {\\r\\n content: \\\"\\\";\\r\\n display: inline-block;\\r\\n width: 20px; \\r\\n height: 20px;\\r\\n background: url(\\\"data:image\/svg+xml;utf8,\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'\u003e\u003cpath d='M16 5l-8 7 8 7' fill='none' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'\/\u003e\u003c\/svg\u003e\\\") no-repeat center \/ contain;\\r\\n}\\r\\n.fs-widget-style-pdp-new .compare-price.fs-recommendation-product-compare-price {\\r\\n color: #9c9c9c;\\r\\n text-decoration-color: #000;\\r\\n}\\r\\n@media only screen and (max-width: 770px) {\\r\\n .fs-widget-style-pdp-new .fs_product_text_badge_flag {\\r\\n font-size: 7px !important;\\r\\n }\\r\\n .fs-widget-style-pdp-new .fs-recommendation-product-name-wrapper {\\r\\n font-size: 0.45rem !important;\\r\\n }\\r\\n .fs-widget-style-pdp-new .compare-price.fs-recommendation-product-compare-price, .fs-widget-style-pdp-new .fs-recommendation-product-price{\\r\\n font-size: 7.5px!important;\\r\\n font-family: 'Neuzeit Office';\\r\\n }\\r\\n .fs-widget-style-pdp-new .fs-recommendation-button {\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n }\\r\\n}\\r\\n\\r\\n\/*AC*\/\\r\\n.fs-widget-style-autocomplete .fs-recommendation-widget-title {\\r\\n text-align: left;\\r\\n padding-left: 3px;\\r\\n font-size: 13px;\\r\\n font-weight: 700 !important;\\r\\n font-family: \\\"Instrument Sans\\\", sans-serif;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.fs-widget-style-autocomplete {\\r\\n margin-top: 13px;\\r\\n}\\r\\n.fs-widget-style-autocomplete .upsell-cross-sell-product-grid .fs-recommendation-product-container:nth-of-type(1) {\\r\\n margin-left: 0 !important;\\r\\n}\\r\\n.fs-widget-style-autocomplete .upsell-cross-sell-product-grid .fs-recommendation-product-container:nth-of-type(7) {\\r\\n margin-right: 0 !important;\\r\\n}\\r\\n.fs-widget-style-autocomplete .product-container.fs-recommendation-product-container.fs-upsell-cross-sell-product {\\r\\n margin: 2px !important;\\r\\n}\\r\\n.fs-widget-style-autocomplete .info-container.fs-recommendation-product-info {\\r\\n max-width: unset;\\r\\n}\\r\\n.fs-widget-style-autocomplete .fs-recommendation-button {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 770px) {\\r\\n .fs-widget-style-autocomplete .slide-horizontal {\\r\\n display: flex;\\r\\n overflow-x: auto; \\r\\n scroll-snap-type: x mandatory;\\r\\n -webkit-overflow-scrolling: touch; \\r\\n \/* Hide scrollbar *\/\\r\\n scrollbar-width: none; \/* Firefox *\/\\r\\n }\\r\\n \\r\\n .fs-widget-style-autocomplete .slide-horizontal::-webkit-scrollbar {\\r\\n display: none; \/* Chrome, Safari, Edge *\/\\r\\n }\\r\\n \\r\\n .fs-widget-style-autocomplete .slide-horizontal .fs-recommendation-product-container {\\r\\n flex: 0 0 48vw; \\r\\n max-width: 48vw;\\r\\n scroll-snap-align: start;\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n}\\r\\n.fs-widget-style-autocomplete .fs-recommendation-product-compare-price {\\r\\n display: flex;\\r\\n margin-left: 5px;\\r\\n}\\r\\n\\r\\n\\r\\n@media (max-width: 999px) {\\r\\n\\t.fs-recommendation-button {\\r\\n\\t\\tdisplay: none !important;\\r\\n\\t}\\r\\n\\t\\r\\n\\t.product-container.fs-recommendation-product-container.fs-upsell-cross-sell-product {\\r\\n margin: 0px !important;\\r\\n }\\r\\n \\r\\n .editor-fs-recommendation-product-image {\\r\\n\\t\\twidth: 100%;\\r\\n\\t\\taspect-ratio: 4000 \/ 6000 !important;\\r\\n\\t}\\r\\n\\r\\n\\t.fs-recommendation-product-container {\\r\\n\\t\\twidth: 100% !important;\\r\\n\\t\\tmax-width: 100% !important;\\r\\n\\t}\\r\\n\\t\\r\\n\\t.fs-recommendation-widget-products-container .slide-horizontal {\\r\\n\\t\\tdisplay: grid !important;;\\r\\n\\t\\tgrid: auto \/ auto-flow min(28rem, 40vw);\\r\\n\\t\\tscrollbar-width: none;\\r\\n\\t\\toverscroll-behavior-x: contain;\\r\\n\\t\\toverflow: auto hidden;\\r\\n\\t\\tgap: 1px;\\r\\n\\t\\tscroll-snap-type: none;\\r\\n\\t}\\r\\n\\t\\r\\n\\t.fs-recommendation-title-wrapper .fs-recommendation-product-name-wrapper, .fs-recommendation-product-price, .compare-price.fs-recommendation-product-compare-price, .fs-widget-style-pdp-new#fs-recommendation-widget-main .fs-recommendation-product-name-wrapper, .fs-widget-style-pdp-new .compare-price.fs-recommendation-product-compare-price, .fs-widget-style-pdp-new .fs-recommendation-product-price, .fs-price, .fs-product-title, span.fs-product-title, .fs-product-title span, .price span.fs-recommendation-product-price {\\r\\n font-size: 9px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n\",\"customIcons\": {\"left\": \"\u003csvg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\"\u003e\\n \u003cpolygon points=\\\"15.293 3.293 6.586 12 15.293 20.707 16.707 19.293 9.414 12 16.707 4.707 15.293 3.293\\\"\/\u003e\\n\u003c\/svg\u003e\",\"right\": \"\u003csvg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\"\u003e\\n \u003cpolygon points=\\\"7.293 4.707 14.586 12 7.293 19.293 8.707 20.707 17.414 12 8.707 3.293 7.293 4.707\\\"\/\u003e\\n\u003c\/svg\u003e\",\"wish-added\": \"\u003csvg viewBox=\\\"0 0 24 24\\\"\u003e\u003cpath d=\\\"M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1z\\\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\",\"wish-empty\": \"\u003csvg viewBox=\\\"0 0 24 24\\\"\u003e\u003cpath d=\\\"M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1zm-.7.8c-2.4-2.4-7.2-2-8.9 1.5-.1.3-.4.4-.7.2-.1 0-.2-.1-.2-.2-1.6-3.5-6.5-4-8.9-1.5C.4 5.6.5 10 2.7 12.2c2.2 2.7 7.3 8 9.1 9.4.1.1.2.1.3 0 1.8-1.4 6.9-6.7 9.1-9.5 2.3-2.1 2.4-6.5.1-8.2z\\\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\"},\"customSwatchesCss\": {\"beige\": \"{background: #c0a68b;}\",\"blue\": \"{background: #00539c;}\",\"brown\": \"{background: #936b4f;}\",\"cream\": \"{background: #f0eada;}\",\"denim\": \"{background-image: url(https:\/\/jluxlabel.com\/cdn\/shop\/files\/Denim_Swatch_Website.png);background-position: center;background-size: cover;}\",\"floral\": \"{background-image: url(https:\/\/jluxlabel.com\/cdn\/shop\/files\/FloralColorWheel.webp);background-position: center;background-size: cover;}\",\"gold\": \"{background: #c8b273;}\",\"green\": \"{background: #008c4d;}\",\"ivory\": \"{background: #e7e9e7;}\",\"multicolor\": \"{background-image: url(https:\/\/jluxlabel.com\/cdn\/shop\/files\/ColorWheel.png);background-position: center;background-size: cover;}\",\"orange\": \"{background: #e2552d;}\",\"pink\": \"{background: #d23c77;}\",\"purple\": \"{background: #6f4785;}\",\"red\": \"{background: #bf1932;}\",\"silver\": \"{background: #a2a2a1;}\",\"white\": \"{background: #edf1ff;}\",\"yellow\": \"{background: #f4bf3a;}\"},\"domain\": \"jluxlabel.com\",\"kind\": \"Shopify\",\"language\": \"en\",\"personalization\": {\"17536131927775890\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"17536214302548428\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"17571600446423143\": {\"hasPersonalization\": false,\"widgetOrVariationHasPersonalization\": false},\"17571627282547617\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"17575117882935901\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"17578609239597712\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"1758007619090320\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"17581474629733253\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"17587875949252401\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true},\"17620859617965908\": {\"hasPersonalization\": false,\"widgetOrVariationHasPersonalization\": false},\"17732637666604513\": {\"hasPersonalization\": true,\"widgetOrVariationHasPersonalization\": true}},\"pricing\": {\"avoidPricesForNonLoginUsers\": false,\"currencyConversionRate\": \"1.00\",\"currencySymbolPosition\": \"auto\",\"priceRangeFormat\": \"price_range\",\"showPriceWithoutDecimals\": false},\"settings\": {\"product\": {\"addToCart\": {\"addToCartPosition\": {\"defaultValue\": \"product bottom\",\"style1\": \"image bottom\"},\"addToCartType\": {\"defaultValue\": \"product level\",\"style1\": \"product level\"},\"ajaxAnimation\": false,\"backgroundColor\": \"#1976d2\",\"backgroundColorOnHover\": \"none\",\"border\": \"unset\",\"borderColorOnHover\": \"none\",\"borderRadius\": \"unset\",\"changeColorsOnHover\": false,\"color\": \"#000000\",\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"addToCart\",\"numOfCols\": 3,\"row\": 5},\"isActive\": {\"1753621473945\": {\"desktop\": false,\"mobile\": false,\"tablet\": false},\"1757162766736\": false,\"defaultValue\": false,\"style1\": true},\"margin\": \"unset\",\"quantitySelector\": false,\"quickAddBackgroundColor\": \"#1976d2\",\"quickAddColor\": \"#000000\",\"quickAddText\": \"+ Quick Shop\",\"shadow\": \"unset\",\"showOnHover\": false,\"showQuickAddBtn\": {\"defaultValue\": false,\"style1\": true},\"text\": \"Add to Cart\",\"textColorsOnHover\": \"none\"},\"backgroundColor\": \"none\",\"border\": \"unset\",\"borderRadius\": \"unset\",\"colorSwatches\": {\"changeVariantOnHover\": false,\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"enableOutOfStockSwatches\": false,\"gridPosition\": {\"areaName\": \"colorSwatches\",\"numOfCols\": 3,\"row\": 6},\"isActive\": {\"1753621473945\": {\"desktop\": true,\"mobile\": true,\"tablet\": false},\"1757162766736\": true,\"1757511886274\": true,\"defaultValue\": false,\"style1\": true},\"margin\": \"unset\",\"maxSwatches\": 6,\"swatchesType\": \"Color\"},\"compare\": {\"color\": {\"1757162766736\": \"#1c1b1b\",\"defaultValue\": \"#000000\",\"style1\": \"#1c1b1b\"},\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"1757162766736\": {\"font\": \"Neuzeit Office\\\", sans-serif\",\"fontSize\": \"7.5px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"defaultValue\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"style1\": {\"font\": \"Neuzeit Office\\\", sans-serif\",\"fontSize\": \"7.5px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"compare\",\"numOfCols\": 1,\"row\": 2},\"isActive\": true,\"margin\": \"unset\",\"shadow\": \"unset\"},\"description\": {\"color\": \"#000000\",\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"description\",\"numOfCols\": 3,\"row\": 4},\"isActive\": false,\"margin\": \"unset\",\"numberOfLines\": \"2\",\"saveSpaceForLineClamp\": true,\"shadow\": \"unset\"},\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"imageCarousel\": {\"1753621473945\": {\"desktop\": false,\"mobile\": \"false\",\"tablet\": false},\"1757162766736\": \"false\",\"1757511886274\": {\"desktop\": \"arrows\",\"mobile\": \"false\",\"tablet\": \"arrows\"},\"defaultValue\": false,\"style1\": \"arrows\"},\"imageRatio\": {\"1753621473945\": {\"desktop\": {\"imageFit\": \"cover\",\"imageRatio\": 0.6666666666666666},\"mobile\": {\"imageFit\": \"cover\",\"imageRatio\": 0.6666666666666666},\"tablet\": {\"imageFit\": \"cover\",\"imageRatio\": 0.75}},\"1757162766736\": {\"imageFit\": \"cover\",\"imageRatio\": 0.6666666666666666},\"1757511886274\": {\"imageFit\": \"cover\",\"imageRatio\": 0.6666666666666666},\"defaultValue\": {\"imageFit\": \"cover\",\"imageRatio\": 0.75},\"imageFit\": \"cover\",\"imageRatio\": 0.75,\"style1\": {\"imageFit\": \"cover\",\"imageRatio\": 0.6666666666666666}},\"info\": {\"grid\": {\"1753621473945\": {\"desktop\": {\"gridAreas\": \"\\\"title title title title\\\" \\\"colorSwatches colorSwatches colorSwatches colorSwatches\\\" \\\"price price price price\\\" \\\"compare compare compare compare\\\" \",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 2},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 3},{\"h\": 1,\"i\": \"colorSwatches\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 1}]},\"mobile\": {\"gridAreas\": \"\\\"title title title title\\\" \\\"colorSwatches colorSwatches colorSwatches colorSwatches\\\" \\\"price price price price\\\" \\\"compare compare compare compare\\\" \",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 2},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 3},{\"h\": 1,\"i\": \"colorSwatches\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 1}]},\"tablet\": {\"gridAreas\": \"\\\"title title title title\\\" \\\"price price price price\\\" \\\"compare compare compare compare\\\"\",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 0,\"y\": 1},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 1,\"y\": 2}]}},\"1757162766736\": {\"gridAreas\": \"\\\"title title title colorSwatches\\\" \\\"price compare compare compare\\\" \",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 3,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 1,\"x\": 0,\"y\": 1},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 3,\"x\": 1,\"y\": 1},{\"h\": 1,\"i\": \"colorSwatches\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 1,\"x\": 3,\"y\": 0}]},\"1757511886274\": {\"gridAreas\": \"\\\"title title title title\\\" \\\"price price price price\\\" \\\"compare compare compare compare\\\" \\\"colorSwatches colorSwatches colorSwatches colorSwatches\\\" \",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 1},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 2},{\"h\": 1,\"i\": \"colorSwatches\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 4,\"x\": 0,\"y\": 3}]},\"defaultValue\": {\"gridAreas\": \"\\\"title title title title\\\" \\\"price price price price\\\" \\\"compare compare compare compare\\\"\",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 0,\"y\": 1},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 1,\"y\": 2}]},\"gridAreas\": \"\\\"title title title title\\\" \\\"price price price price\\\" \\\"compare compare compare compare\\\"\",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 0,\"y\": 1},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"w\": 4,\"x\": 1,\"y\": 2}],\"style1\": {\"gridAreas\": \"\\\"title title title colorSwatches\\\" \\\"price compare compare compare\\\" \",\"gridAreasObj\": [{\"h\": 1,\"i\": \"title\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 3,\"x\": 0,\"y\": 0},{\"h\": 1,\"i\": \"price\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 1,\"x\": 0,\"y\": 1},{\"h\": 1,\"i\": \"compare\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 3,\"x\": 1,\"y\": 1},{\"h\": 1,\"i\": \"colorSwatches\",\"maxH\": 1,\"maxW\": 4,\"moved\": false,\"static\": false,\"w\": 1,\"x\": 3,\"y\": 0}]}},\"padding\": \"0px\"},\"lazyLoadingImage\": {\"1757511886274\": false,\"defaultValue\": false},\"padding\": \"0px\",\"price\": {\"alignIfCompare\": \"left\",\"color\": {\"1757162766736\": \"#1c1b1b\",\"defaultValue\": \"#000000\",\"style1\": \"#1c1b1b\"},\"colorIfCompareEnable\": {\"1757162766736\": \"#1c1b1b\",\"defaultValue\": \"#C90404\",\"style1\": \"#1c1b1b\"},\"currency\": \"auto\",\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"1757162766736\": {\"font\": \"Neuzeit Office\\\", sans-serif\",\"fontSize\": \"7.5px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"defaultValue\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"style1\": {\"font\": \"Neuzeit Office\\\", sans-serif\",\"fontSize\": \"7.5px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"price\",\"numOfCols\": 1,\"row\": 2},\"isActive\": true,\"margin\": \"unset\",\"shadow\": \"unset\"},\"quickView\": {\"attributes\": [],\"backgroundColor\": \"none\",\"border\": \"1px solid #000000\",\"borderRadius\": \"unset\",\"color\": \"#000000\",\"defaultStoreQuickview\": true,\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"quickView\",\"numOfCols\": 3,\"row\": 1},\"isActive\": false,\"margin\": \"unset\",\"text\": \"Quick View\",\"theme\": \"modern\"},\"reviews\": {\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"reviews\",\"numOfCols\": 3,\"row\": 3},\"isActive\": false,\"margin\": \"unset\",\"noReviewsStarsColor\": \"#9F9F9F\",\"reviewsCount\": true,\"reviewsCountAvg\": true,\"reviewsCountColor\": \"#9F9F9F\",\"reviewsStarsColor\": \"#ffb518\",\"shadow\": \"unset\",\"widgetForNoReview\": true},\"shadow\": \"unset\",\"showBorderOnHover\": false,\"sku\": {\"color\": \"#000000\",\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"description\",\"numOfCols\": 3,\"row\": 4},\"isActive\": false,\"margin\": \"unset\",\"shadow\": \"unset\"},\"title\": {\"color\": \"#000000\",\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"1757162766736\": {\"font\": \"Neuzeit Office\\\", sans-serif\",\"fontSize\": \"7.5px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"1.5\",\"textAlign\": \"left\"},\"defaultValue\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"1.5\",\"textAlign\": \"left\"},\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"1.5\",\"style1\": {\"font\": \"Neuzeit Office\\\", sans-serif\",\"fontSize\": \"7.5px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"1.5\",\"textAlign\": \"left\"},\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"title\",\"numOfCols\": 3,\"row\": 1},\"isActive\": true,\"margin\": \"auto\",\"numberOfLines\": {\"1757511886274\": {\"desktop\": \"1\",\"mobile\": \"1\",\"tablet\": \"1\"},\"defaultValue\": \"1\"},\"saveSpaceForLineClamp\": true},\"wishList\": {\"checkedColor\": {\"1757511886274\": \"#000000\",\"defaultValue\": \"#ff1493\"},\"checkedIconName\": {\"1757511886274\": \"wish-added\",\"defaultValue\": \"\"},\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"gridPosition\": {\"areaName\": \"wishlist\",\"numOfCols\": 1,\"row\": 1},\"isActive\": {\"1757511886274\": true,\"defaultValue\": false},\"isCustomIcon\": {\"1757511886274\": true,\"defaultValue\": false},\"location\": \"on-image\",\"margin\": \"unset\",\"notCheckedColor\": {\"1757511886274\": \"#000000\",\"defaultValue\": \"#ff1493\"},\"notCheckedIconName\": {\"1757511886274\": \"wish-empty\",\"defaultValue\": \"\"},\"padding\": \"10px\",\"position\": \"top-left\",\"size\": \"30px\"}},\"quickViewModal\": {\"animationDuration\": 400,\"animationInX\": 0,\"animationInY\": -200,\"animationOutX\": 0,\"animationOutY\": -100,\"closeButtonCustomIconName\": \"\",\"height\": \"70%\",\"imagesBar\": false,\"imagesInside\": false,\"imagesPosition\": \"left\",\"isCustomIconClose\": false,\"openingDirection\": \"top to bottom\",\"quantityBorder\": \"unset\",\"quantityBorderRadius\": \"unset\",\"quantityFont\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"quantityFontColor\": \"#000000\",\"quantityLayout\": \"classic\",\"quantityTitle\": \"Qty\",\"theme\": \"classic\",\"width\": \"70%\"},\"recommendationGeneral\": {\"backgroundColor\": \"none\",\"border\": \"unset\",\"borderColorOnHover\": \"none\",\"borderRadius\": \"unset\",\"collections\": [],\"currentProgressBarIcon\": \"\",\"emptyProgressBarIcon\": \"\",\"font\": {\"font\": \"Arial\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"gridColumnGap\": \"1px\",\"gridRowGap\": \"3px\",\"isCustomCarouselIcons\": {\"1757162766736\": false,\"1757511886274\": true,\"defaultValue\": false,\"style1\": true},\"isCustomProgressBarIcon\": false,\"layout\": \"horizontal\",\"leftArrowIcon\": {\"1757162766736\": \"left\",\"1757511886274\": \"left\",\"defaultValue\": \"\",\"style1\": \"left\"},\"loadMore\": false,\"maxSuggestionsProducts\": 25,\"mobileExpandLimitProducts\": false,\"numberOfColumns\": \"3\",\"numberOfRows\": \"3\",\"padding\": {\"1757511886274\": \"1px\",\"defaultValue\": \"0px\"},\"productsPerArrowClick\": {\"1753621473945\": \"2\",\"1757162766736\": {\"desktop\": \"1\",\"mobile\": \"2\",\"tablet\": \"3\"},\"1757511886274\": {\"desktop\": \"3\",\"mobile\": \"1\",\"tablet\": \"1\"},\"defaultValue\": \"4\",\"style1\": {\"desktop\": \"5\",\"mobile\": \"2\",\"tablet\": \"3\"}},\"productsPerSlide\": {\"1753621473945\": \"2\",\"1757162766736\": {\"desktop\": \"7\",\"mobile\": \"2\",\"tablet\": \"3\"},\"1757511886274\": {\"desktop\": \"4\",\"mobile\": \"2\",\"tablet\": \"2\"},\"defaultValue\": \"4\",\"style1\": {\"desktop\": \"5\",\"mobile\": \"2\",\"tablet\": \"3\"}},\"progressBarColor\": \"#571eae\",\"rightArrowIcon\": {\"1757162766736\": \"right\",\"1757511886274\": \"right\",\"defaultValue\": \"\",\"style1\": \"right\"},\"sources\": [\"related_purchase\",\"related_recently_viewed\",\"related_views\",\"related_top_products\"]},\"recommendationTitle\": {\"color\": \"#000000\",\"dimensions\": {\"height\": \"auto\",\"width\": \"auto\",\"x\": \"0\",\"y\": \"0\"},\"font\": {\"1757162766736\": {\"font\": \"Arial\",\"fontSize\": \"35px\",\"fontWeight\": \"bold\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"left\"},\"defaultValue\": {\"font\": \"Arial\",\"fontSize\": \"35px\",\"fontWeight\": \"bold\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"center\"},\"font\": \"Arial\",\"fontSize\": \"35px\",\"fontWeight\": \"bold\",\"letterSpacing\": \"0.25px\",\"lineHeight\": \"auto\",\"textAlign\": \"center\"},\"innerText\": \"Discover our Best Sellers\",\"isActive\": true,\"margin\": \"unset\",\"numberOfLines\": \"1\",\"shadow\": \"unset\"}},\"textBadges\": [],\"translationProvider\": \"\",\"variationWidgetConfig\": {},\"widgetUiConfig\": {\"17536131927775890\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"style1\",\"styleName\": \"default style\",\"title\": \"Similar items\"},\"17536214302548428\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1753621473945\",\"styleName\": \"mini-cart\",\"title\": \"Discover our Best Sellers\"},\"17571600446423143\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1757511886274\",\"styleName\": \"PDP New\",\"title\": \"Recently Viewed Products\"},\"17571627282547617\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1757162766736\",\"styleName\": \"autocomplete\",\"title\": \"You Might Also Like...\"},\"17575117882935901\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1757511886274\",\"styleName\": \"PDP New\",\"title\": \"Trending Products\"},\"17578609239597712\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1753621473945\",\"styleName\": \"mini-cart\",\"title\": \"Discover our Best Sellers\"},\"1758007619090320\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1757162766736\",\"styleName\": \"autocomplete\",\"title\": \"You Might Also Like...\"},\"17581474629733253\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1753621473945\",\"styleName\": \"mini-cart\",\"title\": \"Visually Similar Products\"},\"17587875949252401\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"style1\",\"styleName\": \"default style\",\"title\": \"People Who Bought These Also Bought...\"},\"17620859617965908\": {\"displayType\": \"embed\",\"isMiniCart\": true,\"miniCartConfig\": {\"addToCartTrigger\": true,\"cartDrawerSelector\": \"\",\"cartIconSelector\": \"\",\"delayBeforeOpen\": \"1800\",\"miniCartBodySelector\": \"div \u003e div:nth-child(2) \u003e [part='body']\",\"miniCartBottomSelector\": \"div \u003e div:nth-child(2) \u003e footer\",\"miniCartContainerSelector\": \"\",\"observerOpenStateCheck\": \"style\",\"observerOpenStateValue\": \"display=block\",\"observerSelector\": \"#cart-drawer\",\"reloadProductsOnOpen\": true,\"shadowRootSelector\": \"#cart-drawer\"},\"popupTrigger\": \"add-to-cart\",\"style\": \"style1\",\"styleName\": \"default style\",\"title\": \"minicart test\"},\"17732637666604513\": {\"displayType\": \"embed\",\"isMiniCart\": false,\"miniCartConfig\": {},\"popupTrigger\": \"add-to-cart\",\"style\": \"1757511886274\",\"styleName\": \"PDP New\",\"title\": \"Visually Similar Products\"}},\"wishlistProvider\": \"swym\"}"; document.head.appendChild(cfgJson); const setter = document.createElement('script'); setter.text = ` try { window.FAST_UPSELL_CONFIG = JSON.parse( document.getElementById('fast-simon-upsell-config-json').textContent ); } catch (e) { console.error('FAST_UPSELL_CONFIG JSON parse failed:', e); window.FAST_UPSELL_CONFIG = {}; } `; document.head.appendChild(setter); } // 2) Widget container as a SIBLING after .products const widgetDiv = document.createElement('div'); widgetDiv.className = 'fast-simon-new-upsell-17571627282547617'; widgetDiv.setAttribute('data-settings', 'FAST_UPSELL_CONFIG'); widgetDiv.style.cssText = 'display:block;height:100%;'; // insert AFTER .products productsEl.parentNode.insertBefore(widgetDiv, productsEl.nextSibling); // 3) Loader once (head is safer) if (!document.querySelector('script[data-fs-upsell-loader]')) { const loader = document.createElement('script'); loader.async = true; loader.setAttribute('data-fs-upsell-loader', '1'); loader.src = 'https://static-recommendations.fastsimon.com/no-code-recommendations/fs-recommendations-init.js?uuid=3260a1ff-0993-40bb-95c2-e9c5e9b2a920&store_id=16942981&platform=Shopify&widgetId=17571627282547617'; document.head.appendChild(loader); } }); } /* // execution here if (window.FastAutocomplete) { ACcallbacks(); } else { window.addEventListener('fast-autocomplete-ready', function () { ACcallbacks(); }); } */ // ============================================================ // MINI CART MANAGEMENT // ============================================================ // ============================================================ // CONFIGURATION CONSTANTS // ============================================================ // General Configuration let FAST_OPTIONS = window.__fast_options = window.__fast_options || {}; FAST_OPTIONS.with_product_attributes = true; FAST_OPTIONS.parse_sub_category_tag_filter = true; window.fs_upsell_disable_render_delay = false; FAST_OPTIONS.disable_upsell_shadow_root = true; // CSS Selectors // CSS Selectors const SELECTORS = { // Cart Selectors MINICART: "#cart-drawer", MINICART_UPSELL_CONTAINER: "#fs-upsell-mini-cart-section", DRAWER_MAIN: '.cart-drawer__items', DRAWER__FOOTER: '.cart-drawer__footer', }; // Upsell Widget Configuration let UPSELL_WIDGET_ID = "17536214302548428"; FAST_OPTIONS.upsell_widgets_minicart = FAST_OPTIONS.upsell_widgets_minicart || {}; FAST_OPTIONS.upsell_widgets_minicart[UPSELL_WIDGET_ID] = { get_update_widget_products_list: (update_widget_products_list) => { window.FS_UPDATE_WIDGET_PRODUCT_LIST = update_widget_products_list; }, minicartUpsellContainer: SELECTORS.MINICART_UPSELL_CONTAINER, avoidFirstLoad: true, minicartSelector: SELECTORS.MINICART, attributesConfig: { attributes: true, attributeFilter: ['aria-hidden'] } }; /** * Manages the observation and manipulation of a website's mini-cart. */ class MiniCartManager { /** * Initializes the manager's state. */ constructor() { // Stores active MutationObserver instances, keyed by a unique identifier. this.observers = new Map(); // Stores the last known count for each observed cart count element. this.lastCounts = {}; } /** * Observes a mini-cart element for visibility changes based on its 'aria-hidden' attribute. * @param {string} selector - The CSS selector for the element to observe. * @param {function} [onOpen] - A callback to run when the element becomes visible. * @param {function} [onClose] - A callback to run when the element becomes hidden. * @returns {MutationObserver | undefined} The observer instance or undefined if the element isn't found. */ observeMiniCart(selector, onOpen, onClose) { const targetNode = document.querySelector(selector); if (!targetNode) { console.error(`Element with selector "${selector}" not found.`); return; } const observer = new MutationObserver((mutationsList) => { for (const mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'aria-hidden') { const isHidden = targetNode.getAttribute('aria-hidden') === 'true'; if (isHidden) { if (onClose) onClose(); } else { if (onOpen) onOpen(); } } } }); observer.observe(targetNode, { attributes: true, attributeFilter: ['aria-hidden'], }); const observerKey = `minicart-${selector}`; this.observers.set(observerKey, observer); console.log(`Observer started for mini-cart: ${selector}`); return observer; } /** * Observes a cart count element for changes in its text content. * @param {string} selector - The CSS selector for the element containing the cart count. * @param {function} onUpdate - A callback that receives the new count as an argument. * @returns {MutationObserver | undefined} The observer instance or undefined if the element isn't found. */ observeCartCount(selector, onUpdate) { const targetNode = document.querySelector(selector); if (!targetNode) { console.error(`Cart count observer failed: Element with selector "${selector}" not found.`); return; } const observer = new MutationObserver(() => { const textContent = targetNode.textContent || ''; const match = textContent.match(/\d+/); // Extract the first sequence of digits. const newCount = match ? parseInt(match[0], 10) : 0; if (!isNaN(newCount) && newCount !== this.lastCounts[selector]) { this.lastCounts[selector] = newCount; onUpdate(newCount); } }); observer.observe(targetNode, { childList: true, subtree: true, characterData: true, }); const observerKey = `cartcount-${selector}`; this.observers.set(observerKey, observer); console.log(`Observer started for cart count: ${selector}`); return observer; } /** * Creates and inserts a widget into a target element in the DOM. * @param {object} options - The options for inserting the widget. * @returns {HTMLElement | null} The widget element or null if the target is not found. */ insertWidget({ widgetId, targetSelector, uuid, storeId, updateWidget }) { const parentElement = document.querySelector(targetSelector); if (!parentElement) { console.error(`Error: Could not find target element with selector "${targetSelector}".`); return null; } let widgetElement = document.querySelector(`.fast-simon-new-upsell-${widgetId}`); if (!widgetElement) { widgetElement = document.createElement('div'); widgetElement.className = `fast-simon-new-upsell-${widgetId}`; widgetElement.setAttribute('data-settings', 'FAST_UPSELL_CONFIG'); widgetElement.style.cssText = "display: block; height: 100%; min-height: 300px;"; const widgetScript = document.createElement("script"); widgetScript.src = `https://static-recommendations.fastsimon.com/no-code-recommendations/fs-recommendations-init.js?uuid=${uuid}&store_id=${storeId}&widgetId=${widgetId}`; widgetScript.async = true; parentElement.appendChild(widgetElement); setTimeout(() => { document.head.appendChild(widgetScript); }, 300); if (updateWidget) setTimeout(updateWidget, 500); } else { widgetElement.style.display = "block"; parentElement.appendChild(widgetElement); } console.log(`Widget ${widgetId} inserted into ${targetSelector}.`); return widgetElement; } /** * Disconnects a specific observer by its key. * @param {string} key - The unique key for the observer to disconnect. */ disconnect(key) { if (this.observers.has(key)) { this.observers.get(key).disconnect(); this.observers.delete(key); console.log(`Observer disconnected: ${key}`); } } /** * Disconnects all active observers managed by this instance. */ disconnectAll() { for (const [key, observer] of this.observers.entries()) { observer.disconnect(); console.log(`Observer disconnected: ${key}`); } this.observers.clear(); } } /** * Positions the upsell widget below a specified container * @param {string} containerSelector - Selector for the container element * @param {HTMLElement} snippetElement - Element to position below the container */ const insertBelowSelector = (containerSelector, snippetElement) => { // Find the main minicart context const miniCartElement = document.querySelector(FAST_OPTIONS.upsell_widgets_minicart[UPSELL_WIDGET_ID].minicartSelector); const drawerContainer = miniCartElement.querySelector(SELECTORS.DRAWER_MAIN); const drawerFooter = miniCartElement.querySelector(SELECTORS.DRAWER__FOOTER); applyDrawerResponsive(drawerContainer); applyDrawerFooterResponsive(drawerFooter); // Find the container element within the minicart const containerElement = miniCartElement ? miniCartElement.querySelector(containerSelector) : null; // Check if both elements were found if (!containerElement) { console.error(`Error: Container with selector "${containerSelector}" not found.`); return; } if (!snippetElement) { console.error("Error: The snippet element to display was not provided."); return; } // Apply positioning styles // Make the container a positioning context containerElement.style.position = 'relative'; // Position the snippet absolutely within the container applySnippetResponsive(snippetElement) if (snippetElement) { snippetElement.style.zIndex = "0"; } // Also ensure the snippet is visible snippetElement.style.display = 'block'; }; /** * Refreshes the Fast Simon mini cart upsell widget */ const refreshFastSimonMiniCart = () => { if (window.FS_UPDATE_WIDGET_PRODUCT_LIST) { window.FS_UPDATE_WIDGET_PRODUCT_LIST({forceGetProducts: true}); const upsellWidget = document.querySelector(`.fast-simon-new-upsell-${UPSELL_WIDGET_ID}`); if (upsellWidget) { insertBelowSelector(FAST_OPTIONS.upsell_widgets_minicart[UPSELL_WIDGET_ID].minicartUpsellContainer, upsellWidget); } } }; function applySnippetResponsive(snippetElement) { let topValue; console.log('window.innerWidth', window.innerWidth) if (window.innerWidth <= 360) { // small mobile topValue = 'calc(100% - 460px)'; } else if (window.innerWidth <= 430) { // small mobile topValue = 'calc(100% - 505px)'; } else if (window.innerWidth <= 480) { // small mobile topValue = 'calc(100% - 505px)'; } else if (window.innerWidth <= 768) { // larger mobile / small tablet topValue = 'calc(100% - 505px)'; } else if (window.innerWidth <= 1024) { // tablet topValue = 'calc(100% - 420px)'; } else { // desktop topValue = 'calc(100% - 420px)'; } snippetElement.style.display = 'block'; snippetElement.style.position = 'absolute'; snippetElement.style.left = '0'; snippetElement.style.width = '100%'; snippetElement.style.top = topValue; snippetElement.style.borderWidth = '1px'; snippetElement.style.borderStyle = "solid"; snippetElement.style.borderColor = "#dddddd"; console.log('test', snippetElement.style); } function applyDrawerResponsive(drawerContainer) { let topValue; if (window.innerWidth <= 360) { // small mobile topValue = 'calc(100% - 330px)'; } else if (window.innerWidth <= 430) { // small mobile topValue = 'calc(100% - 495px)'; } else if (window.innerWidth <= 480) { // small mobile topValue = 'calc(100% - 485px)'; } else if (window.innerWidth <= 768) { // larger mobile / small tablet topValue = 'calc(100% - 455px)'; } else if (window.innerWidth <= 1024) { // tablet topValue = 'calc(100% - 300px)'; } else { // desktop topValue = 'calc(100% - 300px)'; } drawerContainer.style.height = topValue; } function applyDrawerFooterResponsive(drawerFooter) { drawerFooter.style.paddingBottom = "5px"; drawerFooter.style.paddingTop = "5px"; } /** * Initialize mini-cart observers */ document.addEventListener("DOMContentLoaded", function() { // Create an instance of the cart manager const cartManager = new MiniCartManager(); // Observe the mini-cart's visibility cartManager.observeMiniCart( FAST_OPTIONS.upsell_widgets_minicart[UPSELL_WIDGET_ID].minicartSelector, () => {setTimeout(refreshFastSimonMiniCart, 400)}, () => console.log('Mini-cart was closed.') ); // Observe the cart item count }); Zum Inhalt springen

YOU MIGHT ALSO LIKE

Warenkorb

Dein Warenkorb ist leer