window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0449\/2568\/1820\/t\/4\/assets\/booster_currency.js?v=1624978055\u0026shop=ewart-woods-design.myshopify.com","\/\/cdn.shopify.com\/proxy\/d1c42de7cd34187b7216d82b43e27d5c02b108d349c44a78d8341b73f2720355\/s.pandect.es\/scripts\/pandectes-core.js?shop=ewart-woods-design.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/static.klaviyo.com\/onsite\/js\/VKgGsx\/klaviyo.js?company_id=VKgGsx\u0026shop=ewart-woods-design.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":27792539682,"offset":10800,"reqid":"33f72cf4-7678-4312-8ff2-66a41952e65f-1779801471","pageurl":"ewartwoods.com\/fr\/collections\/porte-crochets\/products\/crochets-muraux-en-metal-cercle","u":"e3a5bb27421e","p":"product","rtyp":"product","rid":6589759717410};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//ewartwoods.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//ewartwoods.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://ewartwoods.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script>
  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
</script>

<link href="https://cdn.shopify.com/extensions/019e62a2-ccb8-73f1-b72c-b6cf611c333b/blockify-shopify-333/assets/ip-blocker-embed.min.js" as="script" type="text/javascript" rel="preload">

<script type="text/javascript">"use strict";(()=>{function mergeDeepMutate(target,...sources){if(!target)return target;if(sources.length===0)return target;const isObject=obj=>!!obj&&typeof obj==="object";const isPlainObject=obj=>{if(!isObject(obj))return false;const proto=Object.getPrototypeOf(obj);return proto===Object.prototype||proto===null};for(const source of sources){if(!source)continue;for(const key in source){const sourceValue=source[key];if(!(key in target)){target[key]=sourceValue;continue}const targetValue=target[key];if(Array.isArray(targetValue)&&Array.isArray(sourceValue)){target[key]=targetValue.concat(...sourceValue)}else if(isPlainObject(targetValue)&&isPlainObject(sourceValue)){target[key]=mergeDeepMutate(targetValue,sourceValue)}else{target[key]=sourceValue}}}return target}var Application=class{constructor(config,dataObjects){this.modules=[];this.cachedModulesByConstructor=new Map;this.status="created";this.cachedEventListeners={};this.registryBlockListeners=[];this.readyListeners=[];this.mode="production";this.logLevel=1;this.blocks={};const boostWidgetIntegration=window.boostWidgetIntegration;this.config=config||{logLevel:boostWidgetIntegration?.config?.logLevel,env:"production"};this.logLevel=this.config.logLevel??(this.mode==="production"?2:this.logLevel);if(this.config.logLevel==null){this.config.logLevel=this.logLevel}this.dataObjects=dataObjects||{};this.logger={debug:(...args)=>{if(this.logLevel<=0){console.debug("Boost > [DEBUG] ",...args)}},info:(...args)=>{if(this.logLevel<=1){console.info("Boost > [INFO] ",...args)}},warn:(...args)=>{if(this.logLevel<=2){console.warn("Boost > [WARN] ",...args)}},error:(...args)=>{if(this.logLevel<=3){console.error("Boost > [ERROR] ",...args)}}}}bootstrap(){if(this.status==="bootstrapped"){this.logger.warn("Application already bootstrapped");return}if(this.status==="started"){this.logger.warn("Application already started");return}this.loadModuleEventListeners();this.dispatchLifecycleEvent({name:"onBeforeAppBootstrap",payload:null});if(this.config?.customization?.app?.onBootstrap){this.config.customization.app.onBootstrap(this)}this.extendAppConfigFromModules();this.extendAppConfigFromGlobalVariables();this.initializeDataObjects();this.assignGlobalVariables();this.status="bootstrapped";this.dispatchLifecycleEvent({name:"onAppBootstrap",payload:null})}async initModules(){await Promise.all(this.modules.map(async module=>{if(!module.shouldInit()){this.logger.info("Module not initialized",module.constructor.name,"shouldInit returned false");return}module.onBeforeModuleInit?.();this.dispatchLifecycleEvent({name:"onBeforeModuleInit",payload:{module}});this.logger.info(`Initializing ${module.constructor.name} module`);try{await module.init();this.dispatchLifecycleEvent({name:"onModuleInit",payload:{module}})}catch(error){this.logger.error(`Error initializing module ${module.constructor.name}:`,error);this.dispatchLifecycleEvent({name:"onModuleError",payload:{module,error:error instanceof Error?error:new Error(String(error))}})}}))}getModule(constructor){const module=this.cachedModulesByConstructor.get(constructor);if(module&&!module.shouldInit()){return void 0}return module}getModuleByName(name){const module=this.modules.find(mod=>{const ModuleClass=mod.constructor;return ModuleClass.moduleName===name});if(module&&!module.shouldInit()){return void 0}return module}registerBlock(block){if(!block.id){this.logger.error("Block id is required");return}const blockId=block.id;if(this.blocks[blockId]){this.logger.error(`Block with id ${blockId} already exists`);return}this.blocks[blockId]=block;if(window.boostWidgetIntegration.blocks){window.boostWidgetIntegration.blocks[blockId]=block}this.dispatchLifecycleEvent({name:"onRegisterBlock",payload:{block}});this.registryBlockListeners.forEach(listener=>{try{listener(block)}catch(error){this.logger.error("Error in registry block listener:",error)}})}addRegistryBlockListener(listener){this.registryBlockListeners.push(listener);Object.values(this.blocks).forEach(block=>{try{listener(block)}catch(error){this.logger.error("Error in registry block listener for existing block:",error)}})}removeRegistryBlockListener(listener){const index=this.registryBlockListeners.indexOf(listener);if(index>-1){this.registryBlockListeners.splice(index,1)}}onReady(handler){if(this.status==="started"){try{handler()}catch(error){this.logger.error("Error in ready handler:",error)}}else{this.readyListeners.push(handler)}}assignGlobalVariables(){if(!window.boostWidgetIntegration){window.boostWidgetIntegration={}}Object.assign(window.boostWidgetIntegration,{TAEApp:this,config:this.config,dataObjects:this.dataObjects,blocks:this.blocks})}async start(){this.logger.info("Application starting");this.bootstrap();this.dispatchLifecycleEvent({name:"onBeforeAppStart",payload:null});await this.initModules();this.status="started";this.dispatchLifecycleEvent({name:"onAppStart",payload:null});this.readyListeners.forEach(listener=>{try{listener()}catch(error){this.logger.error("Error in ready listener:",error)}});if(this.config?.customization?.app?.onStart){this.config.customization.app.onStart(this)}}destroy(){if(this.status!=="started"){this.logger.warn("Application not started yet");return}this.modules.forEach(module=>{this.dispatchLifecycleEvent({name:"onModuleDestroy",payload:{module}});module.destroy()});this.modules=[];this.resetBlocks();this.status="destroyed";this.dispatchLifecycleEvent({name:"onAppDestroy",payload:null})}setLogLevel(level){this.logLevel=level;this.updateConfig({logLevel:level})}loadModule(ModuleConstructor){if(!ModuleConstructor){return this}const app=this;const moduleInstance=new ModuleConstructor(app);if(app.cachedModulesByConstructor.has(ModuleConstructor)){this.logger.warn(`Module ${ModuleConstructor.name} already loaded`);return app}this.modules.push(moduleInstance);this.cachedModulesByConstructor.set(ModuleConstructor,moduleInstance);this.logger.info(`Module ${ModuleConstructor.name} already loaded`);return app}updateConfig(newConfig){if(typeof newConfig==="function"){this.config=newConfig(this.config)}else{mergeDeepMutate(this.config,newConfig)}return this.config}dispatchLifecycleEvent(event){switch(event.name){case"onBeforeAppBootstrap":this.triggerEvent("onBeforeAppBootstrap",event);break;case"onAppBootstrap":this.logger.info("Application bootstrapped");this.triggerEvent("onAppBootstrap",event);break;case"onBeforeModuleInit":this.triggerEvent("onBeforeModuleInit",event);break;case"onModuleInit":this.logger.info(`Module ${event.payload.module.constructor.name} initialized`);this.triggerEvent("onModuleInit",event);break;case"onModuleDestroy":this.logger.info(`Module ${event.payload.module.constructor.name} destroyed`);this.triggerEvent("onModuleDestroy",event);break;case"onBeforeAppStart":this.triggerEvent("onBeforeAppStart",event);break;case"onAppStart":this.logger.info("Application started");this.triggerEvent("onAppStart",event);break;case"onAppDestroy":this.logger.info("Application destroyed");this.triggerEvent("onAppDestroy",event);break;case"onAppError":this.logger.error("Application error",event.payload.error);this.triggerEvent("onAppError",event);break;case"onModuleError":this.logger.error("Module error",event.payload.module.constructor.name,event.payload.error);this.triggerEvent("onModuleError",event);break;case"onRegisterBlock":this.logger.info(`Block registered with id: ${event.payload.block.id}`);this.triggerEvent("onRegisterBlock",event);break;default:this.logger.warn("Unknown lifecycle event",event);break}}triggerEvent(eventName,event){const eventListeners=this.cachedEventListeners[eventName];if(eventListeners){eventListeners.forEach(listener=>{try{if(eventName==="onRegisterBlock"&&event.payload&&"block"in event.payload){listener(event.payload.block)}else{listener(event)}}catch(error){this.logger.error(`Error in event listener for ${eventName}:`,error,"Event data:",event)}})}}extendAppConfigFromModules(){this.modules.forEach(module=>{const extendAppConfig=module.extendAppConfig;if(extendAppConfig){mergeDeepMutate(this.config,extendAppConfig)}})}extendAppConfigFromGlobalVariables(){const initializedGlobalConfig=window.boostWidgetIntegration?.config;if(initializedGlobalConfig){mergeDeepMutate(this.config,initializedGlobalConfig)}}initializeDataObjects(){this.modules.forEach(module=>{const dataObject=module.dataObject;if(dataObject){mergeDeepMutate(this.dataObjects,dataObject)}})}resetBlocks(){this.logger.info("Resetting all blocks");this.blocks={}}loadModuleEventListeners(){this.cachedEventListeners={};const eventNames=["onBeforeAppBootstrap","onAppBootstrap","onModuleInit","onModuleDestroy","onBeforeAppStart","onAppStart","onAppDestroy","onAppError","onModuleError","onRegisterBlock"];this.modules.forEach(module=>{eventNames.forEach(eventName=>{const eventListener=(...args)=>{if(this.status==="bootstrapped"||this.status==="started"){if(!module.shouldInit())return}return module[eventName]?.(...args)};if(typeof eventListener==="function"){if(!this.cachedEventListeners[eventName]){this.cachedEventListeners[eventName]=[]}if(eventName==="onRegisterBlock"){this.cachedEventListeners[eventName]?.push((block=>{eventListener.call(module,block)}))}else{this.cachedEventListeners[eventName]?.push(eventListener.bind(module))}}})})}};var Module=class{constructor(app){this.app=app}shouldInit(){return true}destroy(){}init(){}get extendAppConfig(){return{}}get dataObject(){return{}}};var BoostTAEAppModule=class extends Module{constructor(){super(...arguments);this.boostTAEApp=null}get TAEApp(){const boostTAE=getBoostTAE();if(!boostTAE){throw new Error("Boost TAE is not initialized")}this.boostTAEApp=boostTAE;return this.boostTAEApp}get TAEAppConfig(){return this.TAEApp.config}get TAEAppDataObjects(){return this.TAEApp.dataObjects}};var AdditionalElement=class extends BoostTAEAppModule{get extendAppConfig(){return {additionalElementSettings:Object.assign(
        {
          
        }, {"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false})};}};AdditionalElement.moduleName="AdditionalElement";function getShortenToFullParamMap(){const shortenUrlParamList=getBoostTAE().config?.filterSettings?.shortenUrlParamList;const map={};if(!Array.isArray(shortenUrlParamList)){return map}shortenUrlParamList.forEach(item=>{if(typeof item!=="string")return;const idx=item.lastIndexOf(":");if(idx===-1)return;const full=item.slice(0,idx).trim();const short=item.slice(idx+1).trim();if(full.length>0&&short.length>0){map[short]=full}});return map}function generateUUID(){return "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,function(){const r=Math.random()*16|0;return r.toString(16)});}function getQueryParamByKey(key){const urlParams=new URLSearchParams(window.location.search);return urlParams.get(key)}function convertValueRequestStockStatus(v){if(typeof v==="string"){if(v==="out-of-stock")return false;return true}if(Array.isArray(v)){return v.map(_v=>{if(_v==="out-of-stock"){return false}return true})}return false}function isMobileWidth(){return window.innerWidth<576}function isTabletPortraitMaxWidth(){return window.innerWidth<=991}function detectDeviceByWidth(){let result="";if(isMobileWidth()){result+="mobile|"}else{result=result.replace("mobile|","")}if(isTabletPortraitMaxWidth()){result+="tablet_portrait_max"}else{result=result.replace("tablet_portrait_max","")}return result}function getSortBy(){const{generalSettings:{collection_id=0,page="collection",default_sort_by:defaultSortBy}={},additionalElementSettings:{default_sort_order:defaultSortOrder={},customSortingList}={}}=getBoostTAE().config;const defaultSortingList=["relevance","best-selling","manual","title-ascending","title-descending","price-ascending","price-descending","created-ascending","created-descending"];const sortQueryKey=getQueryParamByKey("sort");const sortingList=customSortingList?customSortingList.split("|"):defaultSortingList;if(sortQueryKey&&sortingList.includes(sortQueryKey))return sortQueryKey;const searchPage=page==="search";const collectionPage=page==="collection";if(searchPage)sortingList.splice(sortingList.indexOf("manual"),1);const{all,search}=defaultSortOrder;if(collectionPage){if(collection_id in defaultSortOrder){return defaultSortOrder[collection_id]}else if(all){return all}else if(defaultSortBy){return defaultSortBy}}else if(searchPage){return search||"relevance"}return""}var addParamsLocale=(params={})=>{params.return_all_currency_fields=false;return{...params,currency_rate:window.Shopify?.currency?.rate,currency:window.Shopify?.currency?.active,country:window.Shopify?.country}};var getLocalStorage=key=>{try{const value=localStorage.getItem(key);if(value)return JSON.parse(value);return null}catch{return null}};var setLocalStorage=(key,value)=>{try{localStorage.setItem(key,JSON.stringify(value))}catch(error){getBoostTAE().logger.error("Error setLocalStorage",error)}};var removeLocalStorage=key=>{try{localStorage.removeItem(key)}catch(error){getBoostTAE().logger.error("Error removeLocalStorage",error)}};function roundToNearest50(num){const remainder=num%50;if(remainder>25){return num+(50-remainder)}else{return num-remainder}}function lazyLoadImages(dom){if(!dom)return;const lazyImages=dom.querySelectorAll(".boost-sd__product-image-img[loading='lazy']");lazyImages.forEach(function(img){inViewPortHandler(img.parentElement,element=>{const imgElement=element.querySelector(".boost-sd__product-image-img[loading='lazy']");if(imgElement){imgElement.removeAttribute("loading")}})})}function inViewPortHandler(elements,callback){const observer=new IntersectionObserver(function intersectionObserverCallback(entries,observer2){entries.forEach(function(entry){if(entry.isIntersecting){callback(entry.target);observer2.unobserve(entry.target)}})});if(Array.isArray(elements)){elements.forEach(element=>observer.observe(element))}else{observer.observe(elements)}}var isBadUrl=url=>{try{if(!url){const searchString2=getWindowLocation().search;if(!searchString2||searchString2.length<=1){return false}return checkSearchStringForXSS(searchString2)}if(typeof url==="string"){const questionMarkIndex=url.indexOf("?");const searchString2=questionMarkIndex>=0?url.substring(questionMarkIndex):"";if(!searchString2||searchString2.length<=1){return false}return checkSearchStringForXSS(searchString2)}const searchString=url.search;if(!searchString||searchString.length<=1){return false}return checkSearchStringForXSS(searchString)}catch{return true}};var checkSearchStringForXSS=searchString=>{const urlParams=decodeURIComponent(searchString).split("&");for(let i=0;i<urlParams.length;i++){if(isBadSearchTerm(urlParams[i])){return true}}return false};var getWindowLocation=()=>{const href=window.location.href;const escapedHref=href.replace(/%3C/g,"<").replace(/%3E/g,">");const rebuildHrefArr=[];for(let i=0;i<escapedHref.length;i++){rebuildHrefArr.push(escapedHref.charAt(i))}const rebuildHref=rebuildHrefArr.join("").split("<").join("%3C").split(">").join("%3E");let rebuildSearch="";const hrefWithoutHash=rebuildHref.replace(/#.*$/,"");if(hrefWithoutHash.split("?").length>1){rebuildSearch=hrefWithoutHash.split("?")[1];if(rebuildSearch.length>0){rebuildSearch="?"+rebuildSearch}}return{pathname:window.location.pathname,href:rebuildHref,search:rebuildSearch}};var isBadSearchTerm=term=>{if(typeof term=="string"){term=term.toLowerCase();const domEvents=["img src","script","alert","onabort","popstate","afterprint","beforeprint","beforeunload","blur","canplay","canplaythrough","change","click","contextmenu","copy","cut","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","ended","error","focus","focusin","focusout","fullscreenchange","fullscreenerror","hashchange","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseout","mouseout","mouseup","offline","online","pagehide","pageshow","paste","pause","play","playing","progress","ratechange","resize","reset","scroll","search","seeked","seeking","select","show","stalled","submit","suspend","timeupdate","toggle","touchcancel","touchend","touchmove","touchstart","unload","volumechange","waiting","wheel"];const potentialEventRegex=new RegExp(domEvents.join("=|on"));const countOpenTag=(term.match(/</g)||[]).length;const countCloseTag=(term.match(/>/g)||[]).length;const isAlert=(term.match(/alert\(/g)||[]).length;const isConsoleLog=(term.match(/console\.log\(/g)||[]).length;const isExecCommand=(term.match(/execCommand/g)||[]).length;const isCookie=(term.match(/document\.cookie/g)||[]).length;const isJavascript=(term.match(/j.*a.*v.*a.*s.*c.*r.*i.*p.*t/g)||[]).length;const isPotentialEvent=potentialEventRegex.test(term);if(countOpenTag>0&&countCloseTag>0||countOpenTag>1||countCloseTag>1||isAlert||isConsoleLog||isExecCommand||isCookie||isJavascript||isPotentialEvent){return true}}return false};var isCollectionPage=()=>{return getBoostTAE().config.generalSettings?.page==="collection"};var isSearchPage=()=>{return getBoostTAE().config.generalSettings?.page==="search"};var isCartPage=()=>{return getBoostTAE().config.generalSettings?.page==="cart"};var isProductPage=()=>{return getBoostTAE().config.generalSettings?.page==="product"};var isHomePage=()=>{return getBoostTAE().config.generalSettings?.page==="index"};var isVendorPage=()=>{return window.location.pathname.indexOf("/collections/vendors")>-1};var getCurrentPage=()=>{let currentPage="";switch(true){case isCollectionPage():currentPage="collection_page";break;case isSearchPage():currentPage="search_page";break;case isProductPage():currentPage="product_page";break;case isCartPage():currentPage="cart_page";break;case isHomePage():currentPage="home_page";break;default:break}return currentPage};var checkExistFilterOptionParam=()=>{const queryParams=new URLSearchParams(window.location.search);const shortenToFullMap=getShortenToFullParamMap();const hasShortenMap=Object.keys(shortenToFullMap).length>0;for(const[key]of queryParams.entries()){if(key.indexOf("pf_")>-1){return true}if(hasShortenMap&&shortenToFullMap[key]){return true}}return false};function getCustomerId(){return window?.__st?.cid||window?.meta?.page?.customerId||window?.ShopifyAnalytics?.meta?.page?.customerId||window?.ShopifyAnalytics?.lib?.user?.()?.traits()?.uniqToken}function isShopifyTypePage(){return window.location.pathname.indexOf("/collections/types")>-1}var Analytics=class _Analytics extends BoostTAEAppModule{saveRequestId(type,request_id,bundles=[]){const requestIds=getLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS)||{};requestIds[type]=request_id;if(Array.isArray(bundles)){bundles?.forEach(bundle=>{let placement="";switch(type){case"search":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.search_page;break;case"suggest":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.search_page;break;case"product_page_bundle":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.product_page;break;default:break}requestIds[`${bundle.widgetId||""}_${placement}`]=request_id})}setLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS,requestIds)}savePreAction(type){setLocalStorage(_Analytics.STORAGE_KEY_PRE_ACTION,type)}};Analytics.moduleName="Analytics";Analytics.STORAGE_KEY_PRE_REQUEST_IDS="boostSdPreRequestIds";Analytics.STORAGE_KEY_PRE_ACTION="boostSdPreAction";Analytics.KEY_PLACEMENT_BY_TYPE={product_page:"product_page",search_page:"search_page",instant_search:"instant_search"};var AppSettings=class extends BoostTAEAppModule{get extendAppConfig(){return {cdn:"https://cdn.boostcommerce.io",bundleUrl:"https://services.mybcapps.com/bc-sf-filter/bundles",productUrl:"https://services.mybcapps.com/bc-sf-filter/products",subscriptionUrl:"https://services.mybcapps.com/bc-sf-filter/subscribe-b2s",taeSettings:window.boostWidgetIntegration?.taeSettings||{instantSearch:{enabled:false}},generalSettings:Object.assign(
  {preview_mode:false,preview_path:"",page:"product",custom_js_asset_url:"",custom_css_asset_url:"",collection_id: 261866749986,collection_handle:"porte-crochets",collection_product_count: 10,...
            {
              
              
                product_id: 6589759717410,
              
            },collection_tags: null,current_tags: null,default_sort_by:"manual",swatch_extension:"png",no_image_url:"https://cdn.shopify.com/extensions/019df200-cf61-7b3a-aac0-18d321643fbc/boost-fe-212/assets/boost-pfs-no-image.jpg",search_term:"",template:"product",currencies:["AUD","CAD","CHF","EUR","GBP","NOK","USD"],current_currency:"USD",published_locales:{...
                {"en":true,"fr":false,"de":false,"no":false,"es":false,"lv":false}
              },current_locale:"fr"},
  {"addCollectionToProductUrl":false}
),translation:{},...
        {
          
          
          
            translation: {"refineDesktop":"Filtrer","refine":"Affiner par","refineMobile":"Affiner par","refineMobileCollapse":"Masquer le filtre","clear":"Effacer","clearAll":"Effacer tout","viewMore":"Afficher plus","viewLess":"Voir moins","apply":"Appliquer","applyAll":"Appliquer tout","close":"Fermer","back":"Arrière","showLimit":"Afficher","collectionAll":"Tous","under":"Sous","above":"Au-dessus de","ratingStar":"Étoile","ratingStars":"Étoiles","ratingUp":"& Haut","showResult":"Afficher les résultats","searchOptions":"Options de recherche","inCollectionSearch":"Rechercher des produits dans cette liste","loadPreviousPage":"Charger la page précédente","loadMore":"Charger plus de {{ amountProduct }} Produits","loadMoreTotal":"{{ from }} - {{ to }} de {{ total }} Produits","viewAs":"Voir comme","listView":"Vue de la liste","gridView":"Vue en grille","gridViewColumns":"Vue en grille {{ count }} Colonnes","search":{"generalTitle":"Titre général (si aucun terme de recherche)","resultHeader":"Résultats de la recherche pour \"{{ terms }}\"","resultNumber":"Afficher {{ count }} résultats pour \"{{ terms }}\"","seeAllProducts":"Voir tous les produits","resultEmpty":"Désolés ! Nous n'avons aucun résultat pour \"{{ terms }}\".\nMais n'abandonnez pas – vérifiez l'orthographe ou essayez avec des termes de recherche moins précis.","resultEmptyWithSuggestion":"Désolé, rien trouvé pour \"{{ terms }}\". Consultez ces articles à la place ?","searchTotalResult":"Afficher {{ count }} résultat","searchTotalResults":"Afficher {{ count }}} résultats","searchPanelProduct":"Produits","searchPanelCollection":"Collections","searchPanelPage":"Blogs et pages","searchTipsTitle":"Conseils de recherche","searchTipsContent":"Veuillez vérifier votre orthographe.\nUtilisez des termes de recherche plus génériques.\nEntrez moins de mots-clés.\nEssayez d'effectuer une recherche par type de produit, marque, numéro de modèle ou caractéristique du produit.","noSearchResultSearchTermLabel":"Consultez certaines des recherches les plus courantes","noSearchResultProductsLabel":"Produits tendance","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Recherches populaires","searchBoxOnclickProductsLabel":"Produits tendance"},"suggestion":{"viewAll":"Voir tous {{ count }} les produits","didYouMean":"Vous voulez dire : {{ terms }}","searchBoxPlaceholder":"Recherchez","suggestQuery":"Afficher {{ count }} résultats pour {{ terms }}","instantSearchSuggestionsLabel":"Propositions populaire","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Produits","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Recherches populaires","searchBoxOnclickProductsLabel":"Produits tendance","noSearchResultSearchTermLabel":"Consultez certaines des recherches les plus courantes","noSearchResultProductsLabel":"Produits tendance"},"error":{"noFilterResult":"Désolé, aucun produit ne correspond à votre sélection","noSearchResult":"Désolé, aucun produit ne correspond au mot-clé","noProducts":"Aucun produit trouvé dans cette collection","noSuggestionResult":"Désolé, aucun produit trouvé pour \"{{ terms }}\".","noSuggestionProducts":"Désolé, rien trouvé pour \"{{ terms }}\"."},"recommendation":{},"productItem":{"qvBtnLabel":"Vue rapide","atcAvailableLabel":"Ajouter au panier","soldoutLabel":"Épuisé","productItemSale":"Vente","productItemSoldOut":"Épuisé","viewProductBtnLabel":"Voir le produit","atcSelectOptionsLabel":"Sélectionnez les options","amount":"Aucun","savingAmount":"Économisez {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"En stock","inventoryLowStock":"Il n'en reste plus que {{count}} !","inventorySoldOut":"Épuisé","atcAddingToCartBtnLabel":"Ajout de","atcAddedToCartBtnLabel":"Ajouté!","atcFailedToCartBtnLabel":"Échoué!"},"quickView":{"qvQuantity":"Quantité","qvViewFullDetails":"Voir tous les détails","buyItNowBtnLabel":"Achetez-le maintenant","qvQuantityError":"Veuillez saisir la quantité"},"cart":{"atcMiniCartSubtotalLabel":"Sous-total","atcMiniCartEmptyCartLabel":"Votre panier est actuellement vide","atcMiniCartCountItemLabel":"objet","atcMiniCartCountItemLabelPlural":"éléments","atcMiniCartShopingCartLabel":"Votre panier","atcMiniCartViewCartLabel":"Voir le panier","atcMiniCartCheckoutLabel":"Commander"},"recentlyViewed":{"recentProductHeading":"Produits récemment consultés"},"mostPopular":{"popularProductsHeading":"Produits populaires"},"perpage":{"productCountPerPage":"Afficher : {{count}} par page"},"productCount":{"textDescriptionCollectionHeader":"{{count}} produit","textDescriptionCollectionHeaderPlural":"{{count}} produits","textDescriptionToolbar":"{{count}} produit","textDescriptionToolbarPlural":"{{count}} produits","textDescriptionPagination":"Affichage de {{from}} à {{to}} sur {{total}} produit","textDescriptionPaginationPlural":"Affichage de {{from}} à {{to}} sur {{total}} products"},"pagination":{"loadPreviousText":"Charger la page précédente","loadPreviousInfiniteText":"Charger la page précédente","loadMoreText":"Charger plus","prevText":"Précédente","nextText":"Suivante"},"sortingList":{"sorting":"Trier par","relevance":"Pertinence","best-selling":"Meilleures ventes","manual":"Manuel","title-ascending":"Titre ascendant","title-descending":"Titre descendant","price-ascending":"Prix croissant","price-descending":"Prix descendant","created-ascending":"Créé ascendant","created-descending":"Créé descendant"},"collectionHeader":{"collectionAllProduct":"Produits"},"breadcrumb":{"home":"Accueil","collections":"Collections","pagination":"Page {{ page }} sur {{totalPages}}","toFrontPage":"Retour à la page d'accueil"},"sliderProduct":{"prevButton":"Précédente","nextButton":"Suivante"},"filterOptions":{},"predictiveBundle":{}},
          
        }
      };}};AppSettings.moduleName="AppSettings";var AssetFilesLoader=class extends BoostTAEAppModule{constructor(){super(...arguments);this.cacheVersionString=Date.now().toString()}onAppStart(){this.loadAssetFiles();this.assetLoadingPromise("themeCSS").then(()=>{this.TAEApp.updateConfig({themeCssLoaded:true})});this.assetLoadingPromise("settingsCSS").then(()=>{this.TAEApp.updateConfig({settingsCSSLoaded:true})})}loadAssetFiles(){this.loadThemeCSS();this.loadSettingsCSS();this.loadMainScript();this.loadRTLCSS();this.loadCustomizedCSSAndScript()}loadCustomizedCSSAndScript(){const{assetFilesLoader,templateMetadata}=this.TAEAppConfig;const themeCSSLinkElement=assetFilesLoader.themeCSS.element;const settingCSSLinkElement=assetFilesLoader.settingsCSS.element;const loadResources=()=>{if(this.TAEAppConfig.assetFilesLoader.themeCSS.status!=="loaded"||this.TAEAppConfig.assetFilesLoader.settingsCSS.status!=="loaded")return;if(templateMetadata?.customizeCssUrl){this.loadCSSFile("customizedCSS")}if(templateMetadata?.customizeJsUrl){this.loadScript("customizedScript")}};themeCSSLinkElement?.addEventListener("load",loadResources);settingCSSLinkElement?.addEventListener("load",loadResources)}loadSettingsCSS(){const result=this.loadCSSFile("settingsCSS");return result}loadThemeCSS(){const result=this.loadCSSFile("themeCSS");return result}loadRTLCSS(){const rtlDetected=document.documentElement.getAttribute("dir")==="rtl";if(rtlDetected){const result=this.loadCSSFile("rtlCSS");return result}}loadMainScript(){const result=this.loadScript("mainScript");return result}preloadModuleScript(module){const TAEAppConfig=this.TAEAppConfig;const inStagingEnv=TAEAppConfig.env==="staging";const themeLibVersion=inStagingEnv?"staging":TAEAppConfig.templateMetadata?.themeLibVersion;if(!inStagingEnv)return;if(!["filter","recommendation","instant-search"].includes(module))return;const scriptUrl=`${TAEAppConfig.cdn}/${"widget-integration"}/${themeLibVersion}/${module}.module.js`;const link=document.createElement("link");link.rel="preload";link.as="script";link.href=scriptUrl;document.head?.appendChild(link)}loadResourceByName(name,options){if(this.TAEAppConfig.assetFilesLoader[name].element)return;const assetsState=this.TAEAppConfig.assetFilesLoader[name];const resourceType=options?.resourceType||assetsState.type;const inStagingEnv=this.TAEAppConfig.env==="staging";let url=options?.url||assetsState.url;if(!url){switch(name){case"themeCSS":url=this.TAEAppConfig.templateMetadata?.themeCssUrl||this.TAEAppConfig.fallback?.themeCssUrl;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}break;case"settingsCSS":url=this.TAEAppConfig.templateMetadata?.settingsCssUrl||this.TAEAppConfig.fallback?.settingsCssUrl;break;case"rtlCSS":{const{themeCSS}=this.TAEAppConfig.assetFilesLoader;if(themeCSS.url){const themeCssUrl=new URL(themeCSS.url);const themeCssPathWithoutFilename=themeCssUrl.pathname.split("/").slice(0,-1).join("/");const rtlCssPath=themeCssPathWithoutFilename+"/rtl.css";url=new URL(rtlCssPath,themeCssUrl.origin).href;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}}break}case"mainScript":url=`${this.TAEAppConfig.cdn}/${"widget-integration"}/${inStagingEnv?"staging":this.TAEAppConfig.templateMetadata?.themeLibVersion}/${"bc-widget-integration.js"}`;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}break;case"customizedCSS":url=this.TAEAppConfig.templateMetadata?.customizeCssUrl;break;case"customizedScript":url=this.TAEAppConfig.templateMetadata?.customizeJsUrl;break}}if(!url)return;if(resourceType==="stylesheet"){const link=document.createElement("link");link.rel="stylesheet";link.type="text/css";link.media="all";link.href=url;document.head.appendChild(link);this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"loading",url}}});link.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"loaded",url}}})};link.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"error",url}}})}}else if(resourceType==="script"){const script=document.createElement("script");script.src=url;const strategy=options?.strategy;if(strategy==="async"){script.async=true}else if(strategy==="defer"){script.defer=true}if(assetsState.module){script.type="module"}if(strategy==="async"||strategy==="defer"){const link=document.createElement("link");link.rel="preload";link.as="script";link.href=url;document.head?.appendChild(link)}document.head.appendChild(script);this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loading",url}}});script.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loaded",url}}})};script.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"error",url}}})};script.onprogress=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loading",url}}})}}}loadCSSFile(name,url){return this.loadResourceByName(name,{url,resourceType:"stylesheet"})}loadScript(name,url,strategy){return this.loadResourceByName(name,{strategy,url,resourceType:"script"})}assetLoadingPromise(name,timeout=5e3){return new Promise((resolve,reject)=>{let timeoutNumber=null;const{assetFilesLoader}=this.TAEAppConfig;const asset=assetFilesLoader[name];if(asset.status==="loaded"){return resolve(true)}if(!asset.element){this.loadResourceByName(name)}const assetElement=this.TAEAppConfig.assetFilesLoader[name]?.element;if(!assetElement){this.TAEApp.logger.warn(`Asset ${name} not foumd`);return resolve(false)}assetElement?.addEventListener("load",()=>{if(timeoutNumber)clearTimeout(timeoutNumber);resolve(true)});assetElement?.addEventListener("error",()=>{if(timeoutNumber)clearTimeout(timeoutNumber);reject(new Error(`Failed to load asset ${name}`))});timeoutNumber=setTimeout(()=>{reject(new Error(`Timeout loading asset ${name}`))},timeout)})}get extendAppConfig(){return{themeCssLoaded:false,settingsCSSLoaded:false,assetFilesLoader:{themeCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},settingsCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},rtlCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},customizedCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},mainScript:{type:"script",element:null,status:"not-initialized",url:null},customizedScript:{type:"script",element:null,status:"not-initialized",url:null}}}}};AssetFilesLoader.moduleName="AssetFilesLoader";var B2B=class extends BoostTAEAppModule{setQueryParams(urlParams){const{b2b}=this.TAEAppConfig;if(!b2b.enabled)return;urlParams.set("company_location_id",`${b2b.current_company_id}_${b2b.current_location_id}`);const shopifyCurrencySettings=window.Shopify?.currency;if(shopifyCurrencySettings){urlParams.set("currency",shopifyCurrencySettings.active);urlParams.set("currency_rate",shopifyCurrencySettings.rate.toString())}}get extendAppConfig(){return {b2b:Object.assign({enabled:false}, 
        {
          
        }
        )};}};B2B.moduleName="B2B";var Fallback=class _Fallback extends BoostTAEAppModule{get extendAppConfig(){return{fallback:{containerElement:".boost-sd__filter-product-list",themeCssUrl:"https://cdn.boostcommerce.io/widget-integration/theme/default/1.0.1/main.css",settingsCssUrl:"https://boost-cdn-staging.bc-solutions.net/widget-integration/theme/default/staging/default-settings.css"}}}dispatchEvent(){const enableEvent=new CustomEvent(_Fallback.EVENT_NAME);window.dispatchEvent(enableEvent)}async loadFallbackSectionFromShopify(payload){return fetch(payload.url||`${window.location.origin}/?section_id=${payload.sectionName}`).catch(error=>{this.TAEApp.logger.error("Error loading fallback section from Shopify:",error);throw error}).then(res=>res.text())}get containerElement(){const{containerElement}=this.TAEAppConfig.fallback;if(containerElement instanceof HTMLElement){return containerElement}return document.querySelector(containerElement)}async loadFilterProductFallback(){const{fallback,cdn="https://boost-cdn-prod.bc-solutions.net",templateMetadata}=this.TAEAppConfig;const customizedFallbackSettings=fallback?.customizedTemplate||templateMetadata.customizedFallback;if(customizedFallbackSettings){const{source,templateName,templateURL}=customizedFallbackSettings;switch(source){case"Shopify":{if(!templateName&&!templateURL){this.TAEApp.logger.warn("Both templateName and templateURL are undefined");return}const html=await this.loadFallbackSectionFromShopify({sectionName:templateName,url:templateURL});const container=this.containerElement;if(!container){this.TAEApp.logger.warn("Container element not found for fallback template");return}container.innerHTML=html;this.dispatchEvent();return}default:this.TAEApp.logger.warn(`Unsupported source for customized template: ${source}`);return}}const script=document.createElement("script");script.src=`${cdn}/fallback-theme/1.0.12/boost-sd-fallback-theme.js`;script.defer=true;script.onload=()=>{this.dispatchEvent()};document.body.appendChild(script)}};Fallback.moduleName="Fallback";Fallback.EVENT_NAME="boost-sd-enable-product-filter-fallback";var SimplifiedIntegration=class extends BoostTAEAppModule{constructor(){super(...arguments);this.ensurePlaceholder=()=>{const{simplifiedIntegration:{enabled,selectedSelector}}=this.TAEAppConfig;if(enabled&&!!selectedSelector){const container=document.querySelector(selectedSelector);this.TAEApp.logger.info(`Placeholder container found: `,container);if(container&&container instanceof HTMLElement){this.renderPlaceholder(container);this.collectionFilterModule?.initBlock()}else{this.TAEApp.logger.error(`Placeholder container not found: ${selectedSelector}. Please update the selector in Boost's app embed`)}}else if(!this.oldldSICollectionFilterContainerDetected()){this.backwardCompatibilityModule?.legacyUpdateAppStatus("ready")}}}get collectionFilterModule(){return this.TAEApp.getModule(CollectionFilter)}get backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get extendAppConfig(){
      
      
     ;return {simplifiedIntegration:{enabled:false,collectionPage:false,instantSearch:false,productListSelector:{collectionPage:[],searchPage:[]},selectedSelector:"",selectorFromMetafield:"",selectorFromAppEmbed:
            
              ""
            
             || "",allSyncedCollections:
          
            ""
          
         || {syncedCollections:[]},placeholderAdded:false,placeholder:`<div class='boost-sd-container'><div class='boost-sd-layout boost-sd-layout--has-filter-vertical'>  <div class='boost-sd-left boost-filter-tree-column'>      <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">    <div class="boost-sd__filter-tree-vertical boost-sd__filter-tree-vertical--hidden">     <div class="boost-sd__filter-tree-vertical-placeholder">      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>     </div>    </div>   </div>  </div>  <div class='boost-sd-right boost-product-listing-column'>      <div class="boost-sd__toolbar-container">    <div class="boost-sd__toolbar-inner">     <div class="boost-sd__toolbar-content">      <div class="boost-sd__toolbar boost-sd__toolbar--3_1">       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>      </div>     </div>    </div>   </div>      <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--3-col">    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>   </div>   <div class="boost-sd__pagination boost-sd__pagination--center">    <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span>   </div>  </div></div></div><style> .boost-sd__collection-header {  width: 100%;  height: 130px;  display: block;  background: -webkit-gradient(linear,    left top,    right top,    color-stop(8%, #eee),    color-stop(18%, #e6e6e6),    color-stop(33%, #eee));  background-color: #eee;  animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty {  display: block; } .boost-sd__collection-header .boost-sd__placeholder-item {  height: 130px; } @media only screen and (min-width: 992px) {  .boost-sd__collection-header,  .boost-sd__collection-header .boost-sd__placeholder-item {   height: 150px;  } } @keyframes banner-place-holder-shimmer {  0% {   background-position: -1500px 0;  }  100% {   background-position: 1500px 0;  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__filter-tree-vertical {  margin-top: 0;  margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder {  background: transparent;  width: 100%;  max-width: 100%;  display: none; } .boost-sd__filter-tree-vertical-placeholder-list {  margin: 30px 10px 0;  padding: 0;  list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item {  max-width: 100%;  padding: 20px 0;  display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child {  padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) {  border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder {  display: none; } @media only screen and (min-width: 992px) {  .boost-sd__filter-tree-vertical {   width: 272px;  }  .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical {   margin-right: 16px;   margin-left: 0;  }  .boost-sd__filter-tree-vertical-placeholder,  .boost-sd__filter-tree-horizontal-placeholder {   display: inline-block;  }  .boost-sd-layout--has-filter-horizontal {   flex-wrap: wrap;   margin-top: 0;  }  .boost-sd-layout--has-filter-horizontal .boost-sd-left,  .boost-sd-layout--has-filter-horizontal .boost-sd-right {   flex: 0 0 100%;  }  .boost-sd__filter-tree-horizontal {   width: 100%;  }  .boost-sd__filter-tree-horizontal-placeholder {   padding: 16px 0;   border-top: 1px solid #ebebeb;   width: 100%;   max-width: 100%;   background: transparent;  }  .boost-sd__filter-tree-horizontal-placeholder-list {   margin: 0;   padding: 0;   list-style: none;   border-bottom: 1px solid #e8e9eb;  }  .boost-sd__filter-tree-horizontal-placeholder-item {   border: none;   display: inline-block;   margin-right: 35px;   position: relative;  }  .boost-sd__filter-tree-horizontal-placeholder-button {   width: auto;   height: auto;   display: inline-block;   position: relative;   padding: 5px 15px 5px 0;   margin: 0;   min-height: auto;   min-width: 0;   border-radius: 0;   box-shadow: none;   background: none;   border: none;   letter-spacing: normal;   text-align: left;   cursor: pointer;  }  .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item {   width: 80px;   height: 10px;   display: inline-block;   margin: 0 15px 0 0;  }  .boost-sd__filter-tree-horizontal-placeholder-icon {   transform: rotate(-90deg);  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__toolbar-container {  width: 100%;  margin-bottom: 16px; } .boost-sd__toolbar-inner {  max-width: 1216px;  margin: 0 auto; } .boost-sd__toolbar-content {  border-bottom: 1px solid #ebebeb;  border-top: 1px solid #ebebeb;  padding: 16px 0; } .boost-sd__toolbar {  align-items: center;  width: 100%;  display: flex;  flex-wrap: wrap;  column-gap: 16px;  justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item {  flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child {  flex-basis: 100%;  margin-bottom: 16px; } @media only screen and (min-width: 992px) {  .boost-sd__toolbar-content {   display: flex;   align-items: center;   border-bottom: none;   padding: 16px 0 16px;   border-top: 1px solid #ebebeb;   border-bottom: 0;  }  .boost-sd__toolbar {   flex-wrap: inherit;  }  .boost-sd__toolbar .boost-sd__placeholder-item {   flex-basis: auto;  }  .boost-sd__toolbar .boost-sd__placeholder-item:first-child {   flex-basis: auto;   margin-bottom: 0;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item {   flex: 1;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) {   justify-content: center;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) {   justify-content: end;  } } .boost-sd__product-list-placeholder {  gap: 16px;  margin-bottom: 32px;  flex-wrap: wrap;  width: 100%;  display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item {  width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {  width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {  height: 222px; } .boost-sd__placeholder-list-item {  background: rgba(0, 0, 0, 0.07);  min-width: 50px;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item {  flex-direction: row;  display: flex;  width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group {  width: 100%;  padding-left: 16px;  display: flex;  flex-direction: column;  align-items: baseline;  gap: 16px;  text-align: left;  justify-content: center; } .boost-sd__placeholder-list-view-layout-image {  flex: 160px;  width: auto;  max-width: 160px;  height: 160px; } .boost-sd__pagination {  padding-top: 10px;  padding-bottom: 10px;  justify-content: center;  align-items: center;  display: flex; } @media only screen and (min-width: 576px) {  .boost-sd__product-list-placeholder {   gap: 32px;   margin-bottom: 64px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  } } @media only screen and (min-width: 992px) {  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) {   margin-bottom: 8px;  }  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child {   margin-bottom: 16px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 382px;  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 275px;  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 215px;  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 175px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item {   width: calc(25% - (32px - 32px / 4));  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item {   width: calc(20% - (32px - 32px / 5));  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(16.6666667% - (32px - 32px / 6));  } } .boost-sd-container * {  box-sizing: border-box; } .boost-sd__placeholder-item {  background: rgba(0, 0, 0, 0.07);  border-radius: 50rem;  min-width: 50px;  max-width: 100%;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__placeholder-item:empty {  display: block; } .boost-sd__placeholder-item:not(:last-child) {  margin-bottom: 18px; } .boost-sd-layout {  margin: 20px auto 0; } .boost-sd-left {  position: relative; } .boost-sd-layout .boost-sd-right {  width: 100%;  margin-bottom: 20px; } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } } @media only screen and (min-width: 992px) {  .boost-sd-layout {   display: flex;   max-width: 1216px;  }  .boost-sd-layout .boost-sd-right {   flex: auto;   max-width: 100%;  } }</style>`,isOnboarding:JSON.parse(
            
              false
            
           || "false"),neededToHideElements:[]}};}init(){const app=this.TAEApp;const simplifiedIntegration=this.TAEAppConfig.simplifiedIntegration;const{templateMetadata:{integratedTheme={}}}=this.TAEAppConfig;const themeId=window.Shopify?.theme?.id;if(!themeId){app.logger.warn("Theme ID is missing");return}let themeIntegration=integratedTheme[themeId];if(!themeIntegration||Object.keys(themeIntegration).length===0){app.logger.warn("Theme is not integrated with SimplifiedIntegration flow");return}const{collectionPage=false,searchPage=false,instantSearch=false,productListSelector={}}=themeIntegration;const{page:currentPage,collection_id:collectionId=0}=this.TAEAppConfig.generalSettings;const isCollectionPage2=currentPage==="collection";const isSearchPage2=currentPage==="search";if(simplifiedIntegration.isOnboarding){const isCollectionSynced=this.checkSyncedCollection(collectionId);if(!isCollectionSynced){return}}if(isCollectionPage2&&collectionPage||isSearchPage2&&searchPage){const{collectionPage:collectionPageSelectors=[],searchPage:searchPageSelectors=[]}=productListSelector;const selectors=isCollectionPage2?collectionPageSelectors:searchPageSelectors;if(selectors.length===0){this.app.logger.warn("empty selectors");return}const elements=selectors.slice(0,-1);const mainElement=selectors[selectors.length-1];const selector=simplifiedIntegration.selectorFromAppEmbed||mainElement;simplifiedIntegration.neededToHideElements=elements;simplifiedIntegration.selectorFromMetafield=mainElement;simplifiedIntegration.selectedSelector=selector;if(selector){const intervalId=setInterval(()=>{const container=document.querySelector(selector);if(container){this.renderPlaceholder(container);clearInterval(intervalId)}},50)}this.TAEApp.updateConfig({simplifiedIntegration:{...simplifiedIntegration,...themeIntegration,enabled:true}})}if(instantSearch){this.setupISW()}}onAppStart(){document.addEventListener("DOMContentLoaded",()=>{this.ensurePlaceholder()})}oldldSICollectionFilterContainerDetected(){const productFilterBlock=document.querySelector(".boost-sd__filter-product-list");return!!productFilterBlock}checkSyncedCollection(collectionId){const{simplifiedIntegration}=this.TAEAppConfig;const{allSyncedCollections:{syncedCollections}}=simplifiedIntegration;const currentCollectionSynced=syncedCollections?.includes(collectionId);const collectionAllSynced=collectionId===0&&syncedCollections?.length>0;if(!currentCollectionSynced&&!collectionAllSynced){this.TAEApp.logger.warn("collection not synced -> fallback original theme");return false}return true}renderPlaceholder(originalContainer){const{simplifiedIntegration}=this.TAEAppConfig;const placeholder=simplifiedIntegration?.placeholder||"";const placeholderAdded=simplifiedIntegration?.placeholderAdded||false;const neededToHideElements=simplifiedIntegration?.neededToHideElements||[];const selectedSelector=simplifiedIntegration?.selectedSelector||"";if(placeholderAdded){this.TAEApp.logger.warn("placeholder already added");return}originalContainer.style.display="none";this.hideNeededElements();const newProductFilterDiv=document.createElement("div");newProductFilterDiv.innerHTML=placeholder||"";newProductFilterDiv.className="boost-sd__filter-product-list boost-sd__placeholder-product-filter-tree";originalContainer.insertAdjacentElement("afterend",newProductFilterDiv);if(simplifiedIntegration){simplifiedIntegration.placeholderAdded=true;if(neededToHideElements&&selectedSelector){neededToHideElements.push(selectedSelector)}}}hideNeededElements(){const{simplifiedIntegration:{neededToHideElements}}=this.TAEAppConfig;if(neededToHideElements&&neededToHideElements.length>0){this.hideElements(neededToHideElements)}}removePlaceholder(){const{simplifiedIntegration:{placeholderAdded}}=this.TAEAppConfig;if(placeholderAdded){const placeholder=document.querySelector(".boost-sd__placeholder-product-filter-tree");if(placeholder instanceof HTMLElement){placeholder.remove()}}}hideElements(elements){if(!Array.isArray(elements))return;elements.forEach(element=>{const el=document.querySelector(element);if(el instanceof HTMLElement){el.style.display="none"}})}setupISW(){this.TAEApp.updateConfig({taeSettings:{instantSearch:{enabled:true}}})}};SimplifiedIntegration.moduleName="SimplifiedIntegration";var CollectionFilter=class _CollectionFilter extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=async()=>{const filterDom=document.querySelector(".boost-sd__filter-product-list:not(.boost-sd__filter-product-list--ready)");if(!filterDom){this.app.logger.error("Filter DOM not found");this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready");return}this.assetFileLoaderModule?.preloadModuleScript("filter");const appConfig=this.TAEAppConfig;const{customization}=appConfig;if(typeof customization?.filter?.beforeRender==="function"){customization.filter.beforeRender()}const filterDomId=`${this.widgetId}-${generateUUID()}`;filterDom?.classList?.add("boost-sd__filter-product-list--ready");filterDom.id=filterDomId;const urlParams=this.prepareFilterAPIQueryParams();const response=await this.filterAPI(urlParams);const block={id:filterDomId,document:filterDom,widgetId:this.widgetId,defaultSort:urlParams.get("sort")||"",defaultParams:this.filterAPIDefaultParams,filterTree:{options:[]},dynamicBundles:[]};const backwardCompatibilityV1=this.backwardCompatibilityV1Module;backwardCompatibilityV1?.legacyAssignDefaultBlockAttributes(block,filterDom,"filter");const{html,bundles}=response;if(bundles){block.dynamicBundles=bundles}if(response.filter){response.filter.options=this.updateValuesOptions(response.filter.options);block.filterTree=response.filter}try{await Promise.all([this.assetFileLoaderModule?.assetLoadingPromise("themeCSS"),this.assetFileLoaderModule?.assetLoadingPromise("settingsCSS")])}catch{}if(html){filterDom.innerHTML=html}block.cache={[urlParams.toString()]:{...response,timestamp:new Date().getTime()}};this.TAEApp.registerBlock(block);this.saveFilterAPIResponseAnalyticData(response?.meta?.rid,response.bundles);this.syncAppConfigWithFilterAPIResponse(response);this.block=block;this.savePageLimitSettings();this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get b2bModule(){return this.TAEApp.getModule(B2B)}get fallbackModule(){return this.TAEApp.getModule(Fallback)}get simplifiedIntegrationModule(){return this.TAEApp.getModule(SimplifiedIntegration)}get analyticModule(){return this.TAEApp.getModule(Analytics)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}get extendAppConfig(){return {filterUrl:"https://services.mybcapps.com/bc-sf-filter/filter",filterSettings:Object.assign({swatch_extension:"png",...
        {
          
        }}, {"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":false,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterLayout":"vertical","filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-off-canvas","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false})};}get apiEndpoint(){const{filterUrl,searchUrl}=this.app.config;const urlParams=new URLSearchParams(window.location.search);const searchQuery=urlParams.get("q");return isSearchPage()||searchQuery?searchUrl:filterUrl}get widgetId(){const{templateMetadata,generalSettings}=this.TAEAppConfig;const currentPage=generalSettings?.page||"collection";const widgetName=currentPage==="collection"?"collectionFilters":"searchPage";const widgetId=templateMetadata[widgetName]||"default";return widgetId}get filterAPIDefaultParams(){const{shop,templateSettings,templateMetadata,generalSettings,templateId,simplifiedIntegration}=this.TAEAppConfig;const historyParams=this.getHistoryParams();const productPerPage=typeof templateSettings?.themeSettings?.productList?.productsPerPage==="number"?templateSettings.themeSettings.productList.productsPerPage:16;const savedLimit=getLocalStorage(_CollectionFilter.LIMIT);const savedLimitSetting=getLocalStorage(_CollectionFilter.LIMIT_SETTING);const adminSettingChanged=savedLimitSetting&&savedLimitSetting!==`${productPerPage}`;const limit=adminSettingChanged?productPerPage:savedLimit&&!isNaN(Number(savedLimit))?Number(savedLimit):productPerPage;const widgetId=this.widgetId;const isMobileViewport=isMobileWidth();const viewportWidth=window.innerWidth;const showFilterTreeByDefault=templateSettings?.filterSettings?.filterLayout==="vertical"&&templateSettings?.filterSettings?.filterTreeVerticalStyle==="style-default"?true:false;const productPerRow=isMobileViewport?templateSettings?.themeSettings?.productList?.productsPerRowOnMobile||2:templateSettings?.themeSettings?.productList?.productsPerRowOnDesktop||3;const productImageMaxWidth=isMobileViewport?viewportWidth/productPerRow:viewportWidth/(productPerRow+(showFilterTreeByDefault?1:0));const deviceTypeByViewportWidth=detectDeviceByWidth();const showListViewDefault=templateSettings?.themeSettings?.additionalElements?.toolbar?.elements?.viewAs?.showListViewDefault;const defaultViewAs=showListViewDefault===true?"list":`grid--${isMobileWidth()?templateSettings?.themeSettings?.productList?.productsPerRowOnMobile||2:templateSettings?.themeSettings?.productList?.productsPerRowOnDesktop||3}`;return {_:"pf",t:Date.now().toString(),sid:generateUUID(),shop:shop.domain,page:Number(historyParams?.page||1),limit,sort:historyParams?.sort||getSortBy(),locale:generalSettings.current_locale,event_type:"init",pg:getCurrentPage(),build_filter_tree:true,collection_scope:generalSettings.collection_id||"0",money_format:shop.money_format,money_format_with_currency:shop.money_format_with_currency,widgetId,viewAs:defaultViewAs,device:deviceTypeByViewportWidth,first_load:true,productImageWidth:roundToNearest50(productImageMaxWidth),productPerRow,widget_updated_at:templateMetadata?.updatedAt,templateId,current_locale:(window?.Shopify?.routes?.root||"/")?.replace(/\/$/,""),simplifiedIntegration:simplifiedIntegration.enabled||false,customer_id:getCustomerId(),insert_banners:templateMetadata?.featureOptions?.enableBannerInterleaving||false,...addParamsLocale()};}savePageLimitSettings(){const{templateSettings}=this.TAEAppConfig;const productPerPage=typeof templateSettings?.themeSettings?.productList?.productsPerPage==="number"?templateSettings.themeSettings.productList.productsPerPage:16;const savedLimit=getLocalStorage(_CollectionFilter.LIMIT);const savedLimitSetting=getLocalStorage(_CollectionFilter.LIMIT_SETTING);const adminSettingChanged=savedLimitSetting&&savedLimitSetting!==`${productPerPage}`;const currentLimit=adminSettingChanged?productPerPage:savedLimit&&!isNaN(Number(savedLimit))?Number(savedLimit):productPerPage;if(typeof window!=="undefined"&&window.localStorage){try{localStorage.setItem(_CollectionFilter.LIMIT_SETTING,`${productPerPage}`);localStorage.setItem(_CollectionFilter.LIMIT,`${currentLimit}`)}catch(e){this.app.logger.error("Failed to save limit settings to localStorage",e)}}}syncAppConfigWithFilterAPIResponse(res){const{shop}=this.TAEAppConfig;if(res.meta?.money_format){shop.money_format=res.meta.money_format}if(res.meta?.money_format_with_currency){shop.money_format_with_currency=res.meta.money_format_with_currency}if(res.meta?.currency){shop.currency=res.meta.currency}this.app.updateConfig({shop});this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}prepareFilterAPIQueryParams(){const{generalSettings,filterSettings,customization}=this.TAEAppConfig;const paramsHistory=this.getHistoryParams();const defaultParams=this.filterAPIDefaultParams;const urlParams=new URLSearchParams;Object.entries(defaultParams).forEach(([key,value])=>{urlParams.set(key,value!==void 0?value.toString():"")});urlParams.set("search_no_result",Object.keys(paramsHistory?.paramMap||{}).length===0?"true":"false");if(paramsHistory?.paramMap){Object.keys(paramsHistory.paramMap).forEach(key=>{paramsHistory.paramMap[key].forEach(v=>urlParams.append(`${key}[]`,key.startsWith(`${defaultParams._}_st_`)?convertValueRequestStockStatus(v).toString():v))})}const searchParams=new URLSearchParams(window.location.search);const searchQuery=searchParams.get("q");if(searchQuery){if(isVendorPage())urlParams.set("vendor",searchQuery);else if(isShopifyTypePage())urlParams.set("product_type",searchQuery);else urlParams.set("q",searchQuery);if(isCollectionPage()){urlParams.set("incollection_search","true");urlParams.set("event_type","incollection_search")}this.setSearchQueryParamsWithSuggetion(urlParams)}if(generalSettings.collection_tags?.length){generalSettings.collection_tags.forEach(tag=>{urlParams.append("tag[]",tag)})}if(filterSettings.sortingAvailableFirst){urlParams.set("sort_first","available")}const availableAfterFiltering=filterSettings?.availableAfterFiltering;const productAndVariantAvailable=filterSettings?.productAndVariantAvailable;const hasFilterParams=Array.from(urlParams.keys()).some(key=>key.startsWith("pf_"));const showAvailable=!availableAfterFiltering&&productAndVariantAvailable?"true":availableAfterFiltering?hasFilterParams?"true":"false":"false";urlParams.set("product_available",showAvailable);urlParams.set("variant_available",showAvailable);if(filterSettings.showOutOfStockOption){urlParams.set("zero_options","true")}this.b2bModule?.setQueryParams(urlParams);if(customization?.filter?.customizedAPIParams){const{customizedAPIParams}=customization.filter;Object.entries(customizedAPIParams).forEach(([key,value])=>{urlParams.set(key,value)})}return urlParams}setSearchQueryParamsWithSuggetion(params){const SUGGESTION_DATA="boostSDSuggestionData";const CLICK_SUGGESTION_TERM="boostSDClickSuggestionTerm";const term=getLocalStorage(CLICK_SUGGESTION_TERM);if(!term)return;const suggestionData=getLocalStorage(SUGGESTION_DATA);if(!suggestionData)return;params.set("query",suggestionData.query);params.set("parent_request_id",suggestionData.id);params.set("suggestion",term);params.set("item_rank",(suggestionData.suggestions.findIndex(item=>item===term)+1).toString());removeLocalStorage(CLICK_SUGGESTION_TERM);removeLocalStorage(SUGGESTION_DATA)}saveFilterAPIResponseAnalyticData(reqId,bundles){const type=isSearchPage()?"search":"filter";const analytic=this.analyticModule;if(reqId){analytic?.saveRequestId(type,reqId);if(bundles){analytic?.saveRequestId(type,reqId,bundles)}}analytic?.savePreAction(type)}formatPercentSaleLabel(to,from=0){let label="";if(!from){label=`under ${to}%`}else if(!to){label=`above ${from}%`}else{label=`${from}% - ${to}%`}return label}updateValuesOptions(options){if(!Array.isArray(options))return options;return options.map(option=>{if(option.filterType==="percent_sale"){option.values=option.values?.map(item=>{item.key=item.key.replace("*-",":").replace("-*",":").replace("-",":");item.label=this.formatPercentSaleLabel(item.to,item.from);return item})}return option})}async filterAPI(params){const appConfig=this.TAEAppConfig;const queryString=params.toString();const response=await fetch(`${this.apiEndpoint}?${queryString}`,{method:"GET"});const HTTP_STATUS_NEED_FALLBACK=[404,413,403,500];if(HTTP_STATUS_NEED_FALLBACK.includes(response.status)){if(appConfig.simplifiedIntegration?.enabled){const simplifiedIntegration=this.simplifiedIntegrationModule;simplifiedIntegration?.hideNeededElements();simplifiedIntegration?.removePlaceholder()}else{this.fallbackModule?.loadFilterProductFallback()}}return response.json()}getHistoryParams(){const url=new URL(window.location.href);const isXSS=isBadUrl(url);if(isXSS){this.app.logger.error("[Security] Potential XSS detected in URL parameters. Ignoring query params.",window.location.href);return}const rawSearch=url.search;const FILTER_HISTORY_PREFIX="pf_";const DEFAULT_SEPARATOR=",";const REGEX_ESCAPE_PATTERN=/[.*+?^${}()|[\]\\]/g;const{searchParams}=url;const sort=searchParams.get("sort");const page=searchParams.get("page");const paramMap={};const shortenToFullMap=getShortenToFullParamMap();const separator=this.TAEAppConfig.customization?.filter?.customizedAPIParams?.multipleValueSeparator||DEFAULT_SEPARATOR;const escapedSeparator=separator.replace(REGEX_ESCAPE_PATTERN,"\\$&");const encodedSeparator=encodeURIComponent(separator);const escapedEncodedSeparator=encodedSeparator.replace(REGEX_ESCAPE_PATTERN,"\\$&");const splitRegex=new RegExp(`${escapedSeparator}|${escapedEncodedSeparator}`);for(const key of searchParams.keys()){let actualKey=key;let values;if(shortenToFullMap[key]){actualKey=shortenToFullMap[key];const escapedKey=key.replace(REGEX_ESCAPE_PATTERN,"\\$&");const matchResult=rawSearch.match(new RegExp(`[?&]${escapedKey}=([^&]+)`));const rawVal=matchResult?matchResult[1]:"";const parts=rawVal.split(splitRegex);values=parts.map(p=>decodeURIComponent(p.replace(/\+/g," ")))}else{values=searchParams.getAll(key)}if(actualKey.startsWith(FILTER_HISTORY_PREFIX)&&!paramMap[actualKey]){if(actualKey==="pf_tag"){paramMap.tag=values}else{paramMap[actualKey]=values}}}return{paramMap,sort,page}}};CollectionFilter.moduleName="CollectionFilter";CollectionFilter.LIMIT="boostSDLimit";CollectionFilter.LIMIT_SETTING="boostSDLimitSetting";var BackwardCompatibilityV1=class extends BoostTAEAppModule{shouldInit(){const{templateMetadata:{themeLibVersion}={}}=this.TAEAppConfig;if(!themeLibVersion)return true;const feLibMajorVersion=themeLibVersion.split(".")[0];return Number(feLibMajorVersion)<=1}get collectionFilterModule(){return this.TAEApp.getModule(CollectionFilter)}init(){window.boostSDTaeUtils={lazyLoadImages,inViewPortHandler,initCollectionFilter:()=>{setTimeout(()=>{this.collectionFilterModule?.initBlock()})}}}onAppStart(){const app=this.TAEApp;const{env}=this.TAEAppConfig;const mergedCustomizedFilterParams={...(this.TAEAppConfig.customization?.filter?.customizedAPIParams || {}),...(window.boostSdCustomParams || {})};this.TAEApp.updateConfig(config=>{config.customization={...config.customization,filter:{...config.customization?.filter,customizedAPIParams:mergedCustomizedFilterParams}};return config});window.boostSdCustomParams=mergedCustomizedFilterParams;Object.assign(window.boostWidgetIntegration,{generalSettings:{...this.TAEAppConfig.generalSettings,templateId:this.TAEAppConfig.templateId},simplifiedIntegration:this.TAEAppConfig.simplifiedIntegration,taeSettings:this.TAEAppConfig.taeSettings,env,app:{[env]:{customization:{},...this.TAEAppConfig,...window.boostWidgetIntegration.app?.[env]}},customization:{...this.TAEAppConfig.customization,filter:{...this.TAEAppConfig.customization?.filter,customizedAPIParams:mergedCustomizedFilterParams}},regisCustomization:function(fc,scope){if(typeof fc==="function"&&fc.name&&!scope){const functionName=fc.name;window.boostWidgetIntegration.app[env].customization[functionName]=fc}else if(typeof fc==="function"&&fc.name&&scope){window.boostWidgetIntegration.app[env].customization[scope]=window.boostWidgetIntegration.app[env].customization[scope]||{};const functionName=fc.name;window.boostWidgetIntegration.app[env].customization[scope][functionName]=fc}else{app.logger.error("Invalid function or function does not have a name.")}}});Object.assign(window,{boostSDData:this.TAEAppDataObjects})}onBeforeAppStart(){Object.assign(window,{boostWidgetIntegration:{...window.boostWidgetIntegration,status:"initializing"}})}legacyUpdateAppStatus(status){Object.assign(window.boostWidgetIntegration,{status})}legacyIsUsingRecommendationAppV3(){return window.boostSDAppConfig?.themeInfo?.taeFeatures?.recommendation==="installed"}legacyInitRecommendationWidgets(widgets){window.boostWidgetIntegration.app[this.TAEAppConfig.env].recommendationWidgets=widgets}legacyAssignDefaultBlockAttributes(block,blockDOM,blockType){const{templateSettings}=this.app.config;Object.assign(block,{widgetInfo:templateSettings,templateSettings,app:window.boostWidgetIntegration.app?.[this.app.config.env],document:blockDOM,id:blockDOM.id||block.id,blockType:blockType||"filter"});if(!("widgetId"in block)){Object.assign(block,{widgetId:blockDOM.id||block.id})}}};BackwardCompatibilityV1.moduleName="BackwardCompatibilityV1";var BackInStock=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const bisDom=document.createElement("div");bisDom.id="bc-bis";bisDom.className="boost-sd__bis";bisDom.style.display="none";document.body.appendChild(bisDom);this.block={id:"bc-bis",document:bisDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,bisDom,"backInStock");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return {klaviyoBISUrl:"https://a.klaviyo.com/client/back-in-stock-subscriptions",backInStock:Object.assign(
  {enabled:false,productSettings:{},displaySettings:{},isTurbo:false},
  
)};}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};BackInStock.moduleName="BackInStock";var Cart=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{this.block={id:"cart",document:document.body};this.backwardCompatibilityModule?.legacyAssignDefaultBlockAttributes(this.block,this.block.document,"cart");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{customization:{cart:{}}}}get backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};Cart.moduleName="Cart";var CountdownTimer=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const countdownTimerDom=document.querySelector(".boost-sd__countdown-timer-wrapper");if(!countdownTimerDom)return;const{template}=this.TAEAppConfig;if(typeof template?.countdownTimerPlaceholder==="string"){countdownTimerDom.innerHTML=template.countdownTimerPlaceholder}this.block={id:countdownTimerDom.id||"boost-sd-countdown-timer",document:countdownTimerDom};this.block.blockType="countdownTimer";this.TAEApp.registerBlock(this.block)}}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};CountdownTimer.moduleName="CountdownTimer";var PreOrder=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const preOrderDom=document.querySelector(".boost-sd__preOrder-container");const{customization,template}=this.TAEAppConfig;if(typeof customization?.preOrder?.beforeRender==="function"){customization.preOrder.beforeRender()}if(!preOrderDom){return}if(typeof template?.preOrderPlaceholder==="string"){preOrderDom.innerHTML=template.preOrderPlaceholder}this.block={id:preOrderDom.id||"bc-pre-order",document:preOrderDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,preOrderDom,"preOrder");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{customization:{preOrder:{}}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};PreOrder.moduleName="PreOrder";var PredictiveBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const predictiveBundleDom=document.querySelector(".boost-sd-widget-predictive-bundle");if(!predictiveBundleDom){return}this.block={id:predictiveBundleDom.id||"bc-predictive-bundle",document:predictiveBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,predictiveBundleDom,"predictiveBundle");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{predictiveBundle:{multiBundleSupport:false}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};PredictiveBundle.moduleName="PredictiveBundle";var Recommendation=class extends BoostTAEAppModule{constructor(){super(...arguments);this.blocks={};this.initBlocks=()=>{if(this.backwardCompatibilityV1Module?.legacyIsUsingRecommendationAppV3()){this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets({});return}const{recommendationWidgets}=this.TAEAppConfig;this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets(recommendationWidgets);
      
      
      
    ;const recommendationWidgetDOMs=document.querySelectorAll('[id^="boost-sd-widget-"]');for(const widgetDOM of recommendationWidgetDOMs){widgetDOM.innerHTML=`<div class="boost-sd__rc-pl"><div class="boost-sd__rc-title-pl">  <span class="boost-sd__rc-pl-item" style="width: 150px; height: 30px;"></span></div><div class="boost-sd__rc-product-list-pl">  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span></div><div class="boost-sd__rc-info-pl">  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span></div></div><style> .boost-sd__rc-pl {  width: 100%;  min-height: 600px; } .boost-sd__rc-pl-item {  display: block;  width: 100%;  height: 20px;  background: rgba(0, 0, 0, 0.07);  margin-bottom: 16px;  animation: 2s infinite place-holder-animation; } .boost-sd__rc-title-pl {  width: 100%;  display: flex;  padding: 0 0 30px; } .boost-sd__rc-product-list-pl {  display: flex;  width: 100%;  padding: 0;  gap: 32px;  position: relative;  margin-bottom: 20px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) {  display: none; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item {  display: block;  flex-wrap: wrap;  width: calc(50% - 8px);  height: 218px; } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) {  width: 80% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) {  width: 50% } @media only screen and (min-width: 768px) {  .boost-sd__rc-pl-item {   margin-bottom: 8px;  }  .boost-sd__rc-title-pl {   padding-bottom: 60px;  }  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3),  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) {   display: block;  }  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item {   height: 382px;   width: calc(25% - 8px);  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:first-child {   width: 50%  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) {   width: 40%  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) {   width: 30%  } } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } }</style>`;this.initBlock(widgetDOM)}}}get extendAppConfig(){const recommendationWidgets={};
      
      
        
          recommendationWidgets['home-page'] = {"homepage-231477":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"homepage-073450":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"bestsellers","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Best Sellers","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
          recommendationWidgets['cart-page'] = {"cartpage-134280":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Still interested in this?","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"cartpage-177626":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"related-items","limit":12,"layoutDisplay":"carousel","rules":[],"modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
      
        
          recommendationWidgets['product-page'] = {"productpage-208724":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Recently viewed","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"productpage-404525":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"layoutDisplay":"bundle","rules":[],"modelType":"FBT","secondaryAlgorithm":"bestsellers"},"widgetName":"Frequently Bought Together","widgetStatus":"draft","widgetDesignSettings":{"bundleStyle":"style1","layoutDisplay":"bundle","numberOfRecommendProduct":2,"templateType":"customization","themePreview":"","titleAlignment":"left","titleFont":"Poppins","titleFontSize":14,"titleFontStyle":"100","titleTextColor":"#3D4246","titleTextTransform":"capitalize"}}}
        
      
        
          recommendationWidgets['collection-page'] = {"collectionpage-717624":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"collectionpage-856303":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"trending-products","limit":12,"layoutDisplay":"carousel","rules":[],"calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
      
        
      
        
      
    ;return{recommendUrl:"https://services.mybcapps.com/discovery/recommend",recommendationWidgets}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlocks)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlocks)}initBlock(dom){const block={id:dom.id,document:dom};this.assetFileLoaderModule?.preloadModuleScript("recommendation");this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(block,dom,"recommendation");block.widgetId=dom.id?.replace("boost-sd-widget-","");this.TAEApp.registerBlock(block);this.blocks[block.id]=block}};Recommendation.moduleName="Recommendation";var Search=class extends BoostTAEAppModule{constructor(){super(...arguments);this.block={id:"bc-instant-search",document:document.createElement("div")};this.initBlock=()=>{if(!this.enabled)return;this.assetFileLoaderModule?.preloadModuleScript("instant-search");const{document:document2,id}=this.block;document2.id=id;window.document.body.appendChild(document2);this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,document2,"instantSearch");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}get extendAppConfig(){return{searchUrl:"https://services.mybcapps.com/bc-sf-filter/search"}}get enabled(){const{taeSettings,templateId,simplifiedIntegration}=this.TAEAppConfig;const isInstantSearchEnabled=taeSettings?.instantSearch?.enabled&&templateId&&(!simplifiedIntegration.enabled||simplifiedIntegration.instantSearch);return isInstantSearchEnabled}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};Search.moduleName="Search";var SEOEnhancement=class extends BoostTAEAppModule{shouldInit(){return this.TAEAppConfig.generalSettings.enableRobot}init(){const robot=document.querySelector('meta[content="noindex,nofollow,nosnippet"]');if(!robot&&(checkExistFilterOptionParam()||getQueryParamByKey("q")&&!isSearchPage())){const meta=document.createElement("meta");meta.name="robots";meta.content="noindex,nofollow,nosnippet";document.head.append(meta)}}get extendAppConfig(){return{generalSettings:{enableRobot:true}}}};SEOEnhancement.moduleName="SEOEnhancement";var ShopifyMetafield=class extends BoostTAEAppModule{get extendAppConfig(){return {shop:{name:"EWART WOODS Design",url:"https://ewartwoods.com",domain:"ewart-woods-design.myshopify.com",currency:"USD",money_format: "\u003cspan class=money\u003e\u0026#36;{{amount}}\u003c\/span\u003e",money_format_with_currency: "\u003cspan class=money\u003e\u0026#36;{{amount}} USD\u003c\/span\u003e"},integration:{},...
        {
          
        }
      };}};ShopifyMetafield.moduleName="ShopifyMetafield";var ShopifyDataObject=class extends BoostTAEAppModule{get dataObject(){return {user: 
        {
          
        }
      ,product:{...(
          
            {"id":6589759717410,"title":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains","handle":"crochets-muraux-en-metal-cercle","description":"\u003cp\u003e\u003cspan\u003eDonnez un nouveau look à votre intérieur avec ces crochets muraux modernes faits à la main. \u003cbr\u003e\u003c\/span\u003e\u003cspan\u003eGardez vos serviettes bien en place grâce à un porte-serviettes mural en métal\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eCes crochets sont un accessoire indispensable et peuvent aussi servir d’excellente déco murale pour un intérieur moderne.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eC’est un bel accessoire pour toute salle de bain, bureau ou entrée moderne. Ils sont simples, pratiques et, en même temps, élégants. Ces crochets au style géométrique moderne peuvent être organisés et placés comme vous le souhaitez.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e📏 Les crochets muraux sont disponibles en lots de 5,10,20,50,100.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e📐La taille d’un crochet rond est de 4 cm (inch) de diamètre. Fabriqués en métal de 1mm (0.04 inch) d’épaisseur. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e⚖️ 1 pcs pèse 32 g.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eLes crochets sont idéaux pour suspendre des serviettes, des manteaux ou des sacs dans l’entrée, la salle de bain, la cuisine ou la chambre.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e✅Il se fixe au mur avec des vis et des chevilles.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e⚖️Fixé au mur, il peut supporter jusqu’à 5 KG ou plus.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e❗❗❗Veuillez noter que chaque pièce est unique et que la couleur du métal lors du processus rustique variera légèrement. Il s’agit d’un processus naturel et non d’un défaut de fabrication.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eCe produit convient à un usage extérieur.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003e\n\u003ca href=\"https:\/\/ewartwoods.com\/pages\/planting-trees-with-every-order\" title=\"EWART WOODS plante des arbres pour chaque commande\"\u003e\u003cstrong\u003e🌱 1 commande = 1 arbre planté\u003c\/strong\u003e\u003c\/a\u003e\u003cbr\u003ePour chaque commande, nous plantons un arbre afin de soutenir la reforestation et de rendre à la planète ce qu’elle nous donne. Merci d’avoir choisi un design durable.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2021-07-21T15:39:58+03:00","created_at":"2021-07-21T15:39:59+03:00","vendor":"EWART WOODS Design","type":"Crochets et patères","tags":["hangers","hooks for towels","metal hooks","towel holder"],"price":2200,"price_min":2200,"price_max":12436,"available":true,"price_varies":true,"compare_at_price":2200,"compare_at_price_min":2200,"compare_at_price_max":14631,"compare_at_price_varies":true,"variants":[{"id":39418759184418,"title":"5","option1":"5","option2":null,"option3":null,"sku":"41_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 5","public_title":"5","options":["5"],"price":2200,"weight":500,"compare_at_price":2200,"inventory_management":"shopify","barcode":"4752217019240","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759217186,"title":"10","option1":"10","option2":null,"option3":null,"sku":"42_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 10","public_title":"10","options":["10"],"price":2799,"weight":500,"compare_at_price":3293,"inventory_management":"shopify","barcode":"4752217019257","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759249954,"title":"20","option1":"20","option2":null,"option3":null,"sku":"43_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 20","public_title":"20","options":["20"],"price":4084,"weight":500,"compare_at_price":4805,"inventory_management":"shopify","barcode":"4752217019301","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759282722,"title":"50","option1":"50","option2":null,"option3":null,"sku":"44_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 50","public_title":"50","options":["50"],"price":7113,"weight":500,"compare_at_price":8368,"inventory_management":"shopify","barcode":"4752217019318","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759315490,"title":"100","option1":"100","option2":null,"option3":null,"sku":"45_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 100","public_title":"100","options":["100"],"price":12436,"weight":500,"compare_at_price":14631,"inventory_management":"shopify","barcode":"4752217019325","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041041442.jpg?v=1705710689","\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041172514.jpg?v=1660611099","\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041139746.jpg?v=1660611094","\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041106978.jpg?v=1660611101","\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041401890.jpg?v=1660611096","\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041958946.jpg?v=1660611103"],"featured_image":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041041442.jpg?v=1705710689","options":["Pièces"],"media":[{"alt":"Set of three black metal wall hooks with circular design, each holding accessories like ropes and bags, adding a minimalist industrial touch to the wall.","id":22330886357026,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1171,"width":1171,"src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041041442.jpg?v=1705710689"},"aspect_ratio":1.0,"height":1171,"media_type":"image","src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041041442.jpg?v=1705710689","width":1171},{"alt":"Set of three industrial-style black metal wall hooks with round bases, designed to hold ropes, bags, and accessories, showcasing a sleek and modern look.","id":22330886881314,"position":2,"preview_image":{"aspect_ratio":1.499,"height":1334,"width":2000,"src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041172514.jpg?v=1660611099"},"aspect_ratio":1.499,"height":1334,"media_type":"image","src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041172514.jpg?v=1660611099","width":2000},{"alt":"Five black metal hooks with textured finishes, featuring round backplates and rings, arranged on a wall in a minimalist, industrial style.","id":22330886389794,"position":3,"preview_image":{"aspect_ratio":1.499,"height":1334,"width":2000,"src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041139746.jpg?v=1660611094"},"aspect_ratio":1.499,"height":1334,"media_type":"image","src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041139746.jpg?v=1660611094","width":2000},{"alt":"Black metal wall hooks with round bases, designed to hold ropes, bags, and accessories, showcasing a sleek and modern look.","id":22330887045154,"position":4,"preview_image":{"aspect_ratio":1.499,"height":1334,"width":2000,"src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041106978.jpg?v=1660611101"},"aspect_ratio":1.499,"height":1334,"media_type":"image","src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041106978.jpg?v=1660611101","width":2000},{"alt":"Five black metal hooks with a brushed texture and circular backplates, providing a modern, industrial aesthetic for hanging items.","id":22330886815778,"position":5,"preview_image":{"aspect_ratio":1.499,"height":1334,"width":2000,"src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041401890.jpg?v=1660611096"},"aspect_ratio":1.499,"height":1334,"media_type":"image","src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041401890.jpg?v=1660611096","width":2000},{"alt":"Industrial-style black metal hooks with a matte finish and round backplates, perfect for hanging accessories like ropes and coats.","id":22330887110690,"position":6,"preview_image":{"aspect_ratio":1.499,"height":1334,"width":2000,"src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041958946.jpg?v=1660611103"},"aspect_ratio":1.499,"height":1334,"media_type":"image","src":"\/\/ewartwoods.com\/cdn\/shop\/products\/ewart-woods-design-home-decors-metal-wall-hooks-circle-28173041958946.jpg?v=1660611103","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cspan\u003eDonnez un nouveau look à votre intérieur avec ces crochets muraux modernes faits à la main. \u003cbr\u003e\u003c\/span\u003e\u003cspan\u003eGardez vos serviettes bien en place grâce à un porte-serviettes mural en métal\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eCes crochets sont un accessoire indispensable et peuvent aussi servir d’excellente déco murale pour un intérieur moderne.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eC’est un bel accessoire pour toute salle de bain, bureau ou entrée moderne. Ils sont simples, pratiques et, en même temps, élégants. Ces crochets au style géométrique moderne peuvent être organisés et placés comme vous le souhaitez.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e📏 Les crochets muraux sont disponibles en lots de 5,10,20,50,100.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e📐La taille d’un crochet rond est de 4 cm (inch) de diamètre. Fabriqués en métal de 1mm (0.04 inch) d’épaisseur. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e⚖️ 1 pcs pèse 32 g.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eLes crochets sont idéaux pour suspendre des serviettes, des manteaux ou des sacs dans l’entrée, la salle de bain, la cuisine ou la chambre.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e✅Il se fixe au mur avec des vis et des chevilles.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e⚖️Fixé au mur, il peut supporter jusqu’à 5 KG ou plus.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e❗❗❗Veuillez noter que chaque pièce est unique et que la couleur du métal lors du processus rustique variera légèrement. Il s’agit d’un processus naturel et non d’un défaut de fabrication.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eCe produit convient à un usage extérieur.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003e\n\u003ca href=\"https:\/\/ewartwoods.com\/pages\/planting-trees-with-every-order\" title=\"EWART WOODS plante des arbres pour chaque commande\"\u003e\u003cstrong\u003e🌱 1 commande = 1 arbre planté\u003c\/strong\u003e\u003c\/a\u003e\u003cbr\u003ePour chaque commande, nous plantons un arbre afin de soutenir la reforestation et de rendre à la planète ce qu’elle nous donne. Merci d’avoir choisi un design durable.\u003c\/span\u003e\u003c\/p\u003e"}
          
         || {})}};}};ShopifyDataObject.moduleName="ShopifyDataObject";var TemplateManagement=class extends BoostTAEAppModule{get extendAppConfig(){let templateId="";templateId=templateId=
      
        "QC8DLMzviZ"
       || "";let templateMetadata={};templateMetadata=
      
      
        {"collectionFilters":"QC8DLMzviZ/themes/default/main__0__liquid","productList":"QC8DLMzviZ/product-list/main__0__liquid","productItem":"QC8DLMzviZ/product-item/main__0__liquid","collectionHeader":"QC8DLMzviZ/collection-header/main__0__liquid","searchPage":"QC8DLMzviZ/themes/default/search__0__liquid","mostPopularProducts":"QC8DLMzviZ/no-search-result-page/most-popular-products__0__liquid","recommendation":"QC8DLMzviZ/recommendation/main__0__liquid","recommendationDynamicBundle":"QC8DLMzviZ/recommendation/dynamic-bundle__0__liquid","recommendationEmbeddedBundle":"QC8DLMzviZ/recommendation/embedded-bundle__0__liquid","recommendationVolumeBundleProduct":"QC8DLMzviZ/recommendation/volume-bundle/volume-product__0__liquid","recommendationVolumeBundlePopup":"QC8DLMzviZ/recommendation/volume-bundle/volume-popup__0__liquid","recommendationVolumeBundleBlock":"QC8DLMzviZ/recommendation/volume-bundle/main__0__liquid","tierDiscountBundlePopup":"QC8DLMzviZ/tier-discount-bundle/tier-discount-popup__0__liquid","tierDiscountBundleBlock":"QC8DLMzviZ/tier-discount-bundle/main__0__liquid","instantSearchWidget":"QC8DLMzviZ/instant-search-widget/main__0__liquid","quickView":"QC8DLMzviZ/quickview/main__0__liquid","cart":"QC8DLMzviZ/cart/main__0__liquid","placeholderFilterTree":"QC8DLMzviZ/place-holder/place-holder__0__liquid","placeholderRecommendation":"QC8DLMzviZ/recommendation-placeholder/main__0__liquid","preOrder":"QC8DLMzviZ/pre-order/main__0__liquid","preOrderPlaceholder":"QC8DLMzviZ/pre-order-placeholder/main__0__liquid","backInStock":"QC8DLMzviZ/back-in-stock/main__0__liquid","countdownTimer":"QC8DLMzviZ/countdown-timer/main__0__liquid","countdownTimerPlaceholder":"QC8DLMzviZ/countdown-timer-placeholder/main__0__liquid","templateVersion":"2.51.2","setupVersion":"v3","applyUniqueVersion":true,"themeNameLib":"default","themeLibVersion":"1.80.2","themeCssVersion":"2.51.2","themeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/default/2.51.2/main.css","settingsCssUrl":"https://cdn.shopify.com/s/files/1/0277/9253/9682/files/boost-app-do-not-delete-this-file-ewart-woods-design__QC8DLMzviZ-settings.css?v=1779113765","updatedAt":1779113765,"featureOptions":{"enableBannerInterleaving":true}}
      
       || {};let templateSettings={};templateSettings=
    
    
      {"appPreferenceSettings":{"watermark":true},"preOrderSettings":{"buttonText":"Pre-order","deliveryText":"This is a pre-order. Items will ship based on the estimated delivery date.","showDeliveryText":false},"generalSettings":{"addCollectionToProductUrl":false,"breakpointmobile":"575px","breakpointtabletportraitmin":"576px","breakpointtabletportraitmax":"991px","breakpointtabletlandscapetmin":"992px","breakpointtabletlandscapemax":"1199px","breakpointdesktop":"1200px"},"searchSettings":{"searchPanelBlocks":{"searchTermSuggestions":{"label":"Check out some of these popular searches","searchTermList":[],"backup":[],"type":"based_on_data","active":false},"mostPopularProducts":{"label":"Trending products","productList":[],"backup":[],"type":"based_on_data","active":false},"products":{"label":"Products","pageSize":25,"active":false,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":false,"displayImage":false,"displayDescription":false},"pages":{"label":"Pages","pageSize":25,"active":false,"displayImage":false,"displayExcerpt":false},"searchEmptyResultMessages":{"active":true,"label":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up – check the spelling or try less specific search terms."},"searchTips":{"label":"Search tips","active":false,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Check out some of these popular searches","status":false,"data":[],"type":"based_on_data","backup":[]},"products":{"label":"Trending products","status":false,"data":[],"type":"based_on_data","backup":[]}},"enableInstantSearch":true,"productAvailable":false,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":true,"showSuggestionProductVendor":true,"suggestionBlocks":[{"type":"suggestions","label":"Popular suggestions","status":"active","number":3},{"type":"collections","label":"Collections","status":"active","number":3},{"type":"products","label":"Products","status":"active","number":6},{"type":"pages","label":"Blog & Pages","status":"active","number":3}],"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"suggestionStyle":"style2","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"filterSettings":{"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":false,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-off-canvas","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false,"style":{"filterTitleTextColor":"#222222","filterTitleFontSize":"inherit","filterTitleFontWeight":"inherit","filterTitleFontTransform":"none","filterTitleFontFamily":"inherit","filterOptionTextColor":"#222222","filterOptionFontSize":"inherit","filterOptionFontFamily":"inherit"},"filterLayout":"vertical"},"additionalElementSettings":{"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false},"themeSettings":{"productItems":{"general":{"borderLayout":"noBorder","subLayout":"subLayout_2_2","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#C7C7C7","borderColorOnHover":"#C7C7C7"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#DD3300","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productCustomLabelByTag":{"shape":"rectangle","color":"#FFFFFF","backgroundColor":"#00A47C","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":false},"selectOptionBtn":{"buttonType":"selectOptionBtn","action":"quickAddToCart","isEnable":true},"qvBtn":{"buttonType":"qvBtn","isEnable":true}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel","customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image","showVideoGif":false},"styleSettings":{"selectOptionBtn":{"showOnHovering":true,"showOn":"desktopOnly","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"#222222","backgroundColorOnHover":"#222222","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#FFFFFF","textColorOnHover":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"solid","fontWeight":"inherit","width":"100%"},"qvBtn":{"showOn":"desktopOnly","showOnHovering":true,"displayType":"icon","shape":"square","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/quick-view.svg","width":"40px","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#222222","textColorOnHover":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"outline","fontWeight":"inherit"}},"productInfo":{"textAlign":"left","elements":{"swatches.1":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"title":{"color":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"capitalize","isEnable":true,"fontWeight":"inherit"},"vendor":{"color":"#595959","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"uppercase","isEnable":false,"fontWeight":"inherit"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"compareAtPricePosition":"right","showSavingDisplay":false,"priceColor":"#222222","priceFontSizeScale":100,"priceFontFamily":"inherit","priceFontStyle":"inherit","priceFontSize":"inherit","priceFontSizeTabletPortrait":"inherit","priceFontSizeTabletLandscape":"inherit","priceFontSizeMobile":"inherit","salePriceColor":"#DD3300","salePriceFontSizeScale":100,"salePriceFontFamily":"inherit","salePriceFontStyle":"inherit","salePriceFontSize":"inherit","salePriceFontSizeTabletPortrait":"inherit","salePriceFontSizeTabletLandscape":"inherit","salePriceFontSizeMobile":"inherit","compareAtPriceColor":"#595959","compareAtPriceFontSizeScale":100,"compareAtPriceFontFamily":"inherit","compareAtPriceFontStyle":"inherit","compareAtPriceFontSize":"inherit","compareAtPriceFontSizeTabletPortrait":"inherit","compareAtPriceFontSizeTabletLandscape":"inherit","compareAtPriceFontSizeMobile":"inherit","savingDisplayColor":"#DD3300","savingDisplayFontSizeScale":100,"savingDisplayFontFamily":"inherit","savingDisplayFontStyle":"inherit","savingDisplayFontSize":"inherit","savingDisplayFontSizeTabletPortrait":"inherit","savingDisplayFontSizeTabletLandscape":"inherit","savingDisplayFontSizeMobile":"inherit","isEnable":true,"priceFontWeight":"inherit","salePriceFontWeight":"inherit","compareAtPriceFontWeight":"inherit","savingDisplayFontWeight":"inherit"},"inventoryStatus":{"lowInventoryThreshold":0,"fontSizeScale":100,"textTransform":"none","inStockColor":"#00A47C","lowStockColor":"#F29100","soldOutColor":"#595959","fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","isEnable":false,"fontWeight":"inherit"},"rating":false,"swatches.2":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"swatches.3":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"wishlist":{"isEnable":false}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","productCount":{"showProductCount":false,"position":"top","color":"#222222"},"number":{"shape":"circle","color":"#222222","colorOnSelected":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnSelected":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"button":{"shape":"circle","buttonType":"icon-only","color":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"}},"toolbar":{"layout":"3_1","filterText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"refineByText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"elements":{"viewAs":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","listType":"grid/list","showListViewDefault":false,"isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"},"showLimitList":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":false,"fontWeight":"inherit"},"sorting":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"}}},"collectionHeader":{"isEnable":false,"layout":2,"contentPosition":"middle-center","elements":{"breadCrumb":{"showCollectionTitle":false,"showCollectionList":false,"showPagination":false,"placement":"on-top","alignment":"middle-left","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","isEnable":true},"collectionTitle":{"textAlign":"center","textTransform":"none","fontSizeScale":100,"fontSize":40,"fontSizeTabletPortrait":40,"fontSizeTabletLandscape":40,"fontSizeMobile":30,"fontFamily":"inherit","fontStyle":"inherit","collectionTitleColor":"#222222","isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionDescription":{"fontSize":null,"fontSizeTabletPortrait":null,"fontSizeTabletLandscape":null,"fontSizeMobile":null,"isEnable":false}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","isEnableProductVendor":true,"showCurrencyCodes":false,"buttonOverall":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"buyItNowBtn":{"enable":true,"color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","textTransform":"none","borderColor":"#222222","hoverBorderColor":"#222222"},"addToCartBtn":{"color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","showCurrencyCodes":false,"enableWidgetRecommendation":false,"widgetRecommendationId":"","autoOpenAjaxCartOnAddToCart":true,"generalLayout":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"checkoutBtn":{"textTransform":"none","color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","borderColor":"#222222","hoverBorderColor":"#222222"},"viewCartBtn":{"textTransform":"none","color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2},"searchPage":{"headerBackground":"#F6F6F8","elements":{"searchHeaderText":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"placeholderSearch":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionLabel":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionItem":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#E8E9EB","fontWeight":"inherit"},"titleTab":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabDescription":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"tipForYou":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"}}},"filterTree":{"elements":{"refineBy":{"color":"#222222"},"filterTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"filterOption":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"},"checkbox":{"color":"#22222299"},"searchBox":{"color":"#C7C7C7"}}},"isw":{"backgroundSuggestion":"#F8F8F8","backgroundProducts":"#FFFFFF","hoverBackgroundSuggestion":"#E8E9EB","hoverBackgroundProducts":"#F8F8F8","elements":{"titleMultiElement":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"results":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMean":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMeanResults":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#F6F6F7","fontWeight":"inherit"},"productTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productVendor":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productPrice":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSalePrice":{"color":"#DD3300","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCompareAtPrice":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSKU":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"viewAllBtn":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#E8E9EB","fontWeight":"inherit"}}}},"currentAppIntegration":{},"themeName":"default","srcThemeNameLib":"impulse"}
    
     || {};const template={};
    
    
      
      
        
    ;template["quickView"]=`{% assign isShowMediaEnabled = false %}{%- comment -%} Split and Prioritize Media: video > gif > image {%- endcomment -%}{% assign videoGroup = "" | split: "" %}{% assign gifGroup = "" | split: "" %}{% assign imageGroup = "" | split: "" %}{% if product.media and product.media.size > 0 %}{% for item in product.media %}{%- comment -%} check VIDEO {%- endcomment -%}{% if item.mediaContentType == 'VIDEO' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign videoGroup = videoGroup | concat: item_as_array %}{% endif %}{%- comment -%} check GIF {%- endcomment -%}{% elsif item.mediaContentType == 'IMAGE' and item.image.originalSrc contains '.gif' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign gifGroup = gifGroup | concat: item_as_array %}{% endif %}{%- comment -%}check img {%- endcomment -%}{% else %}{% assign item_as_array = item | Array %}{% assign imageGroup = imageGroup | concat: item_as_array %}{% endif %}{% endfor %}{% endif %}{% assign cleanMedia = videoGroup | concat: gifGroup | concat: imageGroup %}{%- comment -%} Fallback if cleanMedia[] {%- endcomment -%}{% if cleanMedia.size == 0 %}{% if product.images_info and product.images_info.size > 0 %}{% assign cleanMedia = product.images_info %}{% elsif product.no_image %}{% assign no_image_as_array = product.no_image | Array %}{% assign cleanMedia = no_image_as_array %}{% endif %}{% endif %}{% assign show_prev_next_btns = cleanMedia.size > 4 %}{% capture productData %}{"id": "{{ product.id }}","handle": "{{ product.handle }}","variantId": "{{ product.variant_id }}","splitProduct": "{{ product.split_product }}","variants": {{ product.variants | json | escape }},"tags": {{ product.tags | json | escape }},"images": {{ cleanMedia | json | escape }},"media": {{ cleanMedia | json | escape }},"category": "{{ product.product_type | escape }}","priceMin": "{{ product.price_min }}","options_with_values": {{ product.options_with_values | json | escape }}}{% endcapture %}{% if product.variants.size == 1 and product.variants[0].title == 'Default Title' %}{% assign isDefaultOption = true %}{% else %}{% assign isDefaultOption = false %}{% endif %}<div aria-modal="true" role="dialog" aria-label="Quick view detail for product {{ product.title | escape }}" class="boost-sd__modal" id="boost-sd__modal-quickview" data-product-id='{{ productData.id }}' data-product='{{ productData | json_encode }}'><div class="boost-sd__modal-backdrop"></div><div class="boost-sd__modal-container">  <div tabindex="-1" class="boost-sd__modal-wrapper">   <div class="boost-sd__quick-view" product-id="{{ product.id }}">    <div class="boost-sd__quick-view-product-image">     <div class="boost-sd__slider boost-sd__slider--thumb-vertical">      <div class="boost-sd__thumbs-container boost-sd__thumbs-container--vertical">       {% if show_prev_next_btns %}       <div class="boost-sd__thumbs-container-prev-button boost-sd__thumbs-container-prev-button--vertical"><button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;" disabled=""><span class="boost-sd__icon" style="margin: 0px;">          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon">           <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>          </svg>         </span></button></div>       {% endif %}       <div class="boost-sd__thumbs-container-thumbs boost-sd__thumbs-container-thumbs--vertical">        {% if request.previewMode == true %}        {% for media_item in cleanMedia limit: 4 %}        <div class="boost-sd__thumbs-container-thumbs-item" data-index="{{ forloop.index0 }}">         <div class="boost-sd__slide">          <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">           <div tabindex="0" class="boost-sd__product-image">            {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}            <img src="{{ media_item.preview.image.originalSrc }}" alt="{{ product.title | escape }} video thumbnail" fetchpriority="auto" loading="eager" width="100%" height="auto" />            <div class="boost-sd__product-video-icon-overlay">             <svg width="20" height="20" viewBox="0 0 20 20" fill="none">              <path d="M15 10L7 15V5L15 10Z" fill="white" />             </svg>            </div>            {% else %}            <img class="boost-sd__product-image-img" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }} thumbnail {{ forloop.index }}" width="auto" height="auto" />            {% endif %}           </div>          </div>         </div>        </div>        {% endfor %}        {% else %}        {% for media_item in cleanMedia %}        <div class="boost-sd__thumbs-container-thumbs-item" data-index="{{ forloop.index0 }}">         <div class="boost-sd__slide">          <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">           <div tabindex="0" class="boost-sd__product-image">            {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}            <img src="{{ media_item.preview.image.originalSrc }}" alt="Video thumb" fetchpriority="auto" loading="eager" width="100%" height="auto" />            <div class="boost-sd__product-video-icon-overlay">             <svg width="20" height="20" viewBox="0 0 20 20" fill="none">              <path d="M15 10L7 15V5L15 10Z" fill="white" />             </svg>            </div>            {% else %}            <img class="boost-sd__product-image-img" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="Thumbnail {{ forloop.index }}" width="auto" height="auto" />            {% endif %}           </div>          </div>         </div>        </div>        {% endfor %}        {% endif %}       </div>       {% if show_prev_next_btns %}       <div class="boost-sd__thumbs-container-next-button boost-sd__thumbs-container-next-button--vertical"><button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;"><span class="boost-sd__icon" style="margin: 0px;">          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon">           <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>          </svg>         </span></button></div>       {% endif %}      </div>      <div class="slick-slider">       {% if request.previewMode == true %}       {% for media_item in cleanMedia limit: 1 %}       <div class="boost-sd__slide" data-index="{{ forloop.index0 }}">        <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">         <div class="boost-sd__product-image-row boost-sd__product-image-row--top">          <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">           {% assign hideOtherLabelsWhenSoldOut = true -%}           {% assign moneyFormat = request.money_format | strip_html -%}           {% assign removePriceDecimal = false -%}           {% assign showCentAsSuperscript = false -%}           {% assign decimalDelimiter = '' -%}           {% assign withoutTrailingZeros = true -%}           {% if hideOtherLabelsWhenSoldOut != true -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ productItemSaleTranslated }}</span>            </span>           </div>           {% endif -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% endif -%}           {% else -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% else -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ translatedText }}</span>            </span>           </div>           {% endif -%}           {% endif -%}           {% endif -%}          </div>         </div>         <div class="boost-sd__product-image">          {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}          <video controls playsinline autoplay muted loop poster="{{ media_item.preview.image.originalSrc }}" width="100%" height="auto">           {% for source in media_item.sources %}           <source src="{{ source.url }}" type="{{ source.mime_type }}">           {% endfor %}          </video>          {% else %}          <img id="product-image-{{ product.id }}-{{ forloop.index }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" />          {% endif %}         </div>        </div>       </div>       {% endfor %}       {% else %}       {% for media_item in cleanMedia %}       <div class="boost-sd__slide" data-index="{{ forloop.index0 }}">        <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">         <div class="boost-sd__product-image-row boost-sd__product-image-row--top">          <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">           {% assign hideOtherLabelsWhenSoldOut = true -%}           {% assign moneyFormat = request.money_format | strip_html -%}           {% assign removePriceDecimal = false -%}           {% assign showCentAsSuperscript = false -%}           {% assign decimalDelimiter = '' -%}           {% assign withoutTrailingZeros = true -%}           {% if hideOtherLabelsWhenSoldOut != true -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ productItemSaleTranslated }}</span>            </span>           </div>           {% endif -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% endif -%}           {% else -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% else -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ translatedText }}</span>            </span>           </div>           {% endif -%}           {% endif -%}           {% endif -%}          </div>         </div>         <div class="boost-sd__product-image">          {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}          <video controls playsinline autoplay muted loop poster="{{ media_item.preview.image.originalSrc }}" width="100%" height="auto">           {% for source in media_item.sources %}           <source src="{{ source.url }}" type="{{ source.mime_type }}">           {% endfor %}          </video>          {% else %}          <img id="product-image-{{ product.id }}-{{ forloop.index }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" />          {% endif %}         </div>        </div>       </div>       {% endfor %}       {% endif %}      </div>     </div>    </div>    <div tabindex="0" class="boost-sd__quick-view-product-info">     <h2 class="boost-sd__quick-view-title">{{ product.title | escape }}</h2>     <p class="boost-sd__quick-view-vendor">{{ product.vendor }}</p>     {% capture showCurrencyCodes %}false{% endcapture %}     {% assign moneyFormat = request.money_format | strip_html -%}     {% if showCurrencyCodes == 'true' %}     {% assign moneyFormat = request.money_format_with_currency | strip_html -%}     {% endif %}     <div class="boost-sd__quick-view-price">      <span class="boost-sd__format-currency"><span class="">{{ product.price_min | format_currency: moneyFormat }}</span></span>     </div>     {% if isDefaultOption == false %}     {% for swatch in product.options_with_values %}     <div class="boost-sd__product-swatch">      <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div>      <div class="boost-sd__product-swatch-options">       {% for value in swatch.values %}       {% assign swatchBy = 'text' %}       {% assign backgroundSwatch = "background-color: " | append: value.title | strip_html | escape %}       {% assign domain = request.shop %}       {% assign imageName = value.title | strip_html | downcase | strip | escape %}       {% if imageName contains " " %}       {% assign imageName = imageName | replace: ' ', "-" %}       {% endif %}       {% if swatch.original_name == 'color' %}       {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" %}       {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');" %}       {% assign swatchBy = 'color-and-image' %}       {% endif %}       {% for variant in product.variants %}       {% assign options = variant.merged_options %}       {% if variant.original_merged_options != nil %}       {% assign options = variant.original_merged_options %}       {% endif %}       {% for option in options %}       {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %}       {% if currentOption contains " " %}       {% assign currentOption = currentOption | replace: ' ', "-" %}       {% endif %}       {% if currentOption == imageName and variant.image %}       {% assign backgroundSwatch = "background-image: url('" | append: variant.image | append: "');" %}       {% assign swatchBy = 'product-image' %}       {% endif %}       {% endfor %}       {% endfor %}       <div class="boost-sd__product-swatch-option" data-swatch-by='{{ swatchBy }}'>        <div class="boost-sd__radio">         <div class="boost-sd__tooltip">          {% if swatch.original_name == 'color' %}          <div class="boost-sd__tooltip-content">{{ value.title | strip_html | escape }}</div>          {% endif %}          <input id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-input boost-sd__radio-input--hidden" type="radio" value="{{ value.title | strip_html | escape }}" checked="" />          {% if swatch.original_name == 'color' %}          <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" data-swatch-value="{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large" style="{{ backgroundSwatch }}">           {{ value.title | strip_html | escape }}          </label>          {% else %}          <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" data-swatch-value="{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--in-quick-view">           {{ value.title | strip_html | escape }}          </label>          {% endif %}         </div>        </div>       </div>       {% endfor %}      </div>     </div>     {% endfor %}     {% endif %}     <div class="boost-sd__quick-view-quantity">      <p class="boost-sd__quick-view-quantity-title">{{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}</p>      <div class="boost-sd__input-number boost-sd__input-number--md">       <div class="boost-sd__input-number-btn-wrapper">        <button type="button" aria-label="Decrease quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>-</span></button>       </div>       <input type="number" aria-label="Item quantity" class="boost-sd__input-number-input" value="1" />       <div class="boost-sd__input-number-btn-wrapper">        <button type="button" aria-label="Increase quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>+</span></button>       </div>      </div>      <div class="boost-sd__quick-view-quantity-error" style="color: red; font-size: 90%; display: none">{{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}</div>     </div>          <div class="boost-sd__quick-view-preorder">                  {% if product.variants %}      {% assign variants = product.variants %}      {% else %}      {% assign variants = variants %}      {% endif %}      {% for variant in variants %}      {% if variant.preorder and variant.inventory_management != null %}      {% assign paymentType = variant.preorder.payment.type %}      {% assign discountType = variant.preorder.payment.discountType %}      {% assign discountValue = variant.preorder.payment.discountValue %}      {% assign originalPrice = variant.price %}      {% assign paymentLabel = '' %}      {% if paymentType == 'full' %}      {% assign paymentLabel = 'Full payment' %}      {% endif %}      {% if paymentType == 'partial' %}      {% assign paymentLabel = 'Partial payment' %}      {% endif %}      {% if paymentType == 'none' %}      {% assign paymentLabel = 'No payment' %}      {% endif %}      {% capture showCurrencyCodes %}false{% endcapture %}      {% assign moneyFormat = request.money_format | strip_html -%}      {% if showCurrencyCodes == 'true' %}      {% assign moneyFormat = request.money_format_with_currency | strip_html -%}      {% endif %}      {% assign moneyRate = request.currency_rate | strip_html -%}      {% if discountType == 'percentage' %}      {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %}      {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %}      {% elsif discountType == 'amount' %}      {% assign discountValue = discountValue | times: moneyRate %}      {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %}      {% else %}      {% assign discountedPrice = originalPrice %}      {% endif %}      {% assign removePriceDecimal = false -%}      {% assign showCentAsSuperscript = false -%}      {% assign decimalDelimiter = '' -%}      {% assign withoutTrailingZeros = true -%}      {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}      {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}      {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %}      <div tabindex="0" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description" class="boost-sd__preorder" data-variant-id="{{ variant.id }}">       <div class="boost-sd__preorder-option">        <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2>        <div aria-live="polite" id="preorder-description" class="boost-sd__preorder-discount">         {% if discountType == 'percentage' %}         <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span>         {% elsif discountType == 'amount' %}         <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span>         {% endif %}         <div class="boost-sd__preorder-price">          {% if discountType != 'none' %}          <span aria-label="Original Price: {{ originalPriceFormat }}" class="boost-sd__preorder-original-price">{{ originalPriceFormat }}</span>          {% endif %}          <span aria-label="Discounted Price: {{ discountedPriceFormat }}" class="boost-sd__preorder-discounted-price">{{ discountedPriceFormat }}</span>         </div>        </div>       </div>      </div>      {% endif %}      {% endfor %}      {% assign buttonLabel = 'Pre-Order' %}      {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %}      {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %}      {% if preOrderButtonText and preOrderButtonText != '' %}      {% assign buttonLabel = preOrderButtonText %}      {% endif %}      <button type="button" aria-label='{{ buttonLabel }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder">       <span aria-hidden="true" class="boost-sd__button-text">        {{ buttonLabel }}       </span>      </button>      <p tabindex="0" class="boost-sd__preorder-note">       <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span>      </p>     </div>     <div class="boost-sd__quick-view-btn">      <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-add-to-cart">       <span class="boost-sd__button-text">        {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}       </span>      </button>      <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now">       <span class="boost-sd__button-text">{{ "quickView.buyItNowBtnLabel" | translate: translations, 'Buy it now' }}</span>      </button>     </div>     <a class="boost-sd__quick-view-details-link" href="/products/{{ product.handle }}">{{ "quickView.qvViewFullDetails" | translate: translations, 'View full details' }}</a>    </div>   </div>   <button type="button" aria-label='{{ "close" | translate: translations, "Close" }}' class="boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn">    <svg class="boost-sd__modal-close-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">     <path fill-rule="evenodd" clip-rule="evenodd" d="M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z" fill="#222222"></path>    </svg>   </button>  </div></div></div>`;
        
      
      
      
        
    ;template["cart"]=`{% assign currentLocale = '' %}{% if locale != "" or locale != null %}{% assign currentLocale = locale %}{% endif %}`;
        
      
      
      
        
    ;template["refineBy"]=`<div class='boost-sd__refine-by-vertical-refine-by'><div class='boost-sd__refine-by-vertical-refine-by-title'>  <div class='boost-sd__refine-by-vertical-refine-by-heading'>   {{ 'refine' | translate: translations, 'Refine By' }}  </div>  <button type='button' aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' id='boost-sd__button--clear-all-filters' class='boost-sd__button boost-sd__button--clear' data-metadata='{ "action": { "clearAllFilter": "" } }'>   <span class='boost-sd__button-text' data-metadata='{ "action": { "clearAllFilter": "" } }' aria-hidden='true'>    {{- 'clearAll' | translate: translations, 'Clear All' -}}   </span>  </button></div><div class='boost-sd__refine-by-vertical-refine-by-list'>  {% for refineByOption in refineBy.options %}  <button aria-label='Clear {{ refineByOption.data.label | escape }}: {% if refineByOption.type == "range" %}{% if refineByOption.data.key == "pf_p_price" or refineByOption.data.key == "pf_vp_variants_price" %}{{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }} to {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }}{% else %}{{ refineByOption.data.value.lower | escape }} to {{ refineByOption.data.value.upper | escape }}{% endif %}{% else %}{{ refineByOption.data.valueDisplay | escape }}{% endif %}' metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-item' id='{{ refineByOption.data.value | downcase | replace: " ", "-" | append: "-clear-filter" | simpleMd5 }}'>   <div metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-type'>    <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-option'>     {{ refineByOption.data.label | escape }}:    </span>    <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-value'>     {% if refineByOption.type == 'range' %}     {% if refineByOption.data.key == 'pf_p_price' or refineByOption.data.key == 'pf_vp_variants_price' %}     {{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }}     -     {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }}     {% else %}     {{ refineByOption.data.value.lower | escape }} - {{ refineByOption.data.value.upper | escape }}     {% endif %}     {% else %}     {% if refineByOption.data.valueDisplay contains ':' %}     {{ refineByOption.data.valueDisplay | split: ':' | last | escape }}     {% else %}     {{ refineByOption.data.valueDisplay | escape }}     {% endif %}     {% endif %}    </span>   </div>   <svg metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-clear' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' role='img' aria-hidden='true' fill='#222'>    <path metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' fill-rule="evenodd" clip-rule="evenodd" d="M7.41401 6.00001L11.707 1.70701C12.098 1.31601 12.098 0.684006 11.707 0.293006C11.316 -0.0979941 10.684 -0.0979941 10.293 0.293006L6.00001 4.58601L1.70701 0.293006C1.31601 -0.0979941 0.684006 -0.0979941 0.293006 0.293006C-0.0979941 0.684006 -0.0979941 1.31601 0.293006 1.70701L4.58601 6.00001L0.293006 10.293C-0.0979941 10.684 -0.0979941 11.316 0.293006 11.707C0.488006 11.902 0.744006 12 1.00001 12C1.25601 12 1.51201 11.902 1.70701 11.707L6.00001 7.41401L10.293 11.707C10.488 11.902 10.744 12 11 12C11.256 12 11.512 11.902 11.707 11.707C12.098 11.316 12.098 10.684 11.707 10.293L7.41401 6.00001Z" fill="#3D4246">    </path>   </svg>  </button>  {% endfor %} </div></div>`;
        
      
      
      
        
    ;template["filterOptionBoxItem"]=`{% if request.previewMode == true %}<li class="boost-sd__filter-option-item boost-sd__filter-option-box-item"><button role='checkbox' aria-label='{{ value.key | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.key | escape | upcase }}   {% else %}   {{ value.key | escape }}   {% endif %}  </span></button></li>{% else %}<li class='{{ className }}'><button role='checkbox' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='{% if className contains "boost-sd__filter-option-box-item--selected" %}true{% else %}false{% endif %}' id='{{ actionId }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button' data-action='{{ dataAction }}'>  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if displayAllValuesInUppercaseForm %}   {{ value.label | escape | upcase }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span></button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionListItem"]=`{% if request.previewMode == true %}<li class="boost-sd__filter-option-item boost-sd__filter-option-list-option-item"><button role="checkbox" aria-checked="false" aria-label="{{ value.key | escape_once }}. Number of products: {{ value.doc_count }}" class="boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox">  {% if option.filterType == "variants_price" or option.filterType == "price" %}  {% if value.from == 0 %}  {{ "under" | translate: translations, "Under" }}  {{ value.to | format_currency: option.moneyFormatValue }}  {% elsif value.to == nil %}  {{ "above" | translate: translations, "Above" }}  {{ value.from | format_currency: option.moneyFormatValue }}  {% elsif value.from != 0 and value.to != nil %}  {{ value.from | format_currency: option.moneyFormatValue }} - {{ value.to | format_currency: option.moneyFormatValue }}  {% endif %}  {% elsif option.filterType == "percent_sale" %}  {% if value.from == nil %}  {{ "under" | translate: translations, "Under" }}  {{ value.to }}  {% elsif value.to == nil %}  {{ "above" | translate: translations, "Above" }}  {{ value.from }}  {% elsif value.from != 0 and value.to != nil %}  {{ value.from }}% - {{ value.to }}%  {% endif %}  {% else %}  <span class="boost-sd__filter-option-item-label">   {% if option.displayAllValuesInUppercaseForm %}   {% if option.filterType == "stock" or option.filterType == "collection" %}   {{ value.label | upcase | escape }}   {% else %}   {{ value.key | upcase | escape }}   {% endif %}   {% else %}   {% if option.filterType == "stock" or option.filterType == "collection" %}   {{ value.label | escape }}   {% else %}   {{ value.key | escape }}   {% endif %}   {% endif %}  </span>  {% endif %}  {% if filterSettings.showFilterOptionCount %}  <span aria-hidden="true" class="boost-sd__filter-option-item-amount">({{ value.doc_count }})</span>  {% endif %} </button></li>{% else %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' class='{{ className }}' data-action='{{ dataAction }}'>  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if displayAllValuesInUppercaseForm %}   {{ value.label | upcase | escape }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'>   ({{ value.doc_count }})</span>  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionSwatchItem"]=`{% assign swatchListStyle = option.swatchStyle == 'circle-list' or option.swatchStyle == 'square-list' %}{% if request.previewMode == true %}{% assign swatchTyleClass = "" %}{% if swatchListStyle %}{% assign swatchTyleClass = "list" %}{% else %}{% assign swatchTyleClass = "grid" %}{% endif %}<li class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'><button title='{{ value.key | strip_html | escape }}. Number of products: {{ value.doc_count }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  <span class='boost-sd__filter-option-swatch-item-img boost-sd__filter-option-swatch-item-img--{{ swatchTyleClass }} boost-sd__filter-option-swatch-item-img--circle' style='background-color: {{ value.key | escape }};'></span>  {% if swatchListStyle %}  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.key | escape | upcase }}   {% else %}   {{ value.key | escape }}   {% endif %}  </span>  <span aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %} </button></li>{% else %}<li data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' title='Find product with {{ label | escape }} is {{ value.label | escape | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  {% if swatchValue.backgroundColor == nil %}  {% assign swatchBackgroundColor = "none" %}  {% else %}  {% assign swatchBackgroundColor = swatchValue.backgroundColor | strip_html %}  {% endif %}  {% if swatchValue.backgroundImage == nil %}  {% assign swatchBackgroundImage = "none" %}  {% else %}  {% assign swatchBackgroundImage = swatchValue.backgroundImage | strip_html %}  {% endif %}  <span data-action='{{ dataAction }}' class='{{ className }}' style='background-color: {{ swatchBackgroundColor }}; background-image: {{ swatchBackgroundImage }}'></span>  {% if swatchType == 'list' %}  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.label | escape | upcase }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %}  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionMultiLevelCollectionItem"]=`{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'><div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'>  <a title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' href='/collections/{{ value.handle }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-link'>   <span class='boost-sd__filter-option-item-label'>    {% if option.displayAllValuesInUppercaseForm %}    {{ value.displayName | upcase }}    {% else %}    {{ value.displayName }}    {% endif %}   </span>  </a>  {% if showDocCount %}  <span role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %}  {% if value.existedTags %}  <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent'>   <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>    <path class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>   </svg>  </button>  {% endif %} </div></li>{% else %}{% assign currentLocale = '' %}{% if locale != "" %}{% assign currentLocale = '/' | append: locale %}{% endif %}<li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'><div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'>  <a id='{{ actionId }}' metaData='{{ metaData | json | escape }}' title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/{{ value.handle }}' class='{{ className }}'>   <span style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'>    {% if option.displayAllValuesInUppercaseForm %}    {{ value.displayName | upcase }}    {% else %}    {{ value.displayName }}    {% endif %}   </span>   {% if showDocCount %}   <span role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>   {% endif %}  </a>  {% if value.existedTags %}  <button aria-label='Expand/Collapse {{ value.displayName }}' id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>   <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>    <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>   </svg>  </button>  {% endif %} </div> {% if value.existedTags > 0 %} <ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-listitem boost boost-sd__g-hide'>  {% for tag in value.tags %}  <li class='boost-sd__filter-option-item-multilevel-collections-secondlevel'>   <div class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-secondlevel-title'>    <a id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json | escape }}' title='Link to {{ tag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/{{ value.handle }}/{{ tag.tag }}' class='{{ tag.className }}'>     <span data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>      {% if option.displayAllValuesInUppercaseForm %}      {{ tag.displayName | upcase }}      {% else %}      {{ tag.displayName }}      {% endif %}     </span>    </a>    {% if tag.existedSubTags %}    <button aria-label='Expand/Collapse {{ tag.displayName }}' id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>     <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='#222'>      <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>     </svg>    </button>    {% endif %}   </div>   {% if tag.existedSubTags %}   <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-thirdlevel boost-sd__g-hide'>    {% for subTag in tag.subTags %}    <li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-thirdlevel-title'>     <a id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' title='Link to {{ subTag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/{{ value.handle }}/{{ subTag.tag }}' class='{{ subTag.className }}'>      <span data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>       {% if option.displayAllValuesInUppercaseForm %}       {{ subTag.displayName | upcase }}       {% else %}       {{ subTag.displayName }}       {% endif %}      </span>     </a>    </li>    {% endfor %}   </ul>   {% endif %}  </li>  {% endfor %} </ul> {% endif %}</li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionMultiLevelTagItem"]=`{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='false' aria-label='{{ value.displayName }}. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'>  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.displayName | upcase }}   {% else %}   {{ value.displayName }}   {% endif %}  </span></button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>  <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>   <path class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z">   </path>  </svg></button> {% endif %}</li>{% else %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ value.displayName | escape | strip_html }}. Number of products: {{ value.doc_count }}' data-metadata='{{ metaData | json | escape }}' id='{{ actionId }}' class='{{ className }}'>  <span style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.displayName | upcase }}   {% else %}   {{ value.displayName }}   {% endif %}  </span>  {% if showProductCount %}  <span data-metadata='{{ metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %} </button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button aria-label='Expand/Collapse {{ value.displayName }}' type='button' data-metadata='{{ value.metaDataArrow | json | escape }}' id='{{ value.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>  <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'>   <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>  </svg></button><ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'>  {% for tag in value.subTags %}  <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'>   <button role='checkbox' aria-checked='{% if tag.className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ tag.displayName | escape | strip_html }}. Number of products: {{ tag.doc_count }}' data-metadata='{{ tag.metaData | json | escape }}' id='{{ tag.actionId }}' class='{{ tag.className }}'>    <span style='{{ styleOptionItem }}' data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>     {% if option.displayAllValuesInUppercaseForm %}     {{ tag.displayName | upcase }}     {% else %}     {{ tag.displayName }}     {% endif %}    </span>    {% if showProductCount %}    <span data-metadata='{{ tag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ tag.doc_count }})</span>    {% endif %}   </button>   {% assign existedSubTags = tag.subTags | size %}   {% if existedSubTags > 0 %}   <button aria-label='Expand/Collapse {{ tag.displayName }}' type='button' data-metadata='{{ tag.metaDataArrow | json | escape }}' id='{{ tag.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>    <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'>     <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>    </svg>   </button>      <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'>    {% for subTag in tag.subTags %}    <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'>     <button role='checkbox' aria-checked='{% if subTag.className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ subTag.displayName | escape | strip_html }}. Number of products: {{ subTag.doc_count }}' id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' class='{{ subTag.className }}'>      <span style='{{ styleOptionItem }}' data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>       {% if option.displayAllValuesInUppercaseForm %}       {{ subTag.displayName | upcase }}       {% else %}       {{ subTag.displayName }}       {% endif %}      </span>      {% if showProductCount %}      <span data-metadata='{{ subTag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ subTag.doc_count }})</span>      {% endif %}     </button>    </li>    {% endfor %}   </ul>   {% endif %}  </li>  {% endfor %} </ul> {% endif %}</li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionRatingItem"]=`{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'><button role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'>  <span role='presentation' class='boost-sd__filter-option-rating-item-presentation'>   {% for i in (0..4) %}   {% if i < value.from %}   <i class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i>   {% else %}   <i class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i>   {% endif %}   {% endfor %}   {% if showExactRating == false %}   <span>& Up</span>   {% endif %}  </span>  <span role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span></button></li>{% else %}<li data-value='{{ value.key }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='{{ className }}'>  <span data-action='{{ dataAction }}' role='presentation' class='boost-sd__filter-option-rating-item-presentation'>   {% for i in (0..4) %}   {% if i < value.from %}   <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i>   {% else %}   <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i>   {% endif %}   {% endfor %}   {% if showExactRating == false %}   <span data-action='{{ dataAction }}'>& Up</span>   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["productPrice"]=`{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%}{% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%}{% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}{% if product.variant_id != "" and product.variant_id != blank -%}{% assign currentVariantId = product.variant_id | times: 1 -%}{% for variant in product.variants -%}{% if variant.id == currentVariantId -%}{% assign minPrice = variant.price | times: 1.0 -%}{% assign maxPrice = variant.price | times: 1.0 -%}{% if variant.compare_at_price and variant.compare_at_price != "0.0" -%}{% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%}{% endif -%}{% break -%}{% endif -%}{% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%}{% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%}{% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%}{% if compareAtPriceMin > 0 %}{% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%}{% else %}{% assign salePercent = '0%' %}{% endif %}{% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%}{% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%}{% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%}{% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%}{% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%}{% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%}{% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}<div class="boost-sd__product-price-wrapper"><span class="boost-sd__visually-hidden">  {% if isSale %}  Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %}  {% else %}  Regular price {{ priceValueWithFormat }}  {% endif %} </span><span aria-hidden="true" class="boost-sd__product-price-content  boost-sd__product-price-content--text-align-left">  <span class="{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}">   <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span>  </span>  {% if compareAtPriceWithFormat != '' -%}  <span class="boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare">   <span class="boost-sd__format-currency">{{ compareAtPriceWithFormat }}</span>  </span>  {% endif -%} </span> {% if savingPriceWithFormat != '' -%} <span aria-hidden="true" class="boost-sd__product-price--saving">  <span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span></span> {% endif -%}</div>`;
        
      
      
      
        
    ;template["recommendation"]=`{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}{% assign widgetTitle = '' %}{% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}{% endif %}<div id='{{ widgetId }}' class='boost-sd__recommendation ' data-product-price='true'><div class='boost-sd__recommendation-title {{ widgetTitle }}'>  <span tabindex="0" role="heading" aria-level="2" class='boost-sd__recommendation-title-text'>   {{ widgetNameTranslationLabel | translate: translations, widgetName }}  </span></div> {% if widgetDesignSettings.layoutDisplay == 'carousel' %}  <div class="boost-sd__slider"><div class="boost-sd__slider-container">  {% for product in products %}   <div class="boost-sd__slide">    {% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %}    {% if product.original_images != nil %} {% assign imageArray = product.original_images %}{% else %} {% assign imageArray = product.images_info %}{% endif %}{% assign productId = product.id %}{% if product.variant_id %} {% assign productId = product.variant_id %}{% endif %}{% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% capture filterOptionIdImageBaseOn %}{% endcapture %}{% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %}{% assign filterValues = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% comment %}NEW LOGIC: Only find images based on filters IF that variant matches the item being displayed (for split products){% endcomment %}{% if product.variant_id %} {% assign targetVariantId = product.variant_id %} {% for variant in product.variants %}  {% if variant.id == product.variant_id %}   {% for filterValue in filterValues %}    {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %}    {% if variant.merged_options contains optionNameValue %}     {% if variant.image %}      {% assign selectedVariantImageByFilterOption = variant.image %}      {% break %}     {% endif %}    {% endif %}   {% endfor %}   {% if selectedVariantImageByFilterOption != nil %}    {% break %}   {% endif %}  {% endif %} {% endfor %}{% else %} {% for item in product.variants %}  {% for filterValue in filterValues %}   {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %}   {% if item.merged_options contains optionNameValue %}    {% if item.image %}     {% assign selectedVariantImageByFilterOption = item.image %}     {% break %}    {% endif %}   {% endif %}  {% endfor %}  {% if selectedVariantImageByFilterOption != nil %}{% break %}{% endif %} {% endfor %}{% endif %}{% capture productVariants %} [ {% for variant in product.variants %}  {% assign preorder = '{}' %}  {% if variant.preorder and variant.preorder != nil and variant.inventory_management != null %}  {% assign preorder = variant.preorder %}  {% else %}  {% assign preorder = '' %}  {% endif %}  {   "title": "{{ variant.title }}",   "id": "{{ variant.id }}",   "available": {{ variant.available }},   "preorder": {{ preorder | json }}  }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %}{% capture productData %} {  "handle": "{{ product.handle }}",  "variantId": "{{ product.variant_id }}",  "splitProduct": "{{ product.split_product }}",    "variants": {{ productVariants | json | escape }},    "priceMin": "{{ product.price_min }}",  "priceMax": "{{ product.price_max }}",  "compareAtPriceMin": "{{ product.compare_at_price_min }}",  "compareAtPriceMax": "{{ product.compare_at_price_max }}",  "images": {{ imageArray | json | escape }},  "options_with_values": {{ product.options_with_values | json | escape }},  "selectedVariantImageByFilterOption": "{{ selectedVariantImageByFilterOption | escape }}",  "category": "{{ product.product_type | escape }}",  "tags" : {{ product.tags | json | escape }} }{% endcapture %}{%- capture borderLayoutSetting %}noBorder{% endcapture -%}{% if borderLayoutSetting == 'noPadding' %} {% assign borderLayoutItem = 'no-padding' %}{% elsif borderLayoutSetting == 'hasPadding' %} {% assign borderLayoutItem = 'border-has-padding' %}{% elsif borderLayoutSetting == 'noPaddingImage' %} {% assign borderLayoutItem = 'border-no-padding-image' %}{% else %} {% assign borderLayoutItem = 'no-border' %}{% endif %}{% assign productLocale = '' %}{% if request.current_locale != "" or request.current_locale != null or request.current_locale != nil %} {% assign productLocale = request.current_locale %}{% endif %}{% assign variantUrl = '' %}{% if product.variant_id %} {% assign variantUrl = '?variant=' | append: product.variant_id %}{% endif %}<div class='boost-sd__product-item boost-sd__product-item--{{ borderLayoutItem }} boost-sd__product-item-grid-view-layout' id='{{ product.id }}' data-product-id='{{ productId }}' data-product='{{ productData | json_encode }}'>{%- capture aspectRatioSetting %}natural{% endcapture -%}{% capture hoverEffect %}reveal-second-image{% endcapture %}{% assign productImages = product.images_info %}{% if product.split_product %} {% assign productImages = product.original_images %}{% endif %}{%- comment -%} Consolidate GIF filtering logic based on settings {%- endcomment -%}{% assign noImageUrl = "https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" %}{% assign filteredImages = "" | split: "," %}{% assign nonGifImages = "" | split: "," %}{% if checkShowGif == false or checkShowGif == 'false' or checkShowGif == nil %} {% for img in productImages %}  {% assign img_url_clean = img.src | split: '?' | first | downcase %}  {% unless img_url_clean contains '.gif' %}   {% assign tmp = img.src | split: "___" %}   {% assign filteredImages = filteredImages | concat: tmp %}   {% assign nonGifImages = nonGifImages | concat: tmp %}  {% endunless %} {% endfor %}{% else %} {% assign filteredImages = productImages %} {% for img in productImages %}  {% assign img_url_clean = img.src | split: '?' | first | downcase %}  {% unless img_url_clean contains '.gif' %}   {% assign tmp = img.src | split: "___" %}   {% assign nonGifImages = nonGifImages | concat: tmp %}  {% endunless %} {% endfor %}{% endif %}<div class="boost-sd__product-item-grid-view-layout-image"><div class="boost-sd__product-link-image">  <div style="position: relative">            {%- comment -%} Consolidate hover effect logic {%- endcomment -%}   {% assign effectClasses = '' %}   {% assign hasSecondImage = false %}      {% if hoverEffect == 'zoom-in' or hoverEffect == 'reveal-second-image-and-zoom-in' %}    {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %}   {% endif %}      {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %}         {% if filteredImages.size > 1 %}      {% assign hasSecondImage = true %}     {% endif %}            {% comment %} Always add has-second-image class for reveal-second-image-and-zoom-in to ensure zoom works {% endcomment %}    {% if hasSecondImage or hoverEffect == 'reveal-second-image-and-zoom-in' %}     {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %}    {% endif %}   {% endif %}                {% assign aspectRatio = '' -%}   {% if aspectRatioSetting == 'natural' -%}    {% if hasGifData and mediaToDisplay.image %}     {% assign imageWidth = mediaToDisplay.image.width %}     {% assign imageHeight = mediaToDisplay.image.height %}    {% else %}     {% assign imageWidth = product.images_info[0].width %}     {% assign imageHeight = product.images_info[0].height %}    {% endif %}    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}   {% endif -%}   {%- comment -%} select video of gif prioritize {%- endcomment -%}   {% assign firstVideo = nil %}   {% assign firstGif = nil %}   {% assign hasVideoData = false %}   {% assign hasGifData = false %}   {% if product.media and product.media.size > 0 %}    {% for media_item in product.media %}     {% if media_item.mediaContentType == 'VIDEO' and firstVideo == nil %}      {% assign firstVideo = media_item %}      {% assign hasVideoData = true %}     {% elsif media_item.mediaContentType == 'IMAGE' and firstGif == nil %}      {% assign media_url_clean = media_item.image.originalSrc | split: '?' | first | lowercase %}      {% if media_url_clean contains '.gif' %}       {% assign firstGif = media_item %}       {% assign hasGifData = true %}      {% endif %}     {% endif %}    {% endfor %}   {% endif %}   {%- comment -%} prioritize video > gif > image {%- endcomment -%}   {% assign showMedia = false %}   {% assign mediaToDisplay = nil %}   {% if hasVideoData %}    {% assign mediaToDisplay = firstVideo %}    {% assign showMedia = true %}    {% assign mediaType = 'video' %}   {% elsif hasGifData %}    {% assign mediaToDisplay = firstGif %}    {% assign showMedia = true %}    {% assign mediaType = 'gif' %}   {% endif %}   {% assign finalShowMedia = false %}      <div class="boost-sd__product-image-wrapper {{ effectClasses }} boost-sd__product-image-wrapper--natural"    style="{{ aspectRatio }}">    {% assign firstImageObj = product.images_info[0] %}    {% assign hasImages = false %}    {% if firstImageObj and firstImageObj.src != blank %}     {% assign hasImages = true %}    {% endif %}    <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link boost-sd__product-image" {%- if request.previewMode != true %} href="{{ productLocale }}/products/{{ product.handle }}{{ variantUrl }}"{% endif -%}>     {% if finalShowMedia %}      {%- comment -%} CASE 1: VIDEO / GIF {%- endcomment -%}      {% if mediaType == 'video' %}       <div class="boost-sd__product-video-wrapper">        <video          class="boost-sd__product-image-img boost-sd__product-image-img--main"         muted loop playsinline         poster="{{ mediaToDisplay.preview.image.originalSrc }}"         preload="none"        >         {% for source in mediaToDisplay.sources %}          <source data-src="{{ source.url }}" type="{{ source.mime_type }}">         {% endfor %}        </video>       </div>      {% else %}       <img        id="product-image-{{ product.id }}"        class="boost-sd__product-image-img boost-sd__product-image-img--main"        alt="{{ product.title | escape }}"         src="{{ mediaToDisplay.image.originalSrc }}"        width="auto"        height="auto"       />      {% endif %}     {% elsif hasImages %}      {%- comment -%} NORMAL IMAGE {%- endcomment -%}      {% assign firstImageSrc = "" %}      {% if filteredImages.size > 0 %}       {% assign firstImageSrc = filteredImages[0] %}      {% else %}       {% assign firstImageSrc = noImageUrl %}      {% endif %}            {%- comment -%} Responsive image parameters {%- endcomment -%}      {% assign widthParam = "&width=" -%}      {% assign widths = "200,300,400,500,700,800" | split: "," -%}      {% assign maxWidth = 700 -%}      {% if request.device contains 'mobile' -%}       {% assign maxWidth = 400 -%}      {% endif -%}      {% assign productPerRow = 4 -%}      {% if request.productPerRow != blank -%}       {% assign productPerRow = request.productPerRow | plus: 0 -%}      {% endif -%}      {% if request.productImageWidth != blank -%}       {% assign imageWidth = request.productImageWidth | plus: 0 -%}       {% if imageWidth > maxWidth -%}        {% assign maxWidth = imageWidth -%}       {% endif -%}      {% endif -%}      {% if product.images_info[0] -%}       {% capture srcset -%}       {% for width in widths -%}        {% assign widthNo = width | plus: 0 %}        {% if widthNo < maxWidth -%}         {{ firstImageSrc }}{{ widthParam }}{{ width }} {{ width }}w,         {% else -%}          {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w         {% break -%}        {% endif -%}       {% endfor -%}      {% endcapture -%}       <img        id="product-image-{{ product.id }}"        class="boost-sd__product-image-img boost-sd__product-image-img--main"        {% if index and index < productPerRow -%}         loading="eager"        {% else -%}         loading="lazy"        {% endif -%}        decoding="async"        alt="{{ product.title | escape }}" src="{{ firstImageSrc }}&width=200" srcset="{{ srcset }}"        width="auto"        height="auto"       />      {% else %}       <img        class="boost-sd__product-image-img boost-sd__product-image-img--main"        alt="{{ product.title | escape }}"        src="{{ noImageUrl }}"        width="auto"        height="auto"       />      {% endif %}     {% else %}      {%- comment -%}CASE 3: NO IMAGE ONLY {%- endcomment -%}      <img       class="boost-sd__product-image-img boost-sd__product-image-img--main"       alt="{{ product.title | escape }}"       src="{{ noImageUrl }}"       width="auto"       height="auto"      />     {% endif %}     {% comment %} Only render second image block if there's potential for a second image {% endcomment %}     {% assign shouldRenderSecondImage = false %}     {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %}      {% if finalShowMedia and nonGifImages.size > 0 %}       {% assign shouldRenderSecondImage = true %}      {% elsif nonGifImages.size > 1 %}       {% assign shouldRenderSecondImage = true %}      {% endif %}     {% endif %}     {% if shouldRenderSecondImage %}      {% assign secondImage = nil %}      {% if finalShowMedia %}       {%- comment -%} When showing video/GIF, hover should show first normal image {%- endcomment -%}       {% if nonGifImages.size > 0 %}        {% assign secondImage = nonGifImages[0] %}       {% endif %}      {% else %}       {%- comment -%} When showing normal image, hover should show second image {%- endcomment -%}       {% if nonGifImages.size > 1 %}        {% assign secondImage = nonGifImages[1] %}       {% endif %}      {% endif %}      {% if secondImage != blank %}       {% capture secondImageSrcset %}        {% for width in widths %}         {% assign widthNo = width | plus: 0 %}         {% if widthNo < maxWidth %}          {{ secondImage }}{{ widthParam }}{{ width }} {{ width }}w,         {% else %}          {{ secondImage }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w          {% break %}         {% endif %}        {% endfor %}       {% endcapture %}       <img        width="auto"        height="auto"        {% if index and index < productPerRow -%}         loading="eager"        {% else -%}         loading="lazy"        {% endif -%}        class="boost-sd__product-image-img boost-sd__product-image-img--second"        alt="{{ product.title | escape }}"        aria-hidden="true"        src="{{ secondImage }}&width=200" srcset="{{ secondImageSrcset }}">      {% endif %}     {% endif %}    </a>                                    <div class="boost-sd__product-image-row boost-sd__product-image-row--top ">                        <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">        {% assign hideOtherLabelsWhenSoldOut = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign removePriceDecimal = false -%}{% assign showCentAsSuperscript = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% if hideOtherLabelsWhenSoldOut != true -%}   {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}  {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}   {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}   {% assign salePercent = percent | append: '%' -%}   {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}   {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">    <span class="boost-sd__product-label-text">     <span>{{ productItemSaleTranslated }}</span>    </span>   </div>  {% endif -%}    {% if product.available == false -%}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">    <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>   </div>  {% endif -%}  {% else -%} {% if product.available == false -%}     <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">    <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>   </div>   {% else -%}     {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}   {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}    {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}    {% assign salePercent = percent | append: '%' -%}    {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}    {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}    <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">     <span class="boost-sd__product-label-text">      <span>{{ translatedText }}</span>     </span>    </div>   {% endif -%}     {% endif -%}{% endif -%}       </div>                                   </div>                 <div class="boost-sd__product-image-row boost-sd__product-image-row--bottom ">                                                                         <div class="boost-sd__product-image-column boost-sd__product-image-column--in-bottom boost-sd__product-image-column--right">                             {% assign currentVariant = product.variants[0] %} {% for v in product.variants %}  {% if v.id == product.variant_id %}   {% assign currentVariant = v %}   {% break %}  {% endif %} {% endfor %} {% capture metaData %}  {   "action": {    {% if product.variants.size == 1 or product.split_product %}     "addToCart": {      "productId": "{{ currentVariant.id }}",      {% assign sellingPlanId = '' %}      {% if currentVariant.preorder and currentVariant.preorder.sellingPlan %}       {% assign sellingPlanId = currentVariant.preorder.sellingPlan.id %}      {% endif %}      "selling_plan": {{ sellingPlanId | json | escape }}     }    {% else %}           {% if request.device contains 'mobile' %}       "quickView": {        "productId": "{{ product.id }}",        "fromSelectOptionBtn": true       }      {% else %}       "quickAddToCart": {        "productId": "{{ product.id }}",        "variant_id": "{{ product.variant_id }}"       }      {% endif %}                   {% endif %}   }  } {% endcapture %} {% assign variantPreorder = currentVariant.preorder %} {% assign buttonPreorder = '' %} {% if variantPreorder %}  {% assign buttonPreorder = buttonPreorder | append : ' boost-sd__button--preorder' %} {% endif %} {% assign buttonTextPreorder = '' %} {% if variantPreorder %}  {% assign buttonTextPreorder = buttonTextPreorder | append : ' boost-sd__button-text--preorder' %} {% endif %} {% assign preOrderLabel = 'Pre-Order' %} {% if variantPreorder.settings.buttonText != blank %}  {% assign preOrderLabel = variantPreorder.settings.buttonText %} {% endif %} {% assign selectOptionBtnLabel = '' %} {% if product.available == false %}  {% assign selectOptionBtnLabel = "productItem.soldoutLabel" | translate: translations, 'Sold out' %} {% elsif product.variants.size == 1 or product.split_product %}  {% assign selectOptionBtnLabel = "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' %}  {% if variantPreorder and currentVariant.inventory_management != null %}   {% assign selectOptionBtnLabel = preOrderLabel %}  {% endif %} {% else %}  {% assign selectOptionBtnLabel = "productItem.atcSelectOptionsLabel" | translate: translations, 'Choose options' %} {% endif %}   <button   aria-label='{{ selectOptionBtnLabel }}'   class='boost-sd__button boost-sd__button--select-option boost-sd__button--border boost-sd__button--show-on-hover boost-sd__button--hide-on-mobile boost-sd__button--rectangle{{ buttonPreorder }}'   type='button'   {% if product.available == false %}    disabled   {% endif %}   data-metadata='{{ metaData | json_encode }}'  >          <span class='boost-sd__icon boost-sd__icon--is-image boost-sd__icon--fill-current-color'></span>          <span class='boost-sd__button-text boost-sd__cta-button-text {{ buttonTextPreorder }}'>{{ selectOptionBtnLabel }}</span>           </button>                    {% capture metaData %}  {   "action": {    "quickView": {     "productId": "{{ product.id }}"    }   }  } {% endcapture %}   <button   aria-label='Quick view'   class='boost-sd__button boost-sd__button--border boost-sd__button--show-on-hover boost-sd__button--hide-on-mobile boost-sd__button--square boost-sd__button--quick-view'   type='button'   data-metadata='{{ metaData | json_encode }}'>       <span class='boost-sd__icon boost-sd__icon--is-image boost-sd__icon--fill-current-color'></span>                 </button>        </div>                       </div>       </div>             <div aria-modal="true" role="dialog" aria-label="Choose options for product {{ product.title | escape }}" class="boost-sd__popup-select-option" style="display: none">     <div tabindex="-1" class="boost-sd__popup-select-option-container">      {% for swatch in product.options_with_values -%}       <div class="boost-sd__product-swatch">        <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div>        <div class="boost-sd__product-swatch-options">        {% for value in swatch.values -%}          {% assign swatchBy = 'text' %}          {% assign backgroundSwatch = "background-color: " | append: value.title | strip_html | escape -%}          {% assign imageName = value.title | strip_html | downcase | strip | escape -%}          {% if imageName contains " " -%}           {% assign imageName = imageName | replace: ' ', "-" -%}          {% endif -%}          {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" -%}          {% if swatch.original_name == 'color' -%}           {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');" %}           {% assign swatchBy = 'color-and-image' %}          {% endif -%}          {% for variant in product.variants %}           {% assign options = variant.merged_options %}           {% if variant.original_merged_options != nil %}            {% assign options = variant.original_merged_options %}            {% endif %}           {% for option in options %}            {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %}            {% if currentOption contains " " %}             {% assign currentOption = currentOption | replace: ' ', "-" %}            {% endif %}            {% if currentOption == imageName and variant.image %}             {% assign backgroundSwatch = "background-image: url('" | append: variant.image | append: "');" %}              {% assign swatchBy = 'product-image' %}            {% endif %}           {% endfor %}          {% endfor %}         <div class="boost-sd__product-swatch-option" data-swatch-by="{{ swatchBy }}">          <div class="boost-sd__radio">           <div class="boost-sd__tooltip">            {% if swatch.original_name == 'color' -%}             <div class="boost-sd__tooltip-content" style="display: none;">{{ value.title | strip_html | escape }}</div>            {% endif -%}            <input             id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"             class="boost-sd__radio-input boost-sd__radio-input--hidden"             type="radio"             value="{{ value.title | strip_html | escape }}"             checked=""            />            {% if swatch.original_name == 'color' -%}             <label              role="radio"              tabindex="0"              aria-label="{{ swatch.original_name }}:{{ value.title }}"              for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"              class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large"              style="{{ backgroundSwatch }}"             >              {{ value.title | strip_html | escape }}             </label>            {% else -%}             <label              role="radio"              tabindex="0"              aria-label="{{ swatch.original_name }}:{{ value.title }}"              for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"              class="boost-sd__radio-label boost-sd__radio-label--in-quick-view"             >              {{ value.title | strip_html | escape }}             </label>            {% endif -%}           </div>          </div>         </div>        {% endfor -%}        </div>       </div>      {% endfor -%}     </div>     <button      type="button"      class="boost-sd__button boost-sd__button--primary boost-sd__button--add-to-cart boost-sd__button--full-width boost-sd__button--large boost-sd__btn-add-to-cart"     >      <span class="boost-sd__button-text boost-sd__cta-button-text">{{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}</span>     </button>     <button      type="button"      aria-label='{{ "close" | translate: translations, "Close" }}'      class="boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__popup-select-option-close-btn"     >      <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">       <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9024 3.56904C13.0325 3.43886 13.0325 3.22781 12.9024 3.09763C12.7722 2.96746 12.5611 2.96746 12.431 3.09763L8 7.5286L3.56904 3.09763C3.43886 2.96746 3.22781 2.96746 3.09763 3.09763C2.96746 3.22781 2.96746 3.43886 3.09763 3.56904L7.5286 8L3.09763 12.431C2.96746 12.5611 2.96746 12.7722 3.09763 12.9024C3.22781 13.0325 3.43886 13.0325 3.56904 12.9024L8 8.47141L12.431 12.9024C12.5611 13.0325 12.7722 13.0325 12.9024 12.9024C13.0325 12.7722 13.0325 12.5611 12.9024 12.431L8.47141 8L12.9024 3.56904Z" fill="#222222"></path>      </svg>     </button>    </div>        </div></div></div><div class="boost-sd__product-info-wrapper"><div class="boost-sd__product-info boost-sd__product-info--left">    <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link" {% if request.previewMode != true %} href="{{ productLocale }}/products/{{ product.handle }}{{ variantUrl }}"{% endif %}>   <div class="boost-sd__product-title" id="product-title-{{ product.id }}">    {{ product.title | escape }}   </div>  </a>       <div class="boost-sd__product-price" id="product-price-{{ product.id }}">    {% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}{% if product.variant_id != "" and product.variant_id != blank -%} {% assign currentVariantId = product.variant_id | times: 1 -%} {% for variant in product.variants -%}  {% if variant.id == currentVariantId -%}   {% assign minPrice = variant.price | times: 1.0 -%}   {% assign maxPrice = variant.price | times: 1.0 -%}   {% if variant.compare_at_price and variant.compare_at_price != "0.0" -%}    {% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%}   {% endif -%}   {% break -%}  {% endif -%} {% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%}  {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% if compareAtPriceMin > 0 %}  {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% else %}  {% assign salePercent = '0%' %} {% endif %}  {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%} {% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%} {% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}<div class="boost-sd__product-price-wrapper">  <span class="boost-sd__visually-hidden">   {% if isSale %}    Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %}   {% else %}    Regular price {{ priceValueWithFormat }}   {% endif %}  </span>  <span    aria-hidden="true"   class="boost-sd__product-price-content  boost-sd__product-price-content--text-align-left"  >   <span     class="{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}"    >    <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span>   </span>   {% if compareAtPriceWithFormat != '' -%}    <span     class="boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare"     >     <span class="boost-sd__format-currency">{{ compareAtPriceWithFormat }}</span>    </span>   {% endif -%}  </span>  {% if savingPriceWithFormat != '' -%}   <span     aria-hidden="true"    class="boost-sd__product-price--saving"   >    <span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span>   </span>  {% endif -%} </div>   </div>         {% assign swatches = '' %}   </div></div></div>   </div>  {% endfor %}  {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %}  {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %}  {% if numberOfRecommendProduct < numberOfProductPerRow %}   {% assign sliderPages = 1 %}   {% assign disable = "disabled" %}  {% else %}   {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %}   {% assign disable = "" %}  {% endif %} </div><div class="boost-sd__prev-button boost-sd__prev-button--inside">  <button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}>   <span class="boost-sd__icon">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__prev-button-icon">     <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>    </svg>   </span>  </button></div><div class="boost-sd__next-button boost-sd__next-button--inside">  <button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}>   <span class="boost-sd__icon" style="margin: 0px;">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__next-button-icon">     <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>    </svg>   </span>  </button></div>    <div class="boost-sd__watermark-powered-by-boost">  {{ "search.watermarkPoweredBy" | translate: translations, "Powered by" }}  <div class="boost-sd__watermark-highlight">   {{ "search.watermarkPoweredByBranch" | translate: translations, "Boost" }}  </div></div></div> {% else %}  {% assign bundleStyle = widgetDesignSettings.bundleStyle %}<div class="boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}"><div class="boost-sd__recommendation-bundle-left">  <div class="boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}">   {% for product in products %}    <div class="boost-sd__recommendation-bundle-image-item">     {% if product.checked %}      <a        aria-label="View product details for {{ product.title | escape }}"        class="boost-sd__product-link boost-sd__product-link-image"        href="/products/{{ product.handle }}">     {% endif %}      <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box">       <div class="boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}">        {% if product.images_info[0] %}         <img id="product-image-{{ product.id }}"          class="boost-sd__product-image-img boost-sd__product-image-img--main"          src="{{ product.images_info[0].src }}"          alt="{{ product.title | escape }}"           width="auto" height="auto" />        {% else %}         <img id="product-image-{{ product.id }}"          class="boost-sd__product-image-img boost-sd__product-image-img--main"          src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268"          alt="{{ product.title | escape }}"          width="auto" height="auto" />        {% endif %}       </div>      </div>     {% if product.checked %}      </a>     {% endif %}     {% if bundleStyle == 'style2' %}      <div       class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}">       <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}">        <div class="boost-sd__recommendation-bundle-item-title">         {% if forloop.index0 == 0 %}          <span role="text" tabindex="0">           <b>This item:</b> {{ product.title | escape }}          </span>         {% elsif product.checked %}          <a class="boost-sd__product-link" href="/products/{{ product.handle }}">           {{ product.title | escape }}          </a>         {% else %}          <span role="text" tabindex="0">{{ product.title | escape }}</span>         {% endif %}        </div>        {%- if product.selectedOption.title != 'Default Title' -%}         <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">          <div            {% if product.checked %} tabindex="0" {% endif %}           role="combobox"           aria-label="Select an option"           aria-expanded="false"           aria-haspopup="true"            data-id="boost-sd__dropdown-{{ widgetId }}"           data-product-id="{{ product.id }}"           id="boost-sd__dropdown-{{ widgetId }}"            class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}">           <div class="boost-sd__dropdown-selected-option">            <span              aria-label="Current option: {{ product.selectedOption.title | escape }}"             class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span>            <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">             <path              d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z"              fill="#5C5F62"></path>            </svg>           </div>           <ul role="listbox"             data-id="boost-sd__dropdown-list-{{ widgetId }}"             id="boost-sd__dropdown-list-{{ widgetId }}"             class="boost-sd__dropdown-option-list">            {% for variant in product.variants %}            <li role="option"             aria-selected="{{ variant.title == product.selectedOption.title }}"              data-id="boost-sd__dropdown-option-{{ widgetId }}"             data-variant-id="{{ variant.id }}"             id="boost-sd__dropdown-option-{{ widgetId }}"              class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}">             {{ variant.title | escape }}            </li>            {% endfor %}           </ul>          </div>         </div>        {% endif %}        <div class="boost-sd__recommendation-bundle-checkbox">         <button type="button"          aria-checked="{% if product.checked %} true {% else %} false {% endif %}"          aria-label="{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}"          class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"          data-id="boost-sd__checkbox-{{ widgetId }}"          id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}"         ></button>        </div>        <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency">         <span>{{ product.selectedOption.price }}</span>        </span>       </div>      </div>     {% endif %}    </div>    {% unless forloop.last %}     <div      class="boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}">      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">       <path fill-rule="evenodd" clip-rule="evenodd"        d="M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z"        fill="#5C5F62"></path>      </svg>     </div>    {% endunless %}   {% endfor %}  </div>  {% if bundleStyle == 'style1' %}   {% for product in products %}    <div     class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}">     <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}">      <div class="boost-sd__recommendation-bundle-item-title">       <div class="boost-sd__recommendation-bundle-checkbox">        <button type="button"         aria-checked="{% if product.checked %} true {% else %} false {% endif %}"         aria-label="{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}"         class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"         data-id="boost-sd__checkbox-{{ widgetId }}"         id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}"        ></button>       </div>       {% if forloop.index0 == 0 %}        <span role="text" tabindex="0">         <b>This item:</b> {{ product.title | escape }}        </span>       {% elsif product.checked %}        <a class="boost-sd__product-link" href="/products/{{ product.handle }}">         {{ product.title | escape }}        </a>       {% else %}        <span role="text" tabindex="0">{{ product.title | escape }}</span>       {% endif %}      </div>      {%- if product.selectedOption.title != 'Default Title' -%}       <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">        <div          {% if product.checked %} tabindex="0" {% endif %}         role="combobox"         aria-label="Select an option"         aria-expanded="false"         aria-haspopup="true"          data-id="boost-sd__dropdown-{{ widgetId }}"         data-product-id="{{ product.id }}"         id="boost-sd__dropdown-{{ widgetId }}"          class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}">         <div class="boost-sd__dropdown-selected-option">          <span            aria-label="Current option: {{ product.selectedOption.title | escape }}"           class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span>          <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">           <path            d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z"            fill="#5C5F62"></path>          </svg>         </div>         <ul role="listbox"           data-id="boost-sd__dropdown-list-{{ widgetId }}"           id="boost-sd__dropdown-list-{{ widgetId }}"           class="boost-sd__dropdown-option-list">          {% for variant in product.variants %}          <li role="option"           aria-selected="{{ variant.title == product.selectedOption.title }}"            data-id="boost-sd__dropdown-option-{{ widgetId }}"           data-variant-id="{{ variant.id }}"           id="boost-sd__dropdown-option-{{ widgetId }}"            class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}">           {{ variant.title | escape }}          </li>          {% endfor %}         </ul>        </div>       </div>      {% endif %}      <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency">       <span>{{ product.selectedOption.price }}</span>      </span>          </div>    </div>   {% endfor %}  {% endif %} </div><div class="boost-sd__recommendation-bundle-right">  {% if hasSelectedProduct == true %}  <div role="text" tabindex="0" class="boost-sd__recommendation-bundle-total-price">   Total price:   <b class="boost-sd__recommendation-bundle-price-text">    <span class="boost-sd__format-currency">{{ totalPrice }}</span>   </b>  </div>  {% endif %}  <button type="button" {% if hasSelectedProduct == false %}disabled{% endif %}   class="boost-sd__button boost-sd__button--primary boost-sd__button--large boost-sd__button--round boost-sd__button--full-width boost-sd__btn-add-to-cart">   <span>Add to Cart</span>  </button></div></div> {% endif %}</div><style> #{{ widgetId }} .boost-sd__recommendation-title {  color: {{ widgetDesignSettings.titleTextColor }};  font-family: {{ widgetDesignSettings.titleFont }};  font-size: {{ widgetDesignSettings.titleFontSize }}px;  text-transform: {{ widgetDesignSettings.titleTextTransform }};  font-weight: {{ widgetDesignSettings.titleFontWeight }};  font-style: {{ widgetDesignSettings.titleFontStyle }}; }</style>`;
        
      
      
      
        
    ;template["searchTabCollectionsContent"]=`<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% assign currentLocale = '' %} {% if currentLocale != "" %} {% assign currentLocale = currentLocale %} {% endif %} {% for collection in collections %} <a tabindex="0" href="{{ currentLocale }}/collections/{{ collection.handle }}" class="boost-sd__search-result-panel-content-item">  <div class="boost-sd__search-result-panel-content-item-text">   <p class="boost-sd__search-result-panel-content-item-title">{{ collection.title | escape }}</p>  </div></a> {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize <= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize < totalCollection %} {% assign totalPage = totalCollection | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign toProduct = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center">  {% if currentPage != 1 %}  <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %}  {% for page_string in pagination %}  {% assign page = page_string | plus: 0 %}  {% if page == 0 %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button>  {% elsif page == request.page %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% else %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% endif %}  {% endfor %}  {% if currentPage != totalPage %}  <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %} </div> {% endif %}</div>`;
        
      
      
      
        
    ;template["searchTabPagesContent"]=`<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% for page in pages %} <a tabindex="0" href="{{ page.url }}" class="boost-sd__search-result-panel-content-item">  <div class="boost-sd__search-result-panel-content-item-text">   <p class="boost-sd__search-result-panel-content-item-title">{{ page.title | escape }}</p>  </div></a> {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize <= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize < totalPageTab %} {% assign totalPage = totalPageTab | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign toProduct = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center">  {% if currentPage != 1 %}  <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %}  {% for page_string in pagination %}  {% assign page = page_string | plus: 0 %}  {% if page == 0 %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button>  {% elsif page == request.page %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% else %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% endif %}  {% endfor %}  {% if currentPage != totalPage %}  <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %} </div> {% endif %}</div>`;
        
      
      
      
        
    ;template["searchTabCollectionsContentPagination"]=`{% assign pagination = currentPage | pagination_list: totalPage | split: "," %}{% assign toProduct = currentPage | times: pageSize %}<div class="boost-sd__pagination boost-sd__pagination--center"> {% if currentPage != 1 %} <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">  <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">    <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>   </svg>  </span></button> {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button> {% elsif page == request.page %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% else %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% endif %} {% endfor %} {% if currentPage != totalPage %} <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">  <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">    <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>   </svg>  </span></button> {% endif %}</div>`;
        
      
      
      
        
    ;template["placeholderFilterTree"]=`<div class='boost-sd-container'><div class='boost-sd-layout boost-sd-layout--has-filter-vertical'>  <div class='boost-sd-left boost-filter-tree-column'>      <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">    <div class="boost-sd__filter-tree-vertical boost-sd__filter-tree-vertical--hidden">     <div class="boost-sd__filter-tree-vertical-placeholder">      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>     </div>    </div>   </div>  </div>  <div class='boost-sd-right boost-product-listing-column'>      <div class="boost-sd__toolbar-container">    <div class="boost-sd__toolbar-inner">     <div class="boost-sd__toolbar-content">      <div class="boost-sd__toolbar boost-sd__toolbar--3_1">       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>      </div>     </div>    </div>   </div>      <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--3-col">    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>   </div>   <div class="boost-sd__pagination boost-sd__pagination--center">    <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span>   </div>  </div></div></div><style> .boost-sd__collection-header {  width: 100%;  height: 130px;  display: block;  background: -webkit-gradient(linear,    left top,    right top,    color-stop(8%, #eee),    color-stop(18%, #e6e6e6),    color-stop(33%, #eee));  background-color: #eee;  animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty {  display: block; } .boost-sd__collection-header .boost-sd__placeholder-item {  height: 130px; } @media only screen and (min-width: 992px) {  .boost-sd__collection-header,  .boost-sd__collection-header .boost-sd__placeholder-item {   height: 150px;  } } @keyframes banner-place-holder-shimmer {  0% {   background-position: -1500px 0;  }  100% {   background-position: 1500px 0;  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__filter-tree-vertical {  margin-top: 0;  margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder {  background: transparent;  width: 100%;  max-width: 100%;  display: none; } .boost-sd__filter-tree-vertical-placeholder-list {  margin: 30px 10px 0;  padding: 0;  list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item {  max-width: 100%;  padding: 20px 0;  display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child {  padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) {  border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder {  display: none; } @media only screen and (min-width: 992px) {  .boost-sd__filter-tree-vertical {   width: 272px;  }  .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical {   margin-right: 16px;   margin-left: 0;  }  .boost-sd__filter-tree-vertical-placeholder,  .boost-sd__filter-tree-horizontal-placeholder {   display: inline-block;  }  .boost-sd-layout--has-filter-horizontal {   flex-wrap: wrap;   margin-top: 0;  }  .boost-sd-layout--has-filter-horizontal .boost-sd-left,  .boost-sd-layout--has-filter-horizontal .boost-sd-right {   flex: 0 0 100%;  }  .boost-sd__filter-tree-horizontal {   width: 100%;  }  .boost-sd__filter-tree-horizontal-placeholder {   padding: 16px 0;   border-top: 1px solid #ebebeb;   width: 100%;   max-width: 100%;   background: transparent;  }  .boost-sd__filter-tree-horizontal-placeholder-list {   margin: 0;   padding: 0;   list-style: none;   border-bottom: 1px solid #e8e9eb;  }  .boost-sd__filter-tree-horizontal-placeholder-item {   border: none;   display: inline-block;   margin-right: 35px;   position: relative;  }  .boost-sd__filter-tree-horizontal-placeholder-button {   width: auto;   height: auto;   display: inline-block;   position: relative;   padding: 5px 15px 5px 0;   margin: 0;   min-height: auto;   min-width: 0;   border-radius: 0;   box-shadow: none;   background: none;   border: none;   letter-spacing: normal;   text-align: left;   cursor: pointer;  }  .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item {   width: 80px;   height: 10px;   display: inline-block;   margin: 0 15px 0 0;  }  .boost-sd__filter-tree-horizontal-placeholder-icon {   transform: rotate(-90deg);  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__toolbar-container {  width: 100%;  margin-bottom: 16px; } .boost-sd__toolbar-inner {  max-width: 1216px;  margin: 0 auto; } .boost-sd__toolbar-content {  border-bottom: 1px solid #ebebeb;  border-top: 1px solid #ebebeb;  padding: 16px 0; } .boost-sd__toolbar {  align-items: center;  width: 100%;  display: flex;  flex-wrap: wrap;  column-gap: 16px;  justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item {  flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child {  flex-basis: 100%;  margin-bottom: 16px; } @media only screen and (min-width: 992px) {  .boost-sd__toolbar-content {   display: flex;   align-items: center;   border-bottom: none;   padding: 16px 0 16px;   border-top: 1px solid #ebebeb;   border-bottom: 0;  }  .boost-sd__toolbar {   flex-wrap: inherit;  }  .boost-sd__toolbar .boost-sd__placeholder-item {   flex-basis: auto;  }  .boost-sd__toolbar .boost-sd__placeholder-item:first-child {   flex-basis: auto;   margin-bottom: 0;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item {   flex: 1;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) {   justify-content: center;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) {   justify-content: end;  } } .boost-sd__product-list-placeholder {  gap: 16px;  margin-bottom: 32px;  flex-wrap: wrap;  width: 100%;  display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item {  width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {  width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {  height: 222px; } .boost-sd__placeholder-list-item {  background: rgba(0, 0, 0, 0.07);  min-width: 50px;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item {  flex-direction: row;  display: flex;  width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group {  width: 100%;  padding-left: 16px;  display: flex;  flex-direction: column;  align-items: baseline;  gap: 16px;  text-align: left;  justify-content: center; } .boost-sd__placeholder-list-view-layout-image {  flex: 160px;  width: auto;  max-width: 160px;  height: 160px; } .boost-sd__pagination {  padding-top: 10px;  padding-bottom: 10px;  justify-content: center;  align-items: center;  display: flex; } @media only screen and (min-width: 576px) {  .boost-sd__product-list-placeholder {   gap: 32px;   margin-bottom: 64px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  } } @media only screen and (min-width: 992px) {  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) {   margin-bottom: 8px;  }  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child {   margin-bottom: 16px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 382px;  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 275px;  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 215px;  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 175px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item {   width: calc(25% - (32px - 32px / 4));  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item {   width: calc(20% - (32px - 32px / 5));  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(16.6666667% - (32px - 32px / 6));  } } .boost-sd-container * {  box-sizing: border-box; } .boost-sd__placeholder-item {  background: rgba(0, 0, 0, 0.07);  border-radius: 50rem;  min-width: 50px;  max-width: 100%;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__placeholder-item:empty {  display: block; } .boost-sd__placeholder-item:not(:last-child) {  margin-bottom: 18px; } .boost-sd-layout {  margin: 20px auto 0; } .boost-sd-left {  position: relative; } .boost-sd-layout .boost-sd-right {  width: 100%;  margin-bottom: 20px; } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } } @media only screen and (min-width: 992px) {  .boost-sd-layout {   display: flex;   max-width: 1216px;  }  .boost-sd-layout .boost-sd-right {   flex: auto;   max-width: 100%;  } }</style>`;
        
      
      
      
        
    ;template["preOrder"]=`<div class="boost-sd__product-form"><div class="boost-sd__product-form-quantity">  <p id="quantity-title" class="boost-sd__product-form-quantity-title">   {{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}  </p>  <div role="group" aria-labelledby="quantity-title" class="boost-sd__input-number boost-sd__input-number--md">   <div class="boost-sd__input-number-btn-wrapper">    <button type="button" aria-label="Decrease quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn">     <span aria-hidden="true">-</span>    </button>   </div>   <input id="item-quantity" type="number" aria-labelledby="quantity-title" aria-describedby="quantity-error" class="boost-sd__input-number-input" value="1" min="1" />   <div class="boost-sd__input-number-btn-wrapper">    <button type="button" aria-label="Increase quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn">     <span aria-hidden="true">+</span>    </button>   </div>  </div>  <div aria-live="assertive" id="quantity-error" class="boost-sd__product-form-quantity-error">   {{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}  </div></div><div class="boost-sd__preorder-options">      {% if product.variants %}  {% assign variants = product.variants %}  {% else %}  {% assign variants = variants %}  {% endif %}  {% for variant in variants %}  {% if variant.preorder and variant.inventory_management != null %}  {% assign paymentType = variant.preorder.payment.type %}  {% assign discountType = variant.preorder.payment.discountType %}  {% assign discountValue = variant.preorder.payment.discountValue %}  {% assign originalPrice = variant.price %}  {% assign paymentLabel = '' %}  {% if paymentType == 'full' %}  {% assign paymentLabel = 'Full payment' %}  {% endif %}  {% if paymentType == 'partial' %}  {% assign paymentLabel = 'Partial payment' %}  {% endif %}  {% if paymentType == 'none' %}  {% assign paymentLabel = 'No payment' %}  {% endif %}  {% capture showCurrencyCodes %}false{% endcapture %}  {% assign moneyFormat = request.money_format | strip_html -%}  {% if showCurrencyCodes == 'true' %}  {% assign moneyFormat = request.money_format_with_currency | strip_html -%}  {% endif %}  {% assign moneyRate = request.currency_rate | strip_html -%}  {% if discountType == 'percentage' %}  {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %}  {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %}  {% elsif discountType == 'amount' %}  {% assign discountValue = discountValue | times: moneyRate %}  {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %}  {% else %}  {% assign discountedPrice = originalPrice %}  {% endif %}  {% assign removePriceDecimal = false -%}  {% assign showCentAsSuperscript = false -%}  {% assign decimalDelimiter = '' -%}  {% assign withoutTrailingZeros = true -%}  {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}  {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}  {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %}  <div tabindex="0" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description" class="boost-sd__preorder" data-variant-id="{{ variant.id }}">   <div class="boost-sd__preorder-option">    <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2>    <div aria-live="polite" id="preorder-description" class="boost-sd__preorder-discount">     {% if discountType == 'percentage' %}     <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span>     {% elsif discountType == 'amount' %}     <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span>     {% endif %}     <div class="boost-sd__preorder-price">      {% if discountType != 'none' %}      <span aria-label="Original Price: {{ originalPriceFormat }}" class="boost-sd__preorder-original-price">{{ originalPriceFormat }}</span>      {% endif %}      <span aria-label="Discounted Price: {{ discountedPriceFormat }}" class="boost-sd__preorder-discounted-price">{{ discountedPriceFormat }}</span>     </div>    </div>   </div>  </div>  {% endif %}  {% endfor %}  {% assign buttonLabel = 'Pre-Order' %}  {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %}  {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %}  {% if preOrderButtonText and preOrderButtonText != '' %}  {% assign buttonLabel = preOrderButtonText %}  {% endif %}  <button type="button" aria-label='{{ buttonLabel }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder">   <span aria-hidden="true" class="boost-sd__button-text">    {{ buttonLabel }}   </span>  </button>  <p tabindex="0" class="boost-sd__preorder-note">   <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span>  </p></div><div class="boost-sd__purchase-options">  <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--purchase">   <span class="boost-sd__button-text">    {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}   </span>  </button>  <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now">   <span class="boost-sd__button-text">{{ "quickView.buyItNowBtnLabel" | translate: translations, 'Buy it now' }}</span>  </button></div></div>`;
        
      
      
      
        
    ;template["preOrderPlaceholder"]=`<div class="boost-sd__preorder-placeholder"><div class="boost-sd__preorder-placeholder-quantity-label">  <div class="boost-sd__placeholder-item" style="width: 65px; height: 20px;"></div></div><div class="boost-sd__preorder-placeholder-product-quantity">  <div class="boost-sd__placeholder-item" style="width: 160px; height: 38px;"></div></div><div class="boost-sd__preorder-placeholder-add-to-cart">  <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div></div><div class="boost-sd__preorder-placeholder-buy-it-now">  <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div></div></div>`;
        
      
      
      
        
    ;template["backInStock"]=`<div role="dialog" aria-hidden="true" aria-labelledby="boost-sd__bis-popup-title" aria-describedby="boost-sd__bis-popup-description" id="boost-sd__bis-notify-popup" class="boost-sd__bis-notify-popup"><div class="boost-sd__bis-popup-backdrop"></div><div class="boost-sd__bis-popup-container">  <div class="boost-sd__bis-popup-heading">      <button aria-label="Close popup" id="boost-sd__bis-close-popup" class="boost-sd__bis-close-button">    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label='{{ "close" | translate: translations, "Close" }}'>     <path d="M9.41385 8L15.7069 1.707C15.8944 1.51949 15.9997 1.26518 15.9997 1C15.9997 0.734825 15.8944 0.48051 15.7069 0.293002C15.5193 0.105494 15.265 0.000152588 14.9998 0.000152588C14.7347 0.000152588 14.4804 0.105494 14.2928 0.293002L7.99985 6.586L1.70685 0.293002C1.614 0.200157 1.50378 0.126509 1.38247 0.0762618C1.26117 0.0260146 1.13115 0.000152588 0.999849 0.000152588C0.868547 0.000152588 0.738531 0.0260146 0.617224 0.0762618C0.495916 0.126509 0.385694 0.200157 0.292849 0.293002C0.105341 0.48051 0 0.734825 0 1C0 1.26518 0.105341 1.51949 0.292849 1.707L6.58585 8L0.292849 14.293C0.105341 14.4805 0 14.7348 0 15C0 15.2652 0.105341 15.5195 0.292849 15.707C0.480357 15.8945 0.734673 15.9999 0.999849 15.9999C1.26503 15.9999 1.51934 15.8945 1.70685 15.707L7.99985 9.414L14.2928 15.707C14.3855 15.8002 14.4957 15.8741 14.617 15.9246C14.7383 15.9751 14.8684 16.001 14.9998 16.001C15.1313 16.001 15.2614 15.9751 15.3827 15.9246C15.504 15.8741 15.6142 15.8002 15.7069 15.707C15.7998 15.6142 15.8735 15.504 15.9238 15.3827C15.9742 15.2614 16 15.1313 16 15C16 14.8687 15.9742 14.7386 15.9238 14.6173C15.8735 14.496 15.7998 14.3858 15.7069 14.293L9.41385 8Z" fill="#5C5F62" />    </svg>   </button>      <p id="boost-sd__bis-popup-title" class="boost-sd__bis-popup-title">Notify me</p>  </div>  <div class="boost-sd__bis-popup-content">      <p id="boost-sd__bis-popup-description" class="boost-sd__bis-popup-description">    Get a notification as soon as this product is back in stock by signing up below!   </p>      {% if filteredVariants.size > 0 and filteredVariants[0].title != 'Default Title' %}   <label for="boost-sd__bis-dropdown-variant" class="boost-sd__bis-dropdown-label">Select variant</label>   <div aria-label="Select an option" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-controls="boost-sd__bis-dropdown-list" aria-activedescendant="" data-id="boost-sd__bis-dropdown-variant" id="boost-sd__bis-dropdown-variant" class="boost-sd__bis-dropdown-variant">    <div role="button" aria-labelledby="boost-sd__bis-dropdown-selected-option" aria-label="Press to toggle dropdown" tabindex="0" id="boost-sd__bis-dropdown-selected-option" class="boost-sd__bis-dropdown-selected-option">     <span aria-label="Current option: {{ filteredVariants[0].title | escape }}" class="boost-sd__bis-dropdown-option-text" title="{{ filteredVariants[0].title | escape }}">      {{ filteredVariants[0].title | escape }}     </span>     <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z" fill="#222222"></path>     </svg>    </div>    <ul role="listbox" aria-labelledby="boost-sd__bis-dropdown-selected-option" data-id="boost-sd__bis-dropdown-list" tabindex="-1" id="boost-sd__bis-dropdown-list" class="boost-sd__bis-dropdown-option-list">     {% for variant in filteredVariants %}     <li role="option" tabindex="-1" aria-selected="false" data-id="boost-sd__bis-dropdown-option-item-{{ forloop.index }}" id="boost-sd__bis-dropdown-option-item-{{ forloop.index }}" class="boost-sd__bis-dropdown-option-item" data-variant-id="{{ variant.id }}">      {{ variant.title | escape }}     </li>     {% endfor %}    </ul>   </div>   {% endif %}      <label for="boost-sd__bis-email-input" class="boost-sd__bis-email-label">Email address</label>   <input type="email" aria-describedby="boost-sd__bis-email-error" id="boost-sd__bis-email-input" class="boost-sd__bis-email-input" placeholder="Enter your email" />   <span aria-live="polite" id="boost-sd__bis-email-error" class="boost-sd__bis-email-error">Please input a valid email address</span>      <label for="boost-sd__bis-phone-input" class="boost-sd__bis-phone-label">SMS</label>   <div class="boost-sd__bis-phone-container">    <button type="button" aria-haspopup="listbox" class="boost-sd__bis-phone-button">     <img id="boost-sd__bis-phone-selected-flag" class="boost-sd__bis-phone-selected-flag" src="{{ 'https://flagcdn.com/ca.svg' | asset_url }}" alt="Canada">     <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M7.09832 3.98e-07L0.901685 -1.43e-07C0.15069 -2.09e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63e-07 7.09832 3.98e-07Z" fill="#222222" />     </svg>    </button>    <input type="tel" aria-describedby="boost-sd__bis-phone-error" id="boost-sd__bis-phone-input" class="boost-sd__bis-phone-input" placeholder="(+1) XXX-XXXX" data-country-code="+1" data-country-format="(XXX) XXX-XXXX">   </div>   <div aria-expanded="false" class="boost-sd__bis-phone-dropdown" id="boost-sd__bis-phone-dropdown">    <input type="text" id="boost-sd__bis-search-country" class="boost-sd__bis-search-country" placeholder="Search country...">    <div id="boost-sd__bis-country-options" class="boost-sd__bis-country-options"></div>   </div>   <span aria-live="polite" id="boost-sd__bis-phone-error" class="boost-sd__bis-phone-error">Please input a valid phone number</span>      <button aria-disabled="true" id="boost-sd__bis-submit-button" class="boost-sd__bis-submit-button" disabled>    Notify me when available   </button>  </div></div></div><div aria-hidden="true" aria-live="polite" id="boost-sd__bis-success-banner" class="boost-sd__bis-success-banner"><svg id="boost-sd__bis-success-banner-icon" class="boost-sd__bis-success-banner-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0C4.486 0 0 4.486 0 10ZM15.2071 8.20711C15.5976 7.81658 15.5976 7.18342 15.2071 6.79289C14.8166 6.40237 14.1834 6.40237 13.7929 6.79289L9 11.5858L6.70711 9.29289C6.31658 8.90237 5.68342 8.90237 5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L15.2071 8.20711Z" fill="white" /></svg><span id="boost-sd__bis-success-banner-text" class="boost-sd__bis-success-banner-text">We will notify you when the item is available</span></div>`;
        
      
      
      
        
    ;template["countdownTimer"]=`<div class="boost-sd__countdown-timer" data-campaign-id="{{ campaignId }}" {% if cta.type == 'entire' and cta.link %} data-timer-cta-link="{{ cta.link | escape }}" role="link" tabindex="0" aria-label="{{ header | strip_html | escape }}" style="cursor: pointer;" {% endif %}><div class="boost-sd__countdown-timer-content">  {% if header != blank %}  <div class="boost-sd__countdown-timer-header">   {{ header | strip_html | escape }}  </div>  {% endif %}  {% if upsellTitle != blank %}  <div class="boost-sd__countdown-timer-upsell">   {{ upsellTitle | strip_html | escape }}  </div>  {% endif %} </div><div class="boost-sd__countdown-timer-digits" role="timer" aria-live="off" aria-atomic="true" aria-label="Countdown timer">  <div class="boost-sd__countdown-timer-unit {% if hideDays %}boost-sd__countdown-timer-unit--hidden{% endif %}" data-timer-unit-days>   <span class="boost-sd__countdown-timer-value" data-timer-days>{{ days }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.days }}</span>  </div>  <span class="boost-sd__countdown-timer-separator {% if hideDays %}boost-sd__countdown-timer-separator--hidden{% endif %}" data-timer-separator-days aria-hidden="true">:</span>  <div class="boost-sd__countdown-timer-unit">   <span class="boost-sd__countdown-timer-value" data-timer-hours>{{ hours }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.hours | escape }}</span>  </div>  <span class="boost-sd__countdown-timer-separator" aria-hidden="true">:</span>  <div class="boost-sd__countdown-timer-unit">   <span class="boost-sd__countdown-timer-value" data-timer-minutes>{{ minutes }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.minutes | escape }}</span>  </div>  <span class="boost-sd__countdown-timer-separator" aria-hidden="true">:</span>  <div class="boost-sd__countdown-timer-unit">   <span class="boost-sd__countdown-timer-value" data-timer-seconds>{{ seconds }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.seconds | escape }}</span>  </div></div> {% if cta.type == 'button' and cta.link %} <div class="boost-sd__countdown-timer-cta">  <a href="{{ cta.link | escape }}" class="boost-sd__button boost-sd__countdown-timer-button">   {{ cta.buttonText | escape }}  </a></div> {% endif %}</div>`;
        
      
      
      
        
    ;template["countdownTimerPlaceholder"]=`<div class="boost-sd__countdown-timer-pl"><div class="boost-sd__countdown-timer-pl-title skeleton"> </div><div class="boost-sd__countdown-timer-pl-subtitle skeleton"> </div><div class="boost-sd__countdown-timer-pl-digits">  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div>  <div class="boost-sd__countdown-timer-pl-separator">:</div>  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div>  <div class="boost-sd__countdown-timer-pl-separator">:</div>  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div>  <div class="boost-sd__countdown-timer-pl-separator">:</div>  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div></div><div class="boost-sd__countdown-timer-pl-button skeleton"> </div></div><style> .boost-sd__countdown-timer-pl {  width: 100%;  max-width: 920px;  margin: 0 auto;  background: #f8f8f8;  border: 1px solid #dedede;  border-radius: 20px;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);  padding: 24px 24px 20px;  text-align: center; } .boost-sd__countdown-timer-pl .skeleton {  position: relative;  overflow: hidden;  background: #dcdcdc; } .boost-sd__countdown-timer-pl .skeleton::after {  content: "";  position: absolute;  inset: 0;  transform: translateX(-100%);  background: linear-gradient(90deg,    rgba(255, 255, 255, 0) 0%,    rgba(255, 255, 255, 0.65) 50%,    rgba(255, 255, 255, 0) 100%);  animation: boost-sd-countdown-shimmer 1.4s infinite; } .boost-sd__countdown-timer-pl-title {  width: 220px;  height: 28px;  border-radius: 8px;  margin: 0 auto 8px; } .boost-sd__countdown-timer-pl-subtitle {  width: 150px;  height: 20px;  border-radius: 8px;  margin: 0 auto 20px; } .boost-sd__countdown-timer-pl-digits {  display: flex;  align-items: center;  justify-content: center;  gap: 4px; } .boost-sd__countdown-timer-pl-box {  flex: 1 1 0;  min-width: 60px;  max-width: 130px;  aspect-ratio: 11 / 9;  background: linear-gradient(180deg, #e8e8e8 0%, #ffffff 100%);  border-radius: 20px;  border: 1px solid #ececec;  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  gap: 12px;  padding: 15px 0; } .boost-sd__countdown-timer-pl-separator {  font-weight: 400;  font-size: 20px;  line-height: 1;  color: #2a2a2a;  transform: translateY(-8px); } .boost-sd__countdown-timer-pl-number {  width: 50px;  height: 32px;  border-radius: 8px; } .boost-sd__countdown-timer-pl-label {  width: 40px;  height: 14px;  border-radius: 6px; } .boost-sd__countdown-timer-pl-button {  width: 100%;  height: 40px;  border-radius: 8px;  margin: 16px auto 0; } @keyframes boost-sd-countdown-shimmer {  100% {   transform: translateX(100%);  } } @media (max-width: 768px) {  .boost-sd__countdown-timer-pl {   padding: 16px 10px;  }  .boost-sd__countdown-timer-pl-subtitle {   margin: 0 auto 10px;  }  .boost-sd__countdown-timer-pl-separator {   transform: translateY(-10px);  } } @media (max-width: 520px) {  .boost-sd__countdown-timer-pl-separator {   display: none;  }  .boost-sd__countdown-timer-pl-title {   width: 180px;   height: 24px;  }  .boost-sd__countdown-timer-pl-subtitle {   width: 120px;   height: 16px;  } }</style>`;
        
      
    ;return{templateUrl:"https://services.mybcapps.com/bc-sf-filter/ssr-template",templateId,templateMetadata,template,templateSettings}}};TemplateManagement.moduleName="TemplateManagement";var TierDiscountBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const tierDiscountBundleDom=document.querySelector(".boost-sd__widget-tier-discount-bundle");if(!tierDiscountBundleDom){return}this.block={id:tierDiscountBundleDom.id||"bc-tier-discount-bundle",document:tierDiscountBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,tierDiscountBundleDom,"tierDiscountBundle");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};TierDiscountBundle.moduleName="TierDiscountBundle";var VolumeBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const volumeBundleDom=document.querySelector(".boost-sd__widget-volume-bundle");if(!volumeBundleDom){return}this.block={id:volumeBundleDom.id||"bc-volume-bundle",document:volumeBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,volumeBundleDom,"volumeBundle");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};VolumeBundle.moduleName="VolumeBundle";var application=new Application().loadModule(AppSettings).loadModule(ShopifyDataObject).loadModule(ShopifyMetafield).loadModule(TemplateManagement).loadModule(CollectionFilter).loadModule(AdditionalElement).loadModule(Search).loadModule(Recommendation).loadModule(Cart).loadModule(Analytics).loadModule(B2B).loadModule(BackInStock).loadModule(VolumeBundle).loadModule(TierDiscountBundle).loadModule(PredictiveBundle).loadModule(PreOrder).loadModule(CountdownTimer).loadModule(SimplifiedIntegration).loadModule(SEOEnhancement).loadModule(Fallback).loadModule(AssetFilesLoader).loadModule(BackwardCompatibilityV1);application.start();function getBoostTAE(){return application}})();</script><style>.boost-sd__filter-product-list img[loading=lazy]{display:none}</style><script type="text/javascript">(function a(){!window.boostWidgetIntegration&&(window.boostWidgetIntegration={});const b=window.boostWidgetIntegration;!b.taeSettings&&(b.taeSettings={});const c=b.taeSettings;c.instantSearch={enabled:!0}})()</script>
<link rel="preconnect" href="https://cdn.ecomposer.app" crossorigin>
<link rel="dns-prefetch" href="https://cdn.ecomposer.app">

<style class="ecom-theme-helper">.ecom-animation{opacity:0}.ecom-animation.animate,.ecom-animation.ecom-animated{opacity:1}.ecom-cart-popup{display:grid;position:fixed;inset:0;z-index:9999999;align-content:center;padding:5px;justify-content:center;align-items:center;justify-items:center}.ecom-cart-popup::before{content:' ';position:absolute;background:#e5e5e5b3;inset:0}.ecom-ajax-loading{cursor:not-allowed;pointer-events:none;opacity:.6}#ecom-toast{visibility:hidden;max-width:50px;height:60px;margin:auto;background-color:#333;color:#fff;text-align:center;border-radius:2px;position:fixed;z-index:1;left:0;right:0;bottom:30px;font-size:17px;display:grid;grid-template-columns:50px auto;align-items:center;justify-content:start;align-content:center;justify-items:start}#ecom-toast.ecom-toast-show{visibility:visible;animation:ecomFadein .5s,ecomExpand .5s .5s,ecomStay 3s 1s,ecomShrink .5s 4s,ecomFadeout .5s 4.5s}#ecom-toast #ecom-toast-icon{width:50px;height:100%;box-sizing:border-box;background-color:#111;color:#fff;padding:5px}#ecom-toast .ecom-toast-icon-svg{width:100%;height:100%;position:relative;vertical-align:middle;margin:auto;text-align:center}#ecom-toast #ecom-toast-desc{color:#fff;padding:16px;overflow:hidden;white-space:nowrap}@media(max-width:768px){#ecom-toast #ecom-toast-desc{white-space:normal;min-width:250px}#ecom-toast{height:auto;min-height:60px}}.ecom__column-full-height{height:100%}@keyframes ecomFadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes ecomExpand{from{min-width:50px}to{min-width:var(--ecom-max-width)}}@keyframes ecomStay{from{min-width:var(--ecom-max-width)}to{min-width:var(--ecom-max-width)}}@keyframes ecomShrink{from{min-width:var(--ecom-max-width)}to{min-width:50px}}@keyframes ecomFadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}</style>

<script id="ecom-theme-helpers" async>
window.EComposer=window.EComposer||{};(function(){if(!this.configs)this.configs={};this.configs.ajax_cart={enable:false};this.customer=false;this.initQuickview=function(){};
this.proxy_path='/apps/ecomposer-visual-page-builder';
this.popupScriptUrl='https://cdn.shopify.com/extensions/019e49c0-6fdb-7540-8ce4-51e97c4086be/ecomposer-127/assets/ecom_popup.js';
this.routes={domain:'https://ewartwoods.com',root_url:'/fr',collections_url:'/fr/collections',all_products_collection_url:'/fr/collections/all',cart_url:'/fr/cart',cart_add_url:'/fr/cart/add',cart_change_url:'/fr/cart/change',cart_clear_url:'/fr/cart/clear',cart_update_url:'/fr/cart/update',product_recommendations_url:'/fr/recommendations/products'};
this.queryParams={};
if(window.location.search.length){new URLSearchParams(window.location.search).forEach((value,key)=>{this.queryParams[key]=value})}
this.money_format="\u003cspan class=money\u003e${{amount}}\u003c\/span\u003e";
this.money_with_currency_format="\u003cspan class=money\u003e${{amount}} USD\u003c\/span\u003e";
this.currencyCodeEnabled=null;this.abTestingData = [];this.formatMoney=function(t,e){const r=this.currencyCodeEnabled?this.money_with_currency_format:this.money_format;function a(t,e){return void 0===t?e:t}function o(t,e,r,o){if(e=a(e,2),r=a(r,","),o=a(o,"."),isNaN(t)||null==t)return 0;var n=(t=(t/100).toFixed(e)).split(".");return n[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+r)+(n[1]?o+n[1]:"")}"string"==typeof t&&(t=t.replace(".",""));var n="",i=/\{\{\s*(\w+)\s*\}\}/,s=e||r;switch(s.match(i)[1]){case"amount":n=o(t,2);break;case"amount_no_decimals":n=o(t,0);break;case"amount_with_comma_separator":n=o(t,2,".",",");break;case"amount_with_space_separator":n=o(t,2," ",",");break;case"amount_with_period_and_space_separator":n=o(t,2," ",".");break;case"amount_no_decimals_with_comma_separator":n=o(t,0,".",",");break;case"amount_no_decimals_with_space_separator":n=o(t,0," ");break;case"amount_with_apostrophe_separator":n=o(t,2,"'",".")}return s.replace(i,n)};
this.resizeImage=function(t,e){try{if(!e||"original"==e||"full"==e||"master"==e)return t;if(-1!==t.indexOf("cdn.shopify.com")||-1!==t.indexOf("/cdn/shop/")){var r=t.match(/\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif|webp)((\#[0-9a-z\-]+)?(\?v=.*)?)?$/gim);if(null==r)return null;var a=t.split(r[0]),o=r[0];return a[0]+"_"+e+o}}catch(r){return t}return t};
this.getProduct=function(t){if(!t)return!1;let e=("/"===this.routes.root_url?"":this.routes.root_url)+"/products/"+t+".js?shop="+Shopify.shop;return window.ECOM_LIVE&&(e="/shop/builder/ajax/ecom-proxy/products/"+t+"?shop="+Shopify.shop),window.fetch(e,{headers:{"Content-Type":"application/json"}}).then(t=>t.ok?t.json():false)};
const u=new URLSearchParams(window.location.search);if(u.has("ecom-redirect")){const r=u.get("ecom-redirect");if(r){let d;try{d=decodeURIComponent(r)}catch{return}d=d.trim().replace(/[\r\n\t]/g,"");if(d.length>2e3)return;const p=["javascript:","data:","vbscript:","file:","ftp:","mailto:","tel:","sms:","chrome:","chrome-extension:","moz-extension:","ms-browser-extension:"],l=d.toLowerCase();for(const o of p)if(l.includes(o))return;const x=[/<script/i,/<\/script/i,/javascript:/i,/vbscript:/i,/onload=/i,/onerror=/i,/onclick=/i,/onmouseover=/i,/onfocus=/i,/onblur=/i,/onsubmit=/i,/onchange=/i,/alert\s*\(/i,/confirm\s*\(/i,/prompt\s*\(/i,/document\./i,/window\./i,/eval\s*\(/i];for(const t of x)if(t.test(d))return;if(d.startsWith("/")&&!d.startsWith("//")){if(!/^[a-zA-Z0-9\-._~:/?#[\]@!$&'()*+,;=%]+$/.test(d))return;if(d.includes("../")||d.includes("./"))return;window.location.href=d;return}if(!d.includes("://")&&!d.startsWith("//")){if(!/^[a-zA-Z0-9\-._~:/?#[\]@!$&'()*+,;=%]+$/.test(d))return;if(d.includes("../")||d.includes("./"))return;window.location.href="/"+d;return}let n;try{n=new URL(d)}catch{return}if(!["http:","https:"].includes(n.protocol))return;if(n.port&&(parseInt(n.port)<1||parseInt(n.port)>65535))return;const a=[window.location.hostname];if(a.includes(n.hostname)&&(n.href===d||n.toString()===d))window.location.href=d}}
}).bind(window.EComposer)();
if(window.Shopify&&window.Shopify.designMode&&window.top&&window.top.opener){window.addEventListener("load",function(){window.top.opener.postMessage({action:"ecomposer:loaded"},"*")})}
</script>
<script type="text/template" id="ecom-template-html"><div id="ecom-toast"><div id="ecom-toast-icon"><svg xmlns="http://www.w3.org/2000/svg" class="ecom-toast-icon-svg ecom-toast-icon-info" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
<svg class="ecom-toast-icon-svg ecom-toast-icon-success" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z"/></svg>
</div><div id="ecom-toast-desc"></div></div></script>

var MetafieldReviews = null
        var MetafieldYotpoRating = null
        var MetafieldYotpoCount = null
        var MetafieldLooxRating = null
        var MetafieldLooxCount = null
        var okendoProduct = null
        var okendoProductReviewCount = null
        var okendoProductReviewAverageValue = null
        try {
          // The following fields are used for Customer Hub recently viewed in order to add reviews.
          // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items
          MetafieldReviews = {};
          MetafieldYotpoRating = null
          MetafieldYotpoCount = null
          MetafieldLooxRating = null
          MetafieldLooxCount = null

okendoProduct = null
          // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data
          if (okendoProduct && 'error' in okendoProduct) {
            okendoProduct = null
          }
          okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null
          okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null
        } catch (error) {
          console.error('Error in Klaviyo onsite reviews tracking:', error);
        }

</style>

<script>
  (function() {
    var jdgmThemeFixes = {"190882971979":{"html":"","css":"#judgeme_product_reviews{\n    width: 95% !important;\n    margin: 0 auto !important;\n}\n\n@media screen and (max-width: 760px) {\n  #judgeme_product_reviews{\n    width: 80% !important;\n    margin: 0 auto !important;\n}\n}","js":""}};
    if (!jdgmThemeFixes) return;
    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
    if (!thisThemeFix) return;

if (thisThemeFix.html) {
      document.addEventListener("DOMContentLoaded", function() {
        var htmlDiv = document.createElement('div');
        htmlDiv.classList.add('jdgm-theme-fix-html');
        htmlDiv.innerHTML = thisThemeFix.html;
        document.body.append(htmlDiv);
      });
    };

if (thisThemeFix.css) {
      var styleTag = document.createElement('style');
      styleTag.classList.add('jdgm-theme-fix-style');
      styleTag.innerHTML = thisThemeFix.css;
      document.head.append(styleTag);
    };

if (thisThemeFix.js) {
      var scriptTag = document.createElement('script');
      scriptTag.classList.add('jdgm-theme-fix-script');
      scriptTag.innerHTML = thisThemeFix.js;
      document.head.append(scriptTag);
    };
  })();
</script>

<script src="https://cdn.shopify.com/extensions/019e49c0-6fdb-7540-8ce4-51e97c4086be/ecomposer-127/assets/ecom.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019e5099-1de6-7336-964a-9101e667bb29/judgeme-535/assets/loader.js" type="text/javascript" defer="defer"></script>
</head>

Instructions spéciales pour la commande

Sous-total

$0.00

Les codes promo, les frais d'envoi et les taxes seront ajoutés à la caisse.

Je suis d'accord avec les termes et conditions

Votre panier est vide.

SYROS Collection • 10% OFF with code SYROS10 • Until May 29

Set of three black metal wall hooks with circular design, each holding accessories like ropes and bags, adding a minimalist industrial touch to the wall.

Set of three industrial-style black metal wall hooks with round bases, designed to hold ropes, bags, and accessories, showcasing a sleek and modern look.

Five black metal hooks with textured finishes, featuring round backplates and rings, arranged on a wall in a minimalist, industrial style.

Black metal wall hooks with round bases, designed to hold ropes, bags, and accessories, showcasing a sleek and modern look.

Five black metal hooks with a brushed texture and circular backplates, providing a modern, industrial aesthetic for hanging items.

Industrial-style black metal hooks with a matte finish and round backplates, perfect for hanging accessories like ropes and coats.

Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains

Name: Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains
Brand: EWART WOODS Design
SKU: 41_HANG__
Price: 22.0 USD
Availability: InStock

$22.00

Returns accepted under 14 days

Only available online

Delivery estimated within 21/11 and 23/11

Taxes incluses. Frais d'expédition calculés lors du passage à la caisse.

Pièces

100

Quantité

Buy on Amazon

Buy on Etsy

[{"id":39418759184418,"title":"5","option1":"5","option2":null,"option3":null,"sku":"41_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 5","public_title":"5","options":["5"],"price":2200,"weight":500,"compare_at_price":2200,"inventory_management":"shopify","barcode":"4752217019240","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759217186,"title":"10","option1":"10","option2":null,"option3":null,"sku":"42_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 10","public_title":"10","options":["10"],"price":2799,"weight":500,"compare_at_price":3293,"inventory_management":"shopify","barcode":"4752217019257","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759249954,"title":"20","option1":"20","option2":null,"option3":null,"sku":"43_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 20","public_title":"20","options":["20"],"price":4084,"weight":500,"compare_at_price":4805,"inventory_management":"shopify","barcode":"4752217019301","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759282722,"title":"50","option1":"50","option2":null,"option3":null,"sku":"44_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 50","public_title":"50","options":["50"],"price":7113,"weight":500,"compare_at_price":8368,"inventory_management":"shopify","barcode":"4752217019318","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39418759315490,"title":"100","option1":"100","option2":null,"option3":null,"sku":"45_HANG__","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains - 100","public_title":"100","options":["100"],"price":12436,"weight":500,"compare_at_price":14631,"inventory_management":"shopify","barcode":"4752217019325","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]

Make Simple Beautiful banner for EWART WOODS

Donnez un nouveau look à votre intérieur avec ces crochets muraux modernes faits à la main.
Gardez vos serviettes bien en place grâce à un porte-serviettes mural en métal

Ces crochets sont un accessoire indispensable et peuvent aussi servir d’excellente déco murale pour un intérieur moderne.

C’est un bel accessoire pour toute salle de bain, bureau ou entrée moderne. Ils sont simples, pratiques et, en même temps, élégants. Ces crochets au style géométrique moderne peuvent être organisés et placés comme vous le souhaitez.

📏 Les crochets muraux sont disponibles en lots de 5,10,20,50,100.
📐La taille d’un crochet rond est de 4 cm (inch) de diamètre. Fabriqués en métal de 1mm (0.04 inch) d’épaisseur.

⚖️ 1 pcs pèse 32 g.

Les crochets sont idéaux pour suspendre des serviettes, des manteaux ou des sacs dans l’entrée, la salle de bain, la cuisine ou la chambre.
✅Il se fixe au mur avec des vis et des chevilles.

⚖️Fixé au mur, il peut supporter jusqu’à 5 KG ou plus.

❗❗❗Veuillez noter que chaque pièce est unique et que la couleur du métal lors du processus rustique variera légèrement. Il s’agit d’un processus naturel et non d’un défaut de fabrication.
Ce produit convient à un usage extérieur.

🌱 1 commande = 1 arbre planté
Pour chaque commande, nous plantons un arbre afin de soutenir la reforestation et de rendre à la planète ce qu’elle nous donne. Merci d’avoir choisi un design durable.

Gravez votre message : Notre service de gravure au laser vous permet d'ajouter une touche personnelle à votre article. Choisissez parmi une variété de polices pour les surfaces en métal et en bois. (Contactez-nous pour choisir les options.)

Ajustez votre taille : Besoin d'une taille différente ? Contactez-nous pour adapter votre produit à la taille parfaite.

Découvrez les possibilités : Ces options de personnalisation sont conçues pour être discrètes, mais elles améliorent considérablement votre produit. Ne passez pas à côté — rendez-le unique et à votre image !

Les délais de livraison STANDARD:

Europe: 1 à 2 semaines

Amérique du Nord: 1 à 2 semaines

Australie, Nouvelle-Zélande et Océanie 2-5 semaines

Asie-Pacifique: 3-6 semaines

Amérique latine et les Caraïbes 2-5 semaines

Veuillez ajouter votre numéro de téléphone à votre commande dans la section des notes pour une livraison plus pratique.

🚀POUR UNE LIVRAISON EXPRESS, VEUILLEZ AJOUTER VOTRE NUMÉRO DE TÉLÉPHONE, LES ENTREPRISES DE LIVRAISON EN ONT BESOIN POUR VOUS CONTACTER. 🚀

Le délai de livraison express est de 1 à 5 jours ouvrables, selon la région.

Si nous n'avons pas reçu votre numéro de téléphone dans les 3 jours suivant la commande, nous vous rembourserons les frais d'expédition et nous enverrons le colis par courrier standard.

Nous acceptons les retourssous 30 jours after delivery.

Si le produit arrive endommagé, incomplet ou non conforme, veuillez nous contacter et nous vous proposerons avec plaisir une solution dans cette situation !

Si le produit n'est pas endommagé et que tout est conforme, les frais de retour sont à la charge du client. Nous pouvons proposer notre service de livraison pour obtenir un meilleur tarif, uniquement en Europe.

Nos partenaires de livraison

POLITIQUE D'EXPÉDITION

POLITIQUE DE REMBOURSEMENT

Avis clients

Basé sur 2 avis Rédiger un avis

Vous aimerez peut-être aussi

Vu récemment

Retour à Crochets et supports

Rencontrez notre équipe

Every product is handmade by our passionate team

À propos de nous

50 000+ clients satisfaits

More than 100 000 happy customers all over the world

La revue

LIVRAISON STANDARD GRATUITE

We offer free standard delivery to every order worldwide with the best services

informations d'expédition

<div id="shopify-block-AWTZhbW00S0txY2tBM__15181020662106344915" class="shopify-block shopify-app-block"><div class='jdgm-popup-widget-wrapper' role='complementary'>
  <div class='jdgm-widget jdgm-popup-widget'> <style>
    .jdgm-popup-widget .jdgm-popup-widget__cards-container{top:unset;bottom:40px;left:0;right:unset}@media only screen and (max-width: 767px){.jdgm-popup-widget .jdgm-popup-widget__cards-container{left:24px;right:unset}}.jdgm-popup-widget .jdgm-popup-card{border-radius:8px;height:147px}.jdgm-popup-widget .jdgm-popup-card__close-btn{border-radius:8px}.jdgm-popup-widget .jdgm-popup-card__pic-wrapper{border-radius:8px 0 0 8px}.jdgm-popup-widget .jdgm-popup-card__rev-prod-wrapper{width:66%;max-width:238px}.jdgm-popup-widget .jdgm-popup-card__rev-content{-webkit-box-orient:vertical;-webkit-line-clamp:3}.jdgm-popup-widget .jdgm-popup-card__reviewer{display:none}

</style> <div class='jdgm-popup-widget__cards-container' data-position='bottom_left'> <div class='jdgm-popup-card' data-review-id='4d296696-2870-479f-9c7a-001bf0e1b176' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://judgeme.imgix.net/ewart-woods-design/1779262001__img_8294__original.jpeg?auto=format&w=240'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Davin Rockstad </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-title'> Great and sturdy mug stand </span>  <span class='jdgm-popup-card__rev-body'> <p>Great and well made mug stand. Shipping took forever but they were responsive and the stand is great .</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Mug holder stand </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='e7308471-7102-4b07-9e9a-d97c9b7a5b43' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://judgeme.imgix.net/ewart-woods-design/1772109049__1772109046394-susanvanunen__original.png?auto=format&w=240'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> susanvanunen </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>Great quality and material floating toilet roll holder and looks amazing in our powder room</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Toilet Paper Holder - SMILE </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='f29b73c5-0c65-4adc-b9b1-ca7afce8d6f6' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://cdn.shopify.com/s/files/1/0277/9253/9682/files/JPG_WEB_FULL_PRODUCT_20_240x240.jpg?v=1772099746'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Zarli </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>Really well built curved floating shelf, easy to install and looks great!</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Wooden floating wall hanging shelf wave </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='d3f3c76b-f329-4d7f-aa43-0e91d7a3c858' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://judgeme.imgix.net/ewart-woods-design/1772109081__1772109078214-franco__original.png?auto=format&w=240'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Franco </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>On time delivery, Excellent product, I would recommend it. I'll install it now, I don't think I'll have any problems. Thank you so much 👌👏. I'll send the photo after installation.</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Floating Shelf CurveLine </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='2ad8d313-9cb9-45e7-acd2-290bdfd2f0ca' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://cdn.shopify.com/s/files/1/0277/9253/9682/files/LISTING_TP_honeycomb_all_colors_1_240x240.png?v=1772117076'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Claire </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>Smart, unusual, and easy to assemble this floating honeycomb toilet roll holder</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Wooden toilet paper shelf HONEYCOMB </div> </div> </div> </div> </div> </div>
</div>

</div></body>

Langue

Devise

Crochets muraux en métal en forme de cercle, patères modernes pour la salle de bains

POLITIQUE D'EXPÉDITION

POLITIQUE DE REMBOURSEMENT

Avis clients

Customer Reviews

Inscrivez-vous et bénéficiez d'une REMISE de 10%

Add to Wishlist

Subscribe and get alert about your Wishlist

Are you sure you want to delete the wishlist?