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-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"listener":["modules/v2/loader.listener.de.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.de.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.de.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.de.esm.js"],"avatar":["modules/v2/loader.avatar.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.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":"86f1cf50-cc6d-4193-9976-5bca5971f257-1780528557","pageurl":"ewartwoods.fr\/de\/collections\/alle-produkte","u":"e4c607c99783","p":"collection","rtyp":"collection","rid":622275199307};</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:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(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.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//ewartwoods.fr/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.fr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.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 data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

<link href="https://cdn.shopify.com/extensions/019e8b30-0915-70ab-8460-8e07702d9f67/region-restrictions-338/assets/ip-blocker-embed.min.js" as="script" type="text/javascript" rel="preload">

</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 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><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.instant_search;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:"collection",custom_js_asset_url:"",custom_css_asset_url:"",collection_id: 622275199307,collection_handle:"alle-produkte",collection_product_count: 208,...
            {
              
                collection_count: 208,
              
              
            },collection_tags: null,current_tags: null,default_sort_by:"manual",swatch_extension:"png",no_image_url:"https://cdn.shopify.com/extensions/019e8231-3011-7933-89cb-f03f482f3ed3/product-filter-search-213/assets/boost-pfs-no-image.jpg",search_term:"",template:"collection",currencies:["AUD","CAD","CHF","EUR","GBP","NOK","USD"],current_currency:"EUR",published_locales:{...
                {"fr":false,"no":false,"es":false,"lv":false,"en":true,"de":false}
              },current_locale:"de"},
  {"addCollectionToProductUrl":false}
),translation:{},...
        {
          
          
          
            translation: {"refineDesktop":"Filter","refine":"Verfeinern mit","refineMobile":"Verfeinern mit","refineMobileCollapse":"Filter ausblenden","clear":"Entfernen","clearAll":"Alle entfernen","viewMore":"Mehr anzeigen","viewLess":"Weniger anzeigen","apply":"Übernehmen","applyAll":"Alle anwenden","close":"Schließen","back":"Zurück","showLimit":"Anzeigen","collectionAll":"Alle","under":"Unter","above":"Über","ratingStar":"Stern","ratingStars":"Sterne","ratingUp":"& höher","showResult":"Ergebnisse anzeigen","searchOptions":"Suchoptionen","inCollectionSearch":"Suche nach Produkten in dieser Kategorie","loadPreviousPage":"Vorherige Seite laden","loadMore":"Weitere Produkte {{ amountProduct }} laden","loadMoreTotal":"{{ from }} - {{ to }} von {{ total }} Produkten","viewAs":"Anzeigen als","listView":"Listenansicht","gridView":"Raster-Ansicht","gridViewColumns":"Raster-Ansicht {{ count }} Spalten","search":{"generalTitle":"Allgemeiner Titel (wenn ohne Suchbegriff)","resultHeader":"Suchergebnisse für \"{{ terms }}\"","resultNumber":"Es werden {{ count }}  Ergebnisse für  \"{{ terms }}\" angezeigt","seeAllProducts":"Alle Produkte anzeigen","resultEmpty":"Entschuldigung! Wir konnten für \"{{ terms }}\" keine Ergebnisse finden.\nAber geben Sie nicht auf - prüfen Sie bitte die Schreibweise oder versuchen Sie es mit weniger spezifischen Suchbegriffen.”","resultEmptyWithSuggestion":"Leider wurde für \"{{ terms }}\" nichts gefunden. Möchten Sie sich stattdessen diese Artikel ansehen?","searchTotalResult":"Zeigen {{ count }} Ergebnis","searchTotalResults":"{{ count }} Ergebnisse werden angezeigt","searchPanelProduct":"Produkte","searchPanelCollection":"Kategorien","searchPanelPage":"Blogs & Seiten","searchTipsTitle":"Tipps zur Suche","searchTipsContent":"Bitte überprüfen Sie Ihre Schreibweise.\nVerwenden Sie allgemeinere Suchbegriffe.\nGeben Sie weniger Schlüsselwörter ein.\nVersuchen Sie, nach Produkttyp, Marke, Modellnummer oder Produktmerkmalen zu suchen.","noSearchResultSearchTermLabel":"Sehen Sie sich einige dieser beliebten Suchen an","noSearchResultProductsLabel":"Produkte im Trend","searchBoxOnclickRecentSearchLabel":"Letzte Suchanfragen","searchBoxOnclickSearchTermLabel":"Beliebte Suchen","searchBoxOnclickProductsLabel":"Produkte im Trend"},"suggestion":{"viewAll":"Alle {{ count }} Produkte anzeigen","didYouMean":"Meinten Sie: {{ terms }}","searchBoxPlaceholder":"Suche","suggestQuery":"Zeige {{ count }} Ergebnisse für {{ terms }}","instantSearchSuggestionsLabel":"Beliebte Vorschläge","instantSearchCollectionsLabel":"Kategorien","instantSearchProductsLabel":"Produkte","instantSearchPagesLabel":"Seiten","searchBoxOnclickRecentSearchLabel":"Letzte Suchanfragen","searchBoxOnclickSearchTermLabel":"Beliebte Suchen","searchBoxOnclickProductsLabel":"Produkte im Trend","noSearchResultSearchTermLabel":"Sehen Sie sich einige dieser beliebten Suchen an","noSearchResultProductsLabel":"Produkte im Trend"},"error":{"noFilterResult":"Es wurden leider keine passenden Produkte für Ihre Auswahl gefunden","noSearchResult":"Leider wurden keine Produkte zum Suchbegriff gefunden","noProducts":"Es wurden keine Produkte in dieser Kategorie gefunden","noSuggestionResult":"Leider wurde für \"{{ terms }}\" nichts gefunden.","noSuggestionProducts":"Leider wurde für \"{{ terms }}\" nichts gefunden."},"recommendation":{},"productItem":{"qvBtnLabel":"Schnellansicht","atcAvailableLabel":"Dem Warenkorb hinzufügen","soldoutLabel":"Ausverkauft","productItemSale":"Sale","productItemSoldOut":"Ausverkauft","viewProductBtnLabel":"Produkt anzeigen","atcSelectOptionsLabel":"Optionen auswählen","amount":"Keine","savingAmount":"{{saleAmount}} sparen","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"Auf Lager","inventoryLowStock":"Nur noch {{count}} vorhanden!","inventorySoldOut":"Ausverkauft","atcAddingToCartBtnLabel":"Wird hinzugefügt","atcAddedToCartBtnLabel":"Wurde hinzugefügt!","atcFailedToCartBtnLabel":"Fehlgeschlagen!"},"quickView":{"qvQuantity":"Menge","qvViewFullDetails":"Alle Einzelheiten anzeigen","buyItNowBtnLabel":"Jetzt kaufen","qvQuantityError":"Bitte Menge eingeben"},"cart":{"atcMiniCartSubtotalLabel":"Zwischensumme","atcMiniCartEmptyCartLabel":"Ihr Warenkorb ist derzeit leer","atcMiniCartCountItemLabel":"artikel","atcMiniCartCountItemLabelPlural":"artikel","atcMiniCartShopingCartLabel":"Ihr Warenkorb","atcMiniCartViewCartLabel":"Warenkorb anzeigen","atcMiniCartCheckoutLabel":"Kasse"},"recentlyViewed":{"recentProductHeading":"Zuletzt angesehene Produkte"},"mostPopular":{"popularProductsHeading":"Beliebte Produkte"},"perpage":{"productCountPerPage":"Anzeige: {{count}} pro Seite"},"productCount":{"textDescriptionCollectionHeader":"{{count}} Produkte","textDescriptionCollectionHeaderPlural":"{{count}} Produkte","textDescriptionToolbar":"{{count}} Produkte","textDescriptionToolbarPlural":"{{count}} Produkte","textDescriptionPagination":"Es werden {{from}} - {{to}} von {{total}} Produkten angezeigt","textDescriptionPaginationPlural":"Es werden {{from}} - {{to}} von {{total}} Produkten angezeigt"},"pagination":{"loadPreviousText":"Vorherige Seite laden","loadPreviousInfiniteText":"Vorherige Seite laden","loadMoreText":"Mehr laden","prevText":"Zurück","nextText":"Weiter"},"sortingList":{"sorting":"Sortieren nach","relevance":"Relevanz","best-selling":"Meistverkauft","manual":"Manuell","title-ascending":"Bezeichnung aufsteigend","title-descending":"Bezeichnung absteigend","price-ascending":"Preis aufsteigend","price-descending":"Preis absteigend","created-ascending":"Aufsteigend erstellt","created-descending":"Absteigend erstellt"},"collectionHeader":{"collectionAllProduct":"Produkte"},"breadcrumb":{"home":"Startseite","collections":"Kategorien","pagination":"Seite {{ page }} von {{totalPages}}","toFrontPage":"Zurück zur ersten Seite"},"sliderProduct":{"prevButton":"Zurück","nextButton":"Weiter"},"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,placeholderAdded}}=this.TAEAppConfig;if(!enabled||!selectedSelector){if(!this.oldldSICollectionFilterContainerDetected()){this.backwardCompatibilityModule?.legacyUpdateAppStatus("ready")}return}if(placeholderAdded){return}const container=document.querySelector(selectedSelector);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`)}}}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 customClassSelector=selectors[selectors.length-1];let attempts=0;const intervalId=setInterval(()=>{const hasCustomClass=!!document.querySelector(customClassSelector);const effectiveSelectors=hasCustomClass?selectors:selectors.slice(0,-1);const elements=effectiveSelectors.slice(0,-1);const mainElement=effectiveSelectors[effectiveSelectors.length-1];const selector=simplifiedIntegration.selectorFromAppEmbed||mainElement;const container=document.querySelector(selector);if(container){let insertionContainer;if(hasCustomClass){const allMatches=document.querySelectorAll(customClassSelector);insertionContainer=allMatches[allMatches.length-1]||container}else{insertionContainer=container}simplifiedIntegration.neededToHideElements=hasCustomClass?[customClassSelector]:elements;simplifiedIntegration.selectorFromMetafield=mainElement;simplifiedIntegration.selectedSelector=selector;this.renderPlaceholder(insertionContainer);this.collectionFilterModule?.initBlock();clearInterval(intervalId)}else if(++attempts>100){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 neededToHideElements=simplifiedIntegration?.neededToHideElements||[];const selectedSelector=simplifiedIntegration?.selectedSelector||"";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(selector=>{document.querySelectorAll(selector).forEach(el=>{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: "€{{amount_with_comma_separator}}",money_format_with_currency: "€{{amount_with_comma_separator}} EUR"},integration:{},...
        {
          
        }
      };}};ShopifyMetafield.moduleName="ShopifyMetafield";var ShopifyDataObject=class extends BoostTAEAppModule{get dataObject(){return {user: 
        {
          
        }
      ,product:{...(
          
            ""
          
         || {})}};}};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>
<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/019e7143-52dc-7036-9424-f6c00b97284b/ecomposer-128/assets/ecom_popup.js';
this.routes={domain:'https://ewartwoods.com',root_url:'/de',collections_url:'/de/collections',all_products_collection_url:'/de/collections/all',cart_url:'/de/cart',cart_add_url:'/de/cart/add',cart_change_url:'/de/cart/change',cart_clear_url:'/de/cart/clear',cart_update_url:'/de/cart/update',product_recommendations_url:'/de/recommendations/products'};
this.queryParams={};
if(window.location.search.length){new URLSearchParams(window.location.search).forEach((value,key)=>{this.queryParams[key]=value})}
this.money_format="€{{amount_with_comma_separator}}";
this.money_with_currency_format="€{{amount_with_comma_separator}} EUR";
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><script src="https://cdn.shopify.com/extensions/019e8e5f-61b2-768e-ad45-f251bf474944/judgeme-553/assets/loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019e7143-52dc-7036-9424-f6c00b97284b/ecomposer-128/assets/ecom.js" type="text/javascript" defer="defer"></script>
</head>

Besondere Hinweise an den Verkäufer

Zwischensumme

€0,00

Rabattcodes, Versandkosten und Steuern werden bei der Bezahlung berechnet.

Ich stimme den Nutzungsbedingungen zu

Ihr Einkaufswagen ist im Moment leer.

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

Alle Produkte

208 Produkte

Sortieren

208 Produkte

Reduziert

Wood curved floating wall shelf in walnut color with white interior

Schwebendes Wandregal aus Holz Welle

€133,95 Von €101,95 Sparen €32,00

Small round living room coffee table from wood with modern design

Side view of small round living room coffee table from wood with modern design

Wohnzimmertisch

€245,95

Reduziert

Wood floating curved wall shelf in wenge color

Schwebendes Wandregal CurveLine

€102,95 Von €71,95 Sparen €31,00

Modern side table with wooden base and glass top, featuring a vase with dried flowers on a white background.

Modern round wooden coffee table with brass detail on the wooden base.

Couchtisch (Messing-Edition)

€379,95

Wall mounted towel holder with shelf wenge

Handtuchhalter mit Ablage in Wellenform

Von €64,95

Close-up of a wooden surface of coffee and snack table for living room with white ceramic object on top made with manufacturer specifics

Snacktisch

€120,95

free standing wooden toilet paper holder for bathroom organization

Close up of wooden standing toilet paper holder in modern and functional design with manufacturer specifics

Freistehender Toilettenpapierhalter U

€73,95

Reduziert

Wooden standing toilet paper holder in ashwood with walnut color details and metal holder for roll

Wooden standing toilet paper holder in ashwood with manufacturer specifics mentioned

Freistehender Toilettenpapierhalter AIRIS

€93,95 €87,95 Sparen €6,00

Reduziert

toilet paper holder from ashwood wall mounted honeycomb hexagon

Holz-Toilettenpapieraufbewahrung HONEYCOMB

€75,95 Von €70,95 Sparen €5,00

Modern bathroom wooden toilet paper holder with brass design and curved shape compact design

Modern bathroom wooden toilet paper holder with brass design and curved shape with manufacturer specifics

Wandmontierter Toilettenpapierhalter aus Messing

€66,95

Wooden floating rolled towel holder in walnut color

Gerollter Handtuchhalter Brücke

Von €64,95

Curved wooden floating shelf with solid middle wave section

Close-up of wood curved floating propeller design shelf with manufacturer specifics

Skulpturales Wellenregal

Von €177,95

Reduziert

toilet paper holder from wood wall mounted wave form white color

Toilettenpapier-Aufbewahrungswand - WAVE

€57,95 Von €43,95 Sparen €14,00

Wood curved floating shelf with solid middle wave section

Close-up view of wood curved floating shelf with solid middle wave section, along with manufacturer specifics

Schwebendes Wellen-Wandregal, gefüllt

Von €177,95

Knife block with gold painted metal and wooden slots for knives

Messerständer

Von €61,95

Schwebende Wandregale 3er-Set LOOP

Von €162,95

Wall mounted metal floating brass shelf in geometric shape

Wandregal aus Messing

€275,95

Rollen-Handtuchhalter aus Holz

€56,95

Wood wall mounted floating nightstand with white interior

Schwebender Nachttisch Klein

€155,95

Toilettenpapierhalter für die Tischplatte

Von €34,95

Wooden free standing umbrella holder with brass design and white curved metal leg

Schirmständer (Messing-Kollektion)

Von €142,95

wall mounted toilet paper holder in U form in walnut wood

Toilettenpapierhalter U-Form

€43,95

Reduziert

Schwebendes Wandregal klein CurveLine

€64,95 Von €45,95 Sparen €19,00

Wall mounted wooden toilet paper holder hexagon wall mounted for 2 rolls

Wall mounted wooden toilet roll holder in hexagon shape with manufacturer specifics

Toilettenpapierhalter MINI Honeycomb

Von €37,95

Wooden wall mounted toilet roll holder drop

Toilettenpapierhalter – DROP

€52,95

Reduziert

rolled towel holder wall mounted with open top

Handtuchhalter aus Holz - Moon

€69,95 €48,95 Sparen €21,00

Toilettenpapierhalter mit Regal

€37,95

metal utensil holders for kitchen rusted design

Küchenutensilienhalter, Küchenbesteck-Organizer (Rostoptik)

Von €23,95

Reduziert

Modern wooden monitor stand with metal edges for desk organization

Holz-Monitorständer mit gebogenem Design

€146,95 €129,95 Sparen €17,00

Wooden floating toilet roll holder in ash color

Toilettenpapierhalter - Brücke

Von €64,95

wooden wall hooks for hats, helmets, bags

Motorrad-Helm-Haken, Holzhaken

Von €41,95

metal floating nightstand rusted design with walnut surface

Verrosteter schwebender Nachttisch

€155,95

Reduziert

Front look of unique buffet cabinet with storage in walnut wood finish

Unique buffet cabinet with storage in ash wood finish

Buffetschrank mit Stauraum

€749,95 €524,95 Sparen €225,00

Minimalist wall shelf featuring a sleek, powder-coated metal surface with contrasting dark wood accents, ideal for modern decor.

Floating metal shelf with golden screws and manufacturer specifics

Schwebendes Metalls Regal mit Holzpaneelen, Wandmontage

Von €35,95

Semicircular rusted metal wall shelves showcasing plants, decor, and framed pictures, adding industrial charm to modern interiors.

Close-up view of a rusted metal wall shelf highlighting its textured surface and screw detail, showcasing its industrial aesthetic and sturdy construction.

Rustikales Metallregal für die Wand, Industrielles Design Ellipse

Von €47,95

Set of wooden hangers in ash wood finish, featuring a sharp geometric design, holding white t-shirts in an organized closet.

Geometric wooden hangers with a triangular design and rich walnut finish, holding a white shirt in a minimalist closet.

Set von 4 Kleiderständern

€75,95

Reduziert

Unique geometric floating wall shelf wooden from a different angle

Connecting parts for curved wooden shelf close-up look with item details

Schwebendes Wandregal im S-Design

€158,95 Von €127,95 Sparen €31,00

Reduziert

Simple wooden floating shelf in ash wood finish

Holz-Klassisches Schweberegal – Simple Wave

€91,95 Von €84,95 Sparen €7,00

Set of three curved wooden plant stands with a natural, polished wood grain texture and smooth, rounded edges. One stand holds a leafy potted plant, while the others are stacked below, showcasing their modern and versatile design.

Close-up of a curved wooden plant stand with a polished wood grain texture, seamless edges, and a sturdy, minimalist design. A potted plant with cascading leaves sits on top, highlighting the stand’s craftsmanship.

Bodenpflanzer Podium Holz (Set aus 3 Stück)

€156,95

Wooden wall shelf with a cloud-like, curved design holding five rolls of toilet paper, mounted on white tiled walls in a modern bathroom next to a toilet and towel rack.

Smoked oak wooden wall shelf with a cloud-shaped, curved design holding five rolls of toilet paper, mounted on white tiled walls in a modern bathroom next to a toilet and towel rack.

WC Rollen Aufbewahrung Wand - CLOUD

€48,95

Floating nightstand set of 2 in oak color with white interior

Floating nightstand set of 2 smoked oak color with white interior elegant layout

German Schwebendes Nachttisch-Set, 2-teilig

€353,95

Ash wood corner shelf with curved edge design

Wooden wall-mounted corner shelf with curved edge design

Holz Eckregal - Edge

€31,95

Unique wooden floating wall shelf in fish form

Wooden floating shelf fish form tail end design close-up

Schwebendes Wandregal aus Holz - Fisch

Von €129,95

Convenient design for wooden bathroom towel rack with hooks

Wooden bathroom towel rack hooks close-up with manufacturer details

Handtuchhalter - Rustikale Welle

Von €64,95

Set of two wooden toddler step stool with manufacturer specifics

Holz-Stufenhocker - Verstellbar

€121,95

Three floating wooden shelves with geometric, zigzag designs mounted on a dark gray wall. The shelves hold a variety of items, including books, small potted cacti, and framed photographs.

Close-up of a zigzag shelf made of light-colored wood, with clean, sharp edges, mounted on a gray wall. The shelf holds a small potted cactus.

Schwebende Wandregale Geometrisch (Set von 3)

€198,95

Reduziert

Holztritt (Geometrisch)

€65,95 €58,95 Sparen €7,00

Reduziert

two metal corner shelves on white background with blue vase and plant decor in it and circular vase on top of it

closeup of corner shelf wall mount screws visible white background

Metalleckregale Diamant (Set aus 2 Stück)

€59,95 €43,95 Sparen €16,00

Reduziert

Thin, dark wooden floating shelf with a curve in the middle, holding decor items. The shelf has a stained edge and a modern look.

Close-up of a dark wooden shelf, highlighting its detailed grain pattern and sharp, stained edge. The shelf has a polished, smooth surface.

Schwebendes Wandregal, Kurven-Design – Dünne Welle

€64,95 Von €54,95 Sparen €10,00

Walnut wood finish toilet paper holder in leaf shape

Wood toilet paper roll holder (leaf) - EWART WOODS

Holz-Toilettenpapierrollenhalter – LEAF

€25,95

Color variations of wooden armrest trays displayed on a white sofa, each holding a glass of red wine. The trays are labeled as follows: 1. Light, 2. Natural, 3. Yellow, 4. Grey, 5. Dark brown, 6. Red, 7. Green, 8. Blue, 9. Black wood, 10. New grey.

Sofa-Arm-Schale (natur)

€46,95

Hexagonal wooden desk organizers with cork inlays, storing office supplies such as paper clips, thumbtacks, and binder clips. A matching wooden coaster with a mug and a pen holder add functionality and style to the setup.

Hexagonal wooden desk organizers arranged neatly, featuring compartments for office supplies like paper clips, thumbtacks, and sticky notes. Includes a coaster holding a mug, a pen holder, and a small cactus planter for added style and functionality.

Schreibtisch-Organizer

Von €12,95

Reduziert

floating wall shelf with curved edge light wood attached to white wall with books, vase and painting on the shelving

Wooden wall shelf with a curved, beveled edge, holding a blue vase, a framed photo, and a small glass jar. The shelf features a dark wood finish.

Schwebendes Wandregal Gebogen - Edge

€64,95 Von €54,95 Sparen €10,00

brown wooden sofa arm tray table on sofa arm with tv remote and coffee cup on it

Sofaarmablage (Neugrau)

€46,95

A wooden toy bus with a minimalist design, featuring round wheels and white cutout windows on its sides. The bus has an open top and smooth edges, suitable for children's play or storage.

A young girl sitting inside a wooden toy bus with white accents and moving wheels, holding stuffed animals, with a teddy bear in the background on a cozy rug. The bus has a smooth, kid-safe finish and can hold up to 110 lbs.

Spielzeugaufbewahrungsbox für Kinder (Bus)

€85,95

Mini honeycomb toilet paper roll holder in black color

Close-up of a wall-mounted mini honeycomb wooden toilet paper holder, displaying two rolls of toilet paper. The holder features a textured wood surface, highlighting the natural grain and geometric design.

Wandmontierter Toilettenpapierhalter MINI Honigwabe

Von €37,95

Close-up of a curved wooden toilet paper holder with three toilet paper rolls neatly stacked. The holder features a smooth, natural wood finish, designed for a minimalist and functional display.

Toilettenpapier Aufbewahrung Wandmontage - MINI SMILE

€36,95

Reduziert

Hexagonal shelf with dark green metal sides and wooden surfaces, featuring a potted plant on the top shelf and a framed minimalist line drawing alongside a reed diffuser on the bottom shelf.

Schwebendes Wandregal Sechseck

€88,95 €70,95 Sparen €18,00

Elegant dark wood armrest tray with gray fabric detailing, resting on a beige sofa and holding a white smartphone.

Sofa-Armablage (dunkelbraun)

€46,95

Front view of a cherry wood curved toilet paper holder, holding five rolls of toilet paper in a neat arrangement.

Front view of a walnut wood curved toilet paper holder with a dark stained side, holding five rolls of toilet paper in a neat arrangement.

Toilettenpapier regal holz-SMILE

€46,95

Sofaarmablage (Grau)

€46,95

Reduziert

Two white metal corner shelves attached in white corner candles and a plant placed on the shelves

Two minimalist white wall-mounted shelves in a corner, one solid and the other perforated metal, arranged in a geometric style.

Metall-Eckregale (Set aus 2 Stück)

€59,95 €41,95 Sparen €18,00

Reduziert

Wandmontierter Schlüsselhalter mit Regal aus Metall

€34,95 €30,95 Sparen €4,00

Stylish wooden hangers with a geometric triangular design, showcasing a rich paldau finish. The hangers hold white t-shirts in a minimalist closet setup.

Set von 10 Holzkleiderbügeln

€148,95

Sofa-Armablage (Licht)

€46,95

Minimalist wooden shelf with a torso-shaped vase holding flowers and a circular green ceramic object. The shelf has a natural wood finish.

Curved wooden shelf with a smooth, light wood finish, mounted on a wall, viewed from a side angle.

Schweberegal - Flach (5 Stile)

€51,95

Reduziert

Red half-circle wall shelf with a white vase holding a plant, attached to the wall with visible screws, set against a plain white background.

Kleines Metall-Wandregal, Pflanzenregal, Regal für Dekorationen

€42,95 €41,95 Sparen €1,00

Toilet paper holder mini metal and wood combination - EWART WOODS

Toilettenpapierhalter Mini Metall- und Holz-Kombination

€28,95

1 2 3 4 Vorwärts

Wohnaccessoires und Einrichtungsideen für Ihr Zuhause

Wie alles begann

EWART WOODS ist ein kleines Unternehmen für Wohnaccessoires und Inneneinrichtung, das 2014 vom Holzhandwerks-Enthusiasten Maksims Jekimovs gegründet wurde. Seine Leidenschaft für Nachhaltigkeit zeigte sich bereits in seinen frühen Jahren der Holzverarbeitung. Anfangs fertigte Maksims USB-Sticks und passende Holzboxen an, bevor er sein Sortiment um Sofa-Armlehnen-Tabletts aus Holz und Lösungen zur Aufbewahrung von Toilettenpapier erweiterte.

Mit einer Vielzahl kreativer Ideen suchte Maksims die Zusammenarbeit mit dem Metalldesigner Pēteris Ločmelis, um seine Visionen Wirklichkeit werden zu lassen. Als gelernter Goldschmied bringt Pēteris sein handwerkliches Können und seine Leidenschaft für Design in jedes Projekt ein. Gemeinsam entwickelten sie eine vielfältige Kollektion hochwertiger Wohnaccessoires aus Holz und Metall, die ihre gemeinsame Begeisterung für erstklassige Handwerkskunst, innovative Gestaltung und langlebige Qualität widerspiegeln.

Make simple beautiful

Das ist der Leitspruch von EWART WOODS. Warum? Weil wir davon überzeugt sind, dass wahre Schönheit oft in der Einfachheit liegt. Komplexität ist nicht immer notwendig, um etwas wirklich Beeindruckendes zu schaffen. Oft sind es die einfachsten Designs, die die größte Wirkung erzielen und einen bleibenden Eindruck hinterlassen.

Einrichtungsideen für Ihr Zuhause an einem Ort

Entdecken Sie bei Ewart Woods eine Welt voller Inspiration für Ihr Zuhause. Wir helfen Ihnen dabei, Räume zu gestalten, die Ihren persönlichen Stil widerspiegeln. Stöbern Sie durch unsere Kollektion und lassen Sie sich von einzigartigen Wohnideen inspirieren. Von gemütlichen Wohnbereichen bis hin zu kreativen Einrichtungslösungen für kleine Räume – bei uns finden Sie Produkte für jeden Geschmack und jede Wohnsituation. Verwandeln Sie Ihr Zuhause mit stilvollen und funktionalen Wohnaccessoires in einen Ort voller Persönlichkeit.

Welche Wohnaccessoires finden Sie bei EWART WOODS?

Unser Sortiment umfasst eine große Auswahl an Produkten – von kleinen Schreibtisch-Organizern, Metall-Utensilienhaltern und Kopfhörerständern bis hin zu Spielzeugkisten für Kinder und Sofa-Armlehnen-Tabletts. Darüber hinaus bieten wir schwebende Wandregale, moderne Wandregale und Kinder-Kleiderschränke an.

Unsere Kollektion umfasst außerdem zahlreiche Badezimmeraccessoires für kleine Räume, die Ihnen helfen, Ihr Zuhause komfortabel und organisiert zu gestalten. Besonders beliebt sind unsere wandmontierten Toilettenpapierhalter und Aufbewahrungslösungen für ein aufgeräumtes Badezimmer.

FAQ

```

Unser Team kennenlernen

Jedes Produkt wird von unserem leidenschaftlichen Team handgefertigt.

Über uns

100.000+ zufriedene Kunden

Mehr als 100.000 zufriedene Kunden weltweit

Bewertungen

KOSTENLOSER STANDARDVERSAND

Wir bieten für jede Bestellung weltweit eine kostenlose Standardlieferung mit dem besten Service an.

Versandinformationen

<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>

Sprache

Währung

Wie alles begann

Make simple beautiful

Einrichtungsideen für Ihr Zuhause an einem Ort

Welche Wohnaccessoires finden Sie bei EWART WOODS?

FAQ

Melde dich an und erhalte 10 % Rabatt

Add to Wishlist

Subscribe and get alert about your Wishlist

Are you sure you want to delete the wishlist?