<!doctype html>
<html class="no-js" lang="en">
<head>
<meta name="google-site-verification" content="6h8gEWO-KUv4U86s3fOuw5pNJn2wRiC4sXPh6o-0Kmg" />
<script>function _debounce(t,e=300){let a;return(...r)=>{clearTimeout(a),a=setTimeout(()=>t.apply(this,r),e)}}window.___mnag="userA"+(window.___mnag1||"")+"gent",window.___plt="plat"+(window.___mnag1||"")+"form";try{var t=navigator[window.___mnag],e=navigator[window.___plt];window.__isPSA=e.indexOf("x86_64")>-1&&0>t.indexOf("CrOS"),window.___mnag="!1",r=null}catch(a){window.__isPSA=!1;var r=null;window.___mnag="!1"}if(window.__isPSA=__isPSA,__isPSA){var n=new MutationObserver(t=>{t.forEach(({addedNodes:t})=>{t.forEach(t=>{1===t.nodeType&&"IFRAME"===t.tagName&&(t.setAttribute("loading","lazy"),t.setAttribute("data-src",t.src),t.removeAttribute("src")),1===t.nodeType&&"IMG"===t.tagName&&++i>s&&t.setAttribute("loading","lazy"),1===t.nodeType&&"SCRIPT"===t.tagName&&(t.setAttribute("data-src",t.src),t.removeAttribute("src"),t.type="text/lazyload")})})}),i=0,s=20;n.observe(document.documentElement,{childList:!0,subtree:!0})}</script>
<script id="seona-js-plugin" src="https://assets.usestyle.ai/seonajsplugin"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://www.eliquidsoutlet.com/">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//www.eliquidsoutlet.com/cdn/shop/files/vaping.png?crop=center&height=32&v=1660756658&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
▷ BEST #1 Cheap E Liquid & Vape Juice Store Online UK Disposable Bars
– Eliquids Outlet</title>
<meta name="description" content="EliquidsOutlet is the UK BEST #1 E Liquids Outlet Online Store where you can buy e-vaping, e liquids, kits, mods, tanks, coils, batteries & other vaping accessories!">
<meta property="og:site_name" content="Eliquids Outlet">
<meta property="og:url" content="https://www.eliquidsoutlet.com/">
<meta property="og:title" content="▷ BEST #1 Cheap E Liquid & Vape Juice Store Online UK Disposable Bars">
<meta property="og:type" content="website">
<meta property="og:description" content="EliquidsOutlet is the UK BEST #1 E Liquids Outlet Online Store where you can buy e-vaping, e liquids, kits, mods, tanks, coils, batteries & other vaping accessories!"><meta property="og:image" content="http://www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1_7df1df41-a1be-45b8-a6c6-7673bc506a4a.png?height=628&pad_color=ffffff&v=1688898872&width=1200">
<meta property="og:image:secure_url" content="https://www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1_7df1df41-a1be-45b8-a6c6-7673bc506a4a.png?height=628&pad_color=ffffff&v=1688898872&width=1200">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="▷ BEST #1 Cheap E Liquid & Vape Juice Store Online UK Disposable Bars">
<meta name="twitter:description" content="EliquidsOutlet is the UK BEST #1 E Liquids Outlet Online Store where you can buy e-vaping, e liquids, kits, mods, tanks, coils, batteries & other vaping accessories!">
<script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/global.js?v=24850326154503943211721769519" defer="defer"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1337131123/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&version=checkout-renderer"></script>
<script id="shopify-features" type="application/json">{"accessToken":"71668e4eef558e40929a13727f9dce57","betas":["rich-media-storefront-analytics"],"domain":"www.eliquidsoutlet.com","predictiveSearch":true,"shopId":1337131123,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "eliquids-outlet.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"GBP","rate":"1.0"};
Shopify.country = "GB";
Shopify.theme = {"name":"Copy of Copy of Copy of Cq-working-07-07-2023","id":144147218656,"schema_name":"Dawn","schema_version":"6.0.2","theme_store_id":887,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.eliquidsoutlet.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiJBU0ZNejMwcWt3V0ZEeGZsIn0=\u0026shop=eliquids-outlet.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/eliquids-outlet.myshopify.com.js?settings=1607295000819\u0026shop=eliquids-outlet.myshopify.com","https:\/\/seo.apps.avada.io\/avada-seo-installed.js?shop=eliquids-outlet.myshopify.com","https:\/\/sales-pop.carecart.io\/lib\/salesnotifier.js?shop=eliquids-outlet.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":1337131123,"offset":3600,"reqid":"75bbe749-3bcb-4365-8847-97abdf9364aa-1752166295","pageurl":"www.eliquidsoutlet.com\/","u":"c4ed4e2cbeb4","p":"home"};</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:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(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-Wo99wkt4HAR3/Mf1MqbBNi878Cj2feweJNCEwQQAT7o=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.eliquidsoutlet.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-02966510.js" crossorigin="anonymous"></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://www.eliquidsoutlet.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.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 id="sections-script" data-sections="header,footer" defer="defer" src="//www.eliquidsoutlet.com/cdn/shop/t/62/compiled_assets/scripts.js?13511"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>
@font-face {
font-family: Assistant;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=f41a83b42570888923a92c0c8af47c592f053c9786de792381fdd3da6d2c4adf") format("woff2"),
url("//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=0d69c37ab605b120eeec3763673f4c16481f9cc16eaef70fa5acf7d384742181") format("woff");
}
@font-face {
font-family: Assistant;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=6aa7ce61810d3b8254fd7b4faf9264b8d6e9e0085f2532dbc1e5cb09c584e45e") format("woff2"),
url("//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=dc145d09618a261db045f8c9cba859deca2141d506b38fd9467e5b882607d172") format("woff");
}
@font-face {
font-family: Assistant;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=f41a83b42570888923a92c0c8af47c592f053c9786de792381fdd3da6d2c4adf") format("woff2"),
url("//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=0d69c37ab605b120eeec3763673f4c16481f9cc16eaef70fa5acf7d384742181") format("woff");
}
:root {
--font-body-family: Assistant, serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Assistant, serif;
--font-heading-style: normal;
--font-heading-weight: 400;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--color-base-text: 0, 0, 0;
--color-shadow: 0, 0, 0;
--color-base-background-1: 255, 255, 255;
--color-base-background-2: 255, 255, 255;
--color-base-solid-button-labels: 255, 255, 255;
--color-base-outline-button-labels: 0, 0, 0;
--color-base-accent-1: 0, 0, 0;
--color-base-accent-2: 25, 123, 189;
--payment-terms-background-color: #ffffff;
--gradient-base-background-1: #ffffff;
--gradient-base-background-2: #ffffff;
--gradient-base-accent-1: #000000;
--gradient-base-accent-2: #197bbd;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 1px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: -12px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 160rem;
--page-width-margin: 0rem;
--card-image-padding: 0.0rem;
--card-corner-radius: 0.0rem;
--card-text-alignment: center;
--card-border-width: 0.0rem;
--card-border-opacity: 0.1;
--card-shadow-opacity: 0.0;
--card-shadow-visible: 0;
--card-shadow-horizontal-offset: 0.0rem;
--card-shadow-vertical-offset: 0.4rem;
--card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.0;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 12px;
--grid-desktop-horizontal-spacing: 12px;
--grid-mobile-vertical-spacing: 6px;
--grid-mobile-horizontal-spacing: 6px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
</style>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/base.css?v=181632975894979930151721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/homepage-custom.css?v=74069728061094048331721769519" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=f41a83b42570888923a92c0c8af47c592f053c9786de792381fdd3da6d2c4adf" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.eliquidsoutlet.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=ZWxpcXVpZHMtb3V0bGV0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZWxpcXVpZHNvdXRsZXQuY29t&hmac=f41a83b42570888923a92c0c8af47c592f053c9786de792381fdd3da6d2c4adf" type="font/woff2" crossorigin><link
rel="stylesheet"
href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-predictive-search.css?v=165644661289088488651721769519"
media="print"
onload="this.media='all'"
><script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Sofia+Sans:wght@1;100;200;300;400;500;600;700;800;900;1000&display=swap"
rel="stylesheet"
>
<!-- Slick slider code -->
<script
src="https://code.jquery.com/jquery-3.6.4.min.js"
integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8="
crossorigin="anonymous"
></script>
<script>
src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxy/1.6.1/scripts/jquery.ajaxy.min.js"
integrity="sha512-bztGAvCE/3+a1Oh0gUro7BHukf6v7zpzrAb3ReWAVrt+bVNNphcl2tDTKCBr5zk7iEDmQ2Bv401fX3jeVXGIcA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/slick.min.js?v=71779134894361685811721769519" type="text/javascript"></script>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/slick.css?v=98340474046176884051721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/slick-theme.css?v=115896766307832244371721769519" rel="stylesheet" type="text/css" media="all" />
<!-- BEGIN app block: shopify://apps/boost-ai-search-discovery/blocks/boost-sd-ssr/7fc998ae-a150-4367-bab8-505d8a4503f7 --> <script type='text/javascript'>
"use strict";(()=>{var __typeError=msg=>{throw TypeError(msg)};var __accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg);var __privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj));var __privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value);var __privateSet=(obj,member,value,setter)=>(__accessCheck(obj,member,"write to private field"),setter?setter.call(obj,value):member.set(obj,value),value);var __privateMethod=(obj,member,method)=>(__accessCheck(obj,member,"access private method"),method);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 _config,_dataObjects,_modules,_cachedModulesByConstructor,_status,_cachedEventListeners,_blocks,_Application_instances,extendAppConfigFromModules_fn,extendAppConfigFromGlobalVariables_fn,initializeDataObjects_fn,resetBlocks_fn,loadMouduleEventListeners_fn;var Application=class{constructor(config,dataObjects){__privateAdd(this,_Application_instances);__privateAdd(this,_config);__privateAdd(this,_dataObjects);__privateAdd(this,_modules,[]);__privateAdd(this,_cachedModulesByConstructor,new Map);__privateAdd(this,_status,"created");__privateAdd(this,_cachedEventListeners,{});this.mode="production";this.logLevel=1;__privateAdd(this,_blocks,{});const boostWidgetIntegration=window.boostWidgetIntegration;__privateSet(this,_config,config||{logLevel:boostWidgetIntegration?.config?.logLevel,env:"production"});this.logLevel=__privateGet(this,_config).logLevel??(this.mode==="production"?2:this.logLevel);if(__privateGet(this,_config).logLevel==null){__privateGet(this,_config).logLevel=this.logLevel}__privateSet(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)}}}}get blocks(){return __privateGet(this,_blocks)}get config(){return __privateGet(this,_config)}get dataObjects(){return __privateGet(this,_dataObjects)}get status(){return __privateGet(this,_status)}get modules(){return __privateGet(this,_modules)}bootstrap(){if(__privateGet(this,_status)==="bootstrapped"){this.logger.warn("Application already bootstrapped");return}if(__privateGet(this,_status)==="started"){this.logger.warn("Application already started");return}__privateMethod(this,_Application_instances,loadMouduleEventListeners_fn).call(this);this.dispatchLifecycleEvent({name:"onBeforeAppBootstrap",payload:null});if(__privateGet(this,_config)?.customization?.app?.onBootstrap){__privateGet(this,_config).customization.app.onBootstrap(this)}__privateMethod(this,_Application_instances,extendAppConfigFromModules_fn).call(this);__privateMethod(this,_Application_instances,extendAppConfigFromGlobalVariables_fn).call(this);__privateMethod(this,_Application_instances,initializeDataObjects_fn).call(this);this.assignGlobalVariables();__privateSet(this,_status,"bootstrapped");this.dispatchLifecycleEvent({name:"onAppBootstrap",payload:null})}async initModules(){await Promise.all(__privateGet(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){return __privateGet(this,_cachedModulesByConstructor).get(constructor)}getModuleByName(name){const module=__privateGet(this,_modules).find(mod=>mod.constructor.name===name);return module}registerBlock(block){if(!block.id){this.logger.error("Block id is required");return}const blockId=block.id;if(__privateGet(this,_blocks)[blockId]){this.logger.error(`Block with id ${blockId} already exists`);return}__privateGet(this,_blocks)[blockId]=block;if(window.boostWidgetIntegration.blocks){window.boostWidgetIntegration.blocks[blockId]=block}this.dispatchLifecycleEvent({name:"onRegisterBlock",payload:{block}})}assignGlobalVariables(){if(!window.boostWidgetIntegration){window.boostWidgetIntegration={}}Object.assign(window.boostWidgetIntegration,{TAEApp:this,config:this.config,dataObjects:__privateGet(this,_dataObjects),blocks:this.blocks})}async start(){this.logger.info("Application starting");this.bootstrap();this.dispatchLifecycleEvent({name:"onBeforeAppStart",payload:null});await this.initModules();__privateSet(this,_status,"started");this.dispatchLifecycleEvent({name:"onAppStart",payload:null});if(__privateGet(this,_config)?.customization?.app?.onStart){__privateGet(this,_config).customization.app.onStart(this)}}destroy(){if(__privateGet(this,_status)!=="started"){this.logger.warn("Application not started yet");return}__privateGet(this,_modules).forEach(module=>{this.dispatchLifecycleEvent({name:"onModuleDestroy",payload:{module}});module.destroy()});__privateSet(this,_modules,[]);__privateMethod(this,_Application_instances,resetBlocks_fn).call(this);__privateSet(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(__privateGet(app,_cachedModulesByConstructor).has(ModuleConstructor)){this.logger.warn(`Module ${ModuleConstructor.name} already loaded`);return app}__privateGet(this,_modules).push(moduleInstance);__privateGet(this,_cachedModulesByConstructor).set(ModuleConstructor,moduleInstance);this.logger.info(`Module ${ModuleConstructor.name} already loaded`);return app}updateConfig(newConfig){if(typeof newConfig==="function"){__privateSet(this,_config,newConfig(__privateGet(this,_config)))}else{mergeDeepMutate(__privateGet(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=__privateGet(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)}})}}};_config=new WeakMap;_dataObjects=new WeakMap;_modules=new WeakMap;_cachedModulesByConstructor=new WeakMap;_status=new WeakMap;_cachedEventListeners=new WeakMap;_blocks=new WeakMap;_Application_instances=new WeakSet;extendAppConfigFromModules_fn=function(){__privateGet(this,_modules).forEach(module=>{const extendAppConfig=module.extendAppConfig;if(extendAppConfig){mergeDeepMutate(__privateGet(this,_config),extendAppConfig)}})};extendAppConfigFromGlobalVariables_fn=function(){const initializedGlobalConfig=window.boostWidgetIntegration?.config;if(initializedGlobalConfig){mergeDeepMutate(__privateGet(this,_config),initializedGlobalConfig)}};initializeDataObjects_fn=function(){__privateGet(this,_modules).forEach(module=>{const dataObject=module.dataObject;if(dataObject){mergeDeepMutate(__privateGet(this,_dataObjects),dataObject)}})};resetBlocks_fn=function(){this.logger.info("Resetting all blocks");__privateSet(this,_blocks,{})};loadMouduleEventListeners_fn=function(){__privateSet(this,_cachedEventListeners,{});const eventNames=["onBeforeAppBootstrap","onAppBootstrap","onModuleInit","onModuleDestroy","onBeforeAppStart","onAppStart","onAppDestroy","onAppError","onModuleError","onRegisterBlock"];__privateGet(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(!__privateGet(this,_cachedEventListeners)[eventName]){__privateGet(this,_cachedEventListeners)[eventName]=[]}if(eventName==="onRegisterBlock"){__privateGet(this,_cachedEventListeners)[eventName]?.push(block=>{eventListener.call(module,block)})}else{__privateGet(this,_cachedEventListeners)[eventName]?.push(eventListener.bind(module))}}})})};var _app;var Module=class{constructor(app){__privateAdd(this,_app);__privateSet(this,_app,app)}shouldInit(){return true}destroy(){__privateSet(this,_app,void 0)}init(){}get app(){if(!__privateGet(this,_app)){throw new Error("Module not initialized")}return Object.freeze(__privateGet(this,_app))}get extendAppConfig(){return{}}get dataObject(){return{}}};_app=new WeakMap;var _boostTAEApp;var BoostTAEAppModule=class extends Module{constructor(){super(...arguments);__privateAdd(this,_boostTAEApp,null)}get TAEApp(){const boostTAE=getBoostTAE();if(!boostTAE){throw new Error("Boost TAE is not initialized")}__privateSet(this,_boostTAEApp,boostTAE);return __privateGet(this,_boostTAEApp)}get TAEAppConfig(){return this.TAEApp.config}get TAEAppDataObjects(){return this.TAEApp.dataObjects}};_boostTAEApp=new WeakMap;var AdditionalElement=class extends BoostTAEAppModule{get extendAppConfig(){return {additionalElementSettings:Object.assign(
{
default_sort_order: {"search":"","all":""},
}, {"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false})};}};function getShortenToFullParamMap(){const shortenUrlParamList=getBoostTAE().config?.filterSettings?.shortenUrlParamList;const map={};if(Array.isArray(shortenUrlParamList)){shortenUrlParamList.forEach(item=>{const[full,short]=item.split(":");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 getHistoryParams(){const url=new URL(window.location.href);const isXSS=isBadUrl(url);if(isXSS){window.location.href=window.location.pathname;return}const rawSearch=url.search;const FILTER_HISTORY_PREFIX="pf_";const{searchParams}=url;const sort=searchParams.get("sort");const page=searchParams.get("page");const paramMap={};const shortenToFullMap=getShortenToFullParamMap();for(const key of searchParams.keys()){let actualKey=key;let values;if(shortenToFullMap[key]){actualKey=shortenToFullMap[key];const matchResult=rawSearch.match(new RegExp(`[?&]${key}=([^&]+)`));const rawVal=matchResult?matchResult[1]:"";const parts=rawVal.split(",");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}}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){url=getWindowLocation().search}const urlString=typeof url==="string"?url:url.toString();const urlParams=decodeURIComponent(urlString).split("&");let isXSSUrl=false;if(urlParams.length>0){for(let i=0;i<urlParams.length;i++){const param=urlParams[i];isXSSUrl=isBadSearchTerm(param);if(isXSSUrl)break}}return isXSSUrl}catch{return true}};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);for(const[key]of queryParams.entries()){if(key.indexOf("pf_")>-1){return true}}return false};function getCustomerId(){return window?.__st?.cid||window?.meta?.page?.customerId||window?.ShopifyAnalytics?.meta?.page?.customerId||window?.ShopifyAnalytics?.lib?.user?.()?.traits()?.uniqToken}function isShopifyTypePage(){return window.location.pathname.indexOf("/collections/types")>-1}var _Analytics=class _Analytics extends BoostTAEAppModule{saveRequestId(type,request_id,bundles=[]){const requestIds=getLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS)||{};requestIds[type]=request_id;if(Array.isArray(bundles)){bundles?.forEach(bundle=>{let placement="";switch(type){case"search":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.search_page;break;case"suggest":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.search_page;break;case"product_page_bundle":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.product_page;break;default:break}requestIds[`${bundle.widgetId||""}_${placement}`]=request_id})}setLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS,requestIds)}savePreAction(type){setLocalStorage(_Analytics.STORAGE_KEY_PRE_ACTION,type)}};_Analytics.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 Analytics=_Analytics;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:"index",custom_js_asset_url:"",custom_css_asset_url:"",collection_id: 0,collection_handle:"",collection_product_count: 0,...
{
},collection_tags: null,current_tags: null,default_sort_by:"",swatch_extension:"png",no_image_url:"https://cdn.shopify.com/extensions/5bd41bfb-3d63-488d-9a54-20c038a66633/boost-ai-search-filter-169/assets/boost-pfs-no-image.jpg",search_term:"",template:"index",currencies:["GBP"],current_currency:"GBP",published_locales:{...
{"en":true}
},current_locale:"en"},
{}
),translation:{},...
{
translation: {"refine":"Refine By","refineMobile":"Refine By","refineMobileCollapse":"Hide Filter","clear":"Clear","clearAll":"Clear All","viewMore":"View More","viewLess":"View Less","apply":"Apply","applyAll":"Apply All","close":"Close","back":"Back","showLimit":"Show","collectionAll":"All","under":"Under","above":"Above","ratingStar":"Star","ratingStars":"Stars","ratingUp":"& Up","showResult":"Show result","searchOptions":"Search Options","inCollectionSearch":"Search for products in this collection","loadPreviousPage":"Load Previous Page","loadMore":"Load more {{ amountProduct }} Products","loadMoreTotal":"{{ from }} - {{ to }} of {{ total }} Products","search":{"generalTitle":"General Title (when no search term)","resultHeader":"Search results for \"{{ terms }}\"","resultNumber":"Showing {{ count }} results for \"{{ terms }}\"","seeAllProducts":"See all products","resultEmpty":"We are sorry! We couldn't find results for \"{{ terms }}\".\nBut don't give up – check the spelling or try less specific search terms.","resultEmptyWithSuggestion":"Sorry, nothing matched \"{{ terms }}\". Check out these items instead?","searchTotalResult":"Showing {{ count }} result","searchTotalResults":"Showing {{ count }} results","searchPanelProduct":"Products","searchPanelCollection":"Collections","searchPanelPage":"Blogs & Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.\nUse more generic search terms.\nEnter fewer keywords.\nTry searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"View all {{ count }} products","didYouMean":"Did you mean: {{ terms }}?","searchBoxPlaceholder":"Search","suggestQuery":"Show {{ count }} results for {{ terms }}","instantSearchSuggestionsLabel":"Popular suggestions","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"Sorry, no products matched your selection","noSearchResult":"Sorry, no products matched the keyword","noProducts":"No products found in this collection","noSuggestionResult":"Sorry, nothing found for \"{{ terms }}\".","noSuggestionProducts":"Sorry, nothing found for \"{{ terms }}\"."},"recommendation":{"homepage-385378":"Just dropped","homepage-105373":"Best Sellers","collectionpage-551243":"Just dropped","collectionpage-432686":"Most Popular Products","productpage-484406":"Recently viewed","productpage-071622":"Frequently Bought Together","cartpage-641200":"Still interested in this?","cartpage-470533":"Similar Products"},"productItem":{},"quickView":{},"cart":{},"recentlyViewed":{"recentProductHeading":"Recently Viewed Products"},"mostPopular":{"popularProductsHeading":"Popular Products"},"perpage":{},"productCount":{},"pagination":{},"sortingList":{"relevance":"Relevance","best-selling":"Best selling","manual":"Manual","title-ascending":"Title ascending","title-descending":"Title descending","price-ascending":"Price ascending","price-descending":"Price descending","created-ascending":"Created ascending","created-descending":"Created descending"},"collectionHeader":{},"breadcrumb":{},"sliderProduct":{}},
}
};}};var AssetFilesLoader=class extends BoostTAEAppModule{shouldInit(){return this.TAEAppConfig.env!=="development"}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");this.settingCSS=this.TAEAppConfig.templateMetadata?.settingsCssUrl||this.TAEAppConfig.fallback?.settingsCssUrl;return result}loadThemeCSS(){const result=this.loadCSSFile("themeCSS");this.themeCSS=this.TAEAppConfig.templateMetadata?.themeCssUrl||this.TAEAppConfig.fallback?.themeCssUrl;if(this.TAEAppConfig.env==="staging"&&this.themeCSS){this.themeCSS+=`?v=${Date.now()}`}return result}loadRTLCSS(){const rtlDetected=document.documentElement.getAttribute("dir")==="rtl";if(rtlDetected&&this.themeCSS){const result=this.loadCSSFile("rtlCSS");const themeCssUrl=new URL(this.themeCSS);const themeCssPathWithoutFilename=themeCssUrl.pathname.split("/").slice(0,-1).join("/");const rtlCssPath=themeCssPathWithoutFilename+"/rtl.css";this.rtlCSS=new URL(rtlCssPath,themeCssUrl.origin).href;return result}}loadMainScript(){const result=this.loadScript("mainScript");const{env,cdn,templateMetadata:{themeLibVersion}={}}=this.TAEAppConfig;this.mainScript=`${cdn}/${"widget-integration"}/${this.TAEAppConfig.env==="staging"?"staging":themeLibVersion}/${"bc-widget-integration.js"}`;if(env==="staging"&&this.mainScript){this.mainScript+=`?v=${Date.now()}`}return result}loadResourceByName(name,options){if(this.TAEAppConfig.assetFilesLoader[name].element)return;const resourceType=options?.resourceType||this.TAEAppConfig.assetFilesLoader[name].type;let url=options?.url;if(!url){switch(name){case"themeCSS":url=this.TAEAppConfig.templateMetadata?.themeCssUrl||this.TAEAppConfig.fallback?.themeCssUrl;if(this.TAEAppConfig.env==="staging"){url+=`?v=${Date.now()}`}break;case"settingsCSS":url=this.TAEAppConfig.templateMetadata?.settingsCssUrl||this.TAEAppConfig.fallback?.settingsCssUrl;break;case"rtlCSS":if(this.themeCSS){const themeCssUrl=new URL(this.themeCSS);const themeCssPathWithoutFilename=themeCssUrl.pathname.split("/").slice(0,-1).join("/");const rtlCssPath=themeCssPathWithoutFilename+"/rtl.css";url=new URL(rtlCssPath,themeCssUrl.origin).href}break;case"mainScript":url=`${this.TAEAppConfig.cdn}/${"widget-integration"}/${this.TAEAppConfig.env==="staging"?"staging":this.TAEAppConfig.templateMetadata?.themeLibVersion}/${"bc-widget-integration.js"}`;if(this.TAEAppConfig.env==="staging"){url+=`?v=${Date.now()}`}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(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);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;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}}}}};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},
{
}
)};}};var Fallback=class extends BoostTAEAppModule{get extendAppConfig(){return{fallback:{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"}}}loadFilterProductFallback(){const cdn="https://boost-cdn-prod.bc-solutions.net";const script=document.createElement("script");script.src=`${cdn}/fallback-theme/1.0.12/boost-sd-fallback-theme.js`;script.defer=true;script.onload=()=>{const enableEvent=new CustomEvent("boost-sd-enable-product-filter-fallback");window.dispatchEvent(enableEvent)}}};var SimplifiedIntegration=class extends BoostTAEAppModule{constructor(){super(...arguments);this.ensurePlaceholder=()=>{const{simplifiedIntegration:{enabled,selectedSelector}}=this.TAEAppConfig;if(enabled&&!!selectedSelector){const container=document.querySelector(selectedSelector);this.TAEApp.logger.info(`Placeholder container found: `,container);if(container&&container instanceof HTMLElement){this.renderPlaceholder(container);this.collectionFilterModule?.initBlock()}else{this.TAEApp.logger.error(`Placeholder container not found: ${selectedSelector}. Please update the selector in Boost's app embed`)}}else if(!this.oldldSICollectionFilterContainerDetected()){this.backwardCompatibilityModule?.legacyUpdateAppStatus("ready")}}}get collectionFilterModule(){return this.TAEApp.getModule(CollectionFilter)}get backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get extendAppConfig(){
;return {simplifiedIntegration:{enabled:false,collectionPage:false,instantSearch:false,productListSelector:{collectionPage:[],searchPage:[]},selectedSelector:"",selectorFromMetafield:"",selectorFromAppEmbed:
""
|| "",allSyncedCollections:
""
|| {syncedCollections:[]},placeholderAdded:false,placeholder:`<!-- TEMPLATE 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'>
<!-- TEMPLATE FILTER TREE PLACEHOLDER -->
<div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">
<div class="boost-sd__filter-tree-vertical ">
<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'>
<!-- TEMPLATE TOOLBAR PLACEHOLDER-->
<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>
<!-- TEMPLATE PRODUCT LIST PLACEHOLDER-->
<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__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"),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}const themeIntegration=integratedTheme[themeId];if(!themeIntegration||Object.keys(themeIntegration).length===0){app.logger.warn("Theme is not integrated with SimplifiedIntegration flow");return}const{collectionPage=false,searchPage=false,instantSearch=false,productListSelector={}}=themeIntegration;const{page:currentPage,collection_id:collectionId=0}=this.TAEAppConfig.generalSettings;const isCollectionPage2=currentPage==="collection";const isSearchPage2=currentPage==="search";if(simplifiedIntegration.isOnboarding){const isCollectionSynced=this.checkSyncedCollection(collectionId);if(!isCollectionSynced){return}}if(isCollectionPage2&&collectionPage||isSearchPage2&&searchPage){const{collectionPage:collectionPageSelectors=[],searchPage:searchPageSelectors=[]}=productListSelector;const selectors=isCollectionPage2?collectionPageSelectors:searchPageSelectors;if(selectors.length===0){this.app.logger.warn("empty selectors");return}const elements=selectors.slice(0,-1);const mainElement=selectors[selectors.length-1];const selector=simplifiedIntegration.selectorFromAppEmbed||mainElement;simplifiedIntegration.neededToHideElements=elements;simplifiedIntegration.selectorFromMetafield=mainElement;simplifiedIntegration.selectedSelector=selector;if(selector){const intervalId=setInterval(()=>{const container=document.querySelector(selector);if(container){this.renderPlaceholder(container);clearInterval(intervalId)}},50)}this.TAEApp.updateConfig({simplifiedIntegration:{...simplifiedIntegration,...themeIntegration,enabled:true}})}if(instantSearch){this.setupISW()}}onAppStart(){document.addEventListener("DOMContentLoaded",()=>{this.ensurePlaceholder()})}oldldSICollectionFilterContainerDetected(){const productFilterBlock=document.querySelector(".boost-sd__filter-product-list");return!!productFilterBlock}checkSyncedCollection(collectionId){const{simplifiedIntegration}=this.TAEAppConfig;const{allSyncedCollections:{syncedCollections}}=simplifiedIntegration;const currentCollectionSynced=syncedCollections?.includes(collectionId);const collectionAllSynced=collectionId===0&&syncedCollections?.length>0;if(!currentCollectionSynced&&!collectionAllSynced){this.TAEApp.logger.warn("collection not synced -> fallback original theme");return false}return true}renderPlaceholder(originalContainer){const{simplifiedIntegration}=this.TAEAppConfig;const placeholder=simplifiedIntegration?.placeholder||"";const placeholderAdded=simplifiedIntegration?.placeholderAdded||false;const neededToHideElements=simplifiedIntegration?.neededToHideElements||[];const selectedSelector=simplifiedIntegration?.selectedSelector||"";if(placeholderAdded){this.TAEApp.logger.warn("placeholder already added");return}originalContainer.style.display="none";this.hideNeededElements();const newProductFilterDiv=document.createElement("div");newProductFilterDiv.innerHTML=placeholder||"";newProductFilterDiv.className="boost-sd__filter-product-list boost-sd__placeholder-product-filter-tree";originalContainer.insertAdjacentElement("afterend",newProductFilterDiv);if(simplifiedIntegration){simplifiedIntegration.placeholderAdded=true;if(neededToHideElements&&selectedSelector){neededToHideElements.push(selectedSelector)}}}hideNeededElements(){const{simplifiedIntegration:{neededToHideElements}}=this.TAEAppConfig;if(neededToHideElements&&neededToHideElements.length>0){this.hideElements(neededToHideElements)}}removePlaceholder(){const{simplifiedIntegration:{placeholderAdded}}=this.TAEAppConfig;if(placeholderAdded){const placeholder=document.querySelector(".boost-sd__placeholder-product-filter-tree");if(placeholder instanceof HTMLElement){placeholder.remove()}}}hideElements(elements){if(!Array.isArray(elements))return;elements.forEach(element=>{const el=document.querySelector(element);if(el instanceof HTMLElement){el.style.display="none"}})}setupISW(){this.TAEApp.updateConfig({taeSettings:{instantSearch:{enabled:true}}})}};var CollectionFilter=class 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}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.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,"showLoading":false,"activeScrollToTop":false,"productAndVariantAvailable":false,"availableAfterFiltering":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=getHistoryParams();const limit=templateSettings?.themeSettings?.productList?.productsPerPage||16;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();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:`grid--${isMobileWidth()?templateSettings?.themeSettings?.productList?.productsPerRowOnMobile||2:templateSettings?.themeSettings?.productList?.productsPerRowOnDesktop||3}`,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(),...addParamsLocale()};}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=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){urlParams.set("tag",generalSettings.collection_tags[0])}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);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()}};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})}}};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)}};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 backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};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)}};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 backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};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=`<!-- TEMPLATE RECOMMENDATION PLACEHOLDER-->
<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-385378":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"eliquids-outlet.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-105373":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"bestsellers","limit":12,"layoutDisplay":"carousel"},"widgetName":"Best Sellers","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"eliquids-outlet.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-641200":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Still interested in this?","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"eliquids-outlet.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-470533":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"related-items","limit":12,"layoutDisplay":"carousel","modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"eliquids-outlet.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-484406":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Recently viewed","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"eliquids-outlet.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-071622":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"layoutDisplay":"bundle","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-551243":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"eliquids-outlet.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-432686":{"params":{"shop":"eliquids-outlet.myshopify.com","recommendationType":"trending-products","limit":12,"layoutDisplay":"carousel","calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"eliquids-outlet.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['defaultSettings'] = null
;return{recommendUrl:"https://services.mybcapps.com/discovery/recommend",recommendationWidgets}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlocks)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlocks)}initBlock(dom){const block={id:dom.id,document:dom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(block,dom,"recommendation");block.widgetId=dom.id?.replace("boost-sd-widget-","");this.TAEApp.registerBlock(block);this.blocks[block.id]=block}};var Search=class extends BoostTAEAppModule{constructor(){super(...arguments);this.block={id:"bc-instant-search",document:document.createElement("div")};this.initBlock=()=>{if(!this.enabled)return;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 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)}};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}}}};var ShopifyMetafield=class extends BoostTAEAppModule{get extendAppConfig(){return {shop:{name:"Eliquids Outlet",url:"https://www.eliquidsoutlet.com",domain:"eliquids-outlet.myshopify.com",currency:"GBP",money_format: "£{{amount}}",money_format_with_currency: "£{{amount}} GBP"},integration:{},...
{
}
};}};var ShopifyDataObject=class extends BoostTAEAppModule{get dataObject(){return {user:
{
}
,product:{...(
""
|| {})}};}};var TemplateManagement=class extends BoostTAEAppModule{get extendAppConfig(){const templateId=
"Lse6fBDFN1"
|| "";const templateMetadata=
{"collectionFilters":"Lse6fBDFN1/themes/default/main__0__liquid","productList":"Lse6fBDFN1/product-list/main__0__liquid","productItem":"Lse6fBDFN1/product-item/main__0__liquid","collectionHeader":"Lse6fBDFN1/collection-header/main__0__liquid","searchPage":"Lse6fBDFN1/themes/default/search__0__liquid","mostPopularProducts":"Lse6fBDFN1/no-search-result-page/most-popular-products__0__liquid","recommendation":"Lse6fBDFN1/recommendation/main__0__liquid","recommendationDynamicBundle":"Lse6fBDFN1/recommendation/main-dynamic-bundle__0__liquid","instantSearchWidget":"Lse6fBDFN1/instant-search-widget/main__0__liquid","quickView":"Lse6fBDFN1/quickview/main__0__liquid","cart":"Lse6fBDFN1/cart/main__0__liquid","placeholderFilterTree":"Lse6fBDFN1/place-holder/place-holder__0__liquid","placeholderRecommendation":"Lse6fBDFN1/recommendation-placeholder/main__0__liquid","templateVersion":"2.3.0","setupVersion":"v3","applyUniqueVersion":true,"themeNameLib":"default","themeLibVersion":"1.40.2","themeCssVersion":"2.3.0","themeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/default/2.3.0/main.css","settingsCssUrl":"https://cdn.shopify.com/s/files/1/0013/3713/1123/files/boost-app-do-not-delete-this-file-eliquids-outlet__Lse6fBDFN1-settings.css?v=1722470686","updatedAt":1736407857,"customizeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/eliquids-outlet.myshopify.com/Lse6fBDFN1/customization-1721904790772.css","customizeJsUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/eliquids-outlet.myshopify.com/Lse6fBDFN1/customization-1721904788916.js","upgradeLog":"API upgrade theme lib version to 1.40.2 by "}
|| {};const templateSettings=
{"appPreferenceSettings":{"watermark":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":true},"products":{"label":"Products","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":true,"displayImage":false,"displayDescription":false},"pages":{"label":"Pages","pageSize":25,"active":true,"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":true,"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":true,"data":[],"type":"based_on_data","backup":[]},"products":{"label":"Trending products","status":true,"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":true,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":true,"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-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false,"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":"","filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":""},"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"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#FF3300","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"},"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","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","iconPosition":"left","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","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":"#FF3300","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":"#FF3300","savingDisplayFontSizeScale":100,"savingDisplayFontFamily":"inherit","savingDisplayFontStyle":"inherit","savingDisplayFontSize":"inherit","savingDisplayFontSizeTabletPortrait":"inherit","savingDisplayFontSizeTabletLandscape":"inherit","savingDisplayFontSizeMobile":"inherit","isEnable":true,"priceFontWeight":"inherit","salePriceFontWeight":"inherit","compareAtPriceFontWeight":"inherit","savingDisplayFontWeight":"inherit"},"rating":false,"swatches.2":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"swatches.3":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","productCount":{"showProductCount":false,"position":"top"},"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":"2_1","elements":{"viewAs":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","listType":"grid/list","isEnable":false,"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","isEnable":false},"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,"fontSize":14,"fontSizeTabletPortrait":14,"fontSizeTabletLandscape":14,"fontSizeMobile":14,"color":"#222222","isEnable":false},"collectionDescription":{"fontSize":null,"fontSizeTabletPortrait":null,"fontSizeTabletLandscape":null,"fontSizeMobile":null,"isEnable":false}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","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"},"addToCartBtn":{"color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","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"},"viewCartBtn":{"textTransform":"none","color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"currentAppIntegration":{},"themeName":"default","srcThemeNameLib":"dawn"}
|| {};const template={};
;template["quickView"]=`<!-- TEMPLATE QUICK VIEW -->
{% if product.original_images != nil %}
{% assign image_array = product.original_images %}
{% else %}
{% assign image_array = product.images_info %}
{% endif %}
{% if image_array.size == 0 %}
{% assign image_array = "no_image" | split: ' ' %}
{% endif %}
{% assign show_prev_next_btns = image_array.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": {{ image_array | json | escape }}
}
{% endcapture %}
<div class="boost-sd__modal" id="boost-sd__modal-quickview" aria-modal="true" role="dialog" aria-label="modal" 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 image in image_array limit: 4 %}
<div class="boost-sd__thumbs-container-thumbs-item">
<div class="boost-sd__slide">
<div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">
<div class="boost-sd__product-image">
<img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" />
</div>
</div>
</div>
</div>
{% endfor %}
{% else %}
{% for image in image_array %}
<div class="boost-sd__thumbs-container-thumbs-item">
<div class="boost-sd__slide">
<div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">
<div class="boost-sd__product-image">
<img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" />
</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 image in image_array limit: 1 %}
<div class="boost-sd__slide">
<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 -%}
{% if hideOtherLabelsWhenSoldOut != true -%}
{% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
{% if compareAtPriceMin > product.price_min -%}
{% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%}
{% assign salePercent = percent | append: '%' -%}
{% assign saleAmount = compareAtPriceMin | minus: product.price_min -%}
{% 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 -%}
{% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%}
{% assign salePercent = percent | append: '%' -%}
{% assign saleAmount = compareAtPriceMin | minus: product.price_min -%}
{% 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">
<img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" />
</div>
</div>
</div>
{% endfor %}
{% else %}
{% for image in image_array %}
<div class="boost-sd__slide">
<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 -%}
{% if hideOtherLabelsWhenSoldOut != true -%}
{% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
{% if compareAtPriceMin > product.price_min -%}
{% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%}
{% assign salePercent = percent | append: '%' -%}
{% assign saleAmount = compareAtPriceMin | minus: product.price_min -%}
{% 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 -%}
{% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%}
{% assign salePercent = percent | append: '%' -%}
{% assign saleAmount = compareAtPriceMin | minus: product.price_min -%}
{% 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">
<img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" />
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
<div class="boost-sd__quick-view-product-info">
<h2 class="boost-sd__quick-view-title">{{ product.title }}</h2>
<p class="boost-sd__quick-view-vendor">{{ product.vendor }}</p>
<div class="boost-sd__quick-view-price">
<span class="boost-sd__format-currency"><span class="">$ {{ product.price_min }}</span></span>
</div>
{% 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 %}
<div class="boost-sd__product-swatch-option">
<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' %}
{% 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 %}
{% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" %}
{% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');"%}
<label tabindex="{{ forloop.index }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--hide-text {% if forloop.first %}boost-sd__radio-label--selected{% endif %} boost-sd__radio-label--large" style="{{ backgroundSwatch }}">
{{ value.title | strip_html | escape }}
</label>
{% else %}
<label tabindex="{{ forloop.index }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label {% if forloop.first %}boost-sd__radio-label--selected{% endif %} boost-sd__radio-label--in-quick-view">{{ value.title | strip_html | escape }}</label>
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
<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" 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" 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-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" 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 tabindex="0" class="boost-sd__modal-last-child"></div>
</div>
</div>
</div>`;
;template["cart"]=`<!-- TEMPLATE CART -->
{% comment %} This Template contains a few variables built from the client js side {% endcomment %}`;
;template["refineBy"]=`<!-- TEMPLATE REFINE BY -->
<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='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": "" } }'>{{ "clearAll" | translate: translations, "Clear All" }}</span>
</button>
</div>
<div class='boost-sd__refine-by-vertical-refine-by-list'>
{% for refineByOption in refineBy.options %}
<button metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json }} } }' class='boost-sd__refine-by-vertical-refine-by-item'>
<div metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json }} } }' class='boost-sd__refine-by-vertical-refine-by-type'>
<span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json }} } }' class='boost-sd__refine-by-vertical-refine-by-option'>
{{ refineByOption.data.label | escape }}:
</span>
<span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json }} } }' 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 %}
{{ refineByOption.data.valueDisplay | escape}}
{% endif %}
</span>
</div>
<svg metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json }} } }' 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' fill='#222'>
<path metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json }} } }' 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"]=`{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% 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 }}' 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 id='{{ actionId }}' data-action='{{ dataAction }}' role='checkbox' aria-label='{{ value.key | escape_once | strip_html }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>
<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"]=`{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% 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 }}" 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-label="Number of products: ({{ value.doc_count }})" 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 id='{{ actionId }}' data-action='{{ dataAction }}' role='checkbox' aria-checked='false' aria-label='{{ value.key | strip_html | escape_once }}' class='{{ className }}'>
<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-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>
({{ value.doc_count }})</span>
{% endif %}
</button>
</li>
{% endif %}`;
;template["filterOptionSwatchItem"]=`{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% 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 }}' 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-label='Number of products: ({{ value.doc_count }})' 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 id='{{ actionId }}' data-action='{{ dataAction }}' title='{{ value.label | strip_html | escape }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>
<span data-action='{{ dataAction }}' class='{{ className }}' style='background-color: {{ swatchValue.backgroundColor | strip_html }}; background-image: {{ swatchValue.backgroundImage | strip_html }}'></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-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>
{% endif %}
{% endif %}
</button>
</li>
{% endif %}`;
;template["filterOptionMultiLevelCollectionItem"]=`{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% 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' tabindex='0' 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 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' 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 %}
<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 }}' title='Link to' tabindex='0' data-action='select-filter-item' href='/collections/{{ value.handle }}' class='{{ className }}'>
<span style='{{styleOptionItem}}' data-metadata='{{ metaData | json }}' class='boost-sd__filter-option-item-label'>
{% if option.displayAllValuesInUppercaseForm %}
{{ value.displayName | upcase }}
{% else %}
{{ value.displayName }}
{% endif %}
</span>
</a>
{% if value.existedTags %}
<button id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json }}' type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>
<svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' viewBox='0 0 7 12' fill='#222'>
<path data-metadata='{{ value.metaDataArrow | json }}' 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 }}' title='Link to' tabindex='0' data-action='select-filter-item' href='/collections/frontpage/{{ tag.tag }}' class='{{ tag.className }}'>
<span data-metadata='{{ tag.metaData | json }}' class='boost-sd__filter-option-item-label'>
{% if option.displayAllValuesInUppercaseForm %}
{{ tag.displayName | upcase }}
{% else %}
{{ tag.displayName }}
{% endif %}
</span>
</a>
{% if tag.existedSubTags %}
<button id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json }}' type='button' aria-label='Expand/Collapse {{ tag.displayName }}' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>
<svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' viewBox='0 0 7 12' fill='#222'>
<path data-metadata='{{ tag.metaDataArrow | json }}' 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 }}' title='Link to' tabindex='0' data-action='select-filter-item' href='/collections/frontpage/{{ subTag.tag }}' class='{{ subTag.className }}'>
<span data-metadata='{{ subTag.metaData | json }}' 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"]=`{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% if request.previewMode == true %}
<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'>
<button role='checkbox' aria-checked='false' 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' 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 id='{{ actionId }}' data-metadata='{{ metaData | json }}' role='checkbox' aria-checked='false' class='{{ className }}'>
<span style='{{styleOptionItem}}' data-metadata='{{ metaData | json}}' 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 id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json }}' 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 id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' viewBox='0 0 7 12' fill='{{colorOptionItem}}'>
<path data-metadata='{{ value.metaDataArrow | json }}' 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>
{% comment %} style="display: none" {% endcomment %}
<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 id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json }}' role='checkbox' aria-checked='false' class='{{ tag.className }}'>
<span style='{{styleOptionItem}}' data-metadata='{{ tag.metaData | json }}' class='boost-sd__filter-option-item-label'>
{% if option.displayAllValuesInUppercaseForm %}
{{ tag.displayName | upcase }}
{% else %}
{{ tag.displayName }}
{% endif %}
</span>
</button>
{% assign existedSubTags = tag.subTags | size %}
{% if existedSubTags > 0 %}
<button id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json }}' type='button' aria-label='Expand/Collapse {{ tag.displayName }}' 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 }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' viewBox='0 0 7 12' fill='{{colorOptionItem}}'>
<path data-metadata='{{ tag.metaDataArrow | json }}' 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>
{% comment %} style="display: none" {% endcomment %}
<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 id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json }}' role='checkbox' aria-checked='false' class='{{ subTag.className }}'>
<span style='{{styleOptionItem}}' data-metadata='{{ subTag.metaData | json }}' class='boost-sd__filter-option-item-label'>
{% if option.displayAllValuesInUppercaseForm %}
{{ subTag.displayName | upcase }}
{% else %}
{{ subTag.displayName }}
{% endif %}
</span>
</button>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endif %}`;
;template["filterOptionRatingItem"]=`{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% 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 aria-label='Number of products: ({{ value.doc_count }})' 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 id='{{ actionId }}' data-action='{{ dataAction }}' role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{value.doc_count}}' 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>
<span data-action='{{ dataAction }}' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>
</button>
</li>
{% endif %}`;
;template["productPrice"]=`{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% assign removePriceDecimal = false -%}
{% assign decimalDelimiter = '' -%}
{% assign withoutTrailingZeros = true -%}
{% assign showCentAsSuperscript = false -%}
{% assign money_format = request.money_format -%}
{% 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 -%}
{% comment %} convert variable compareAtPriceMin to number {% endcomment %}
{% assign compareAtPriceMin = 0 -%}
{% if product.compare_at_price_min -%}
{% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}
{% 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 -%}
{% comment %} calculate salePercent base on compareAtPriceMin and minPrice {% endcomment %}
{% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%}
{% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%}
{% comment %} compareAtPriceWithFormat is compare price with PriceMin and format currency {% endcomment %}
{% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}
{% assign saleAmount = compareAtPriceMin | minus: minPrice -%}
{% endunless -%}
{% comment %} Format price min {% endcomment %}
{% assign priceMinWithFormat = minPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}
{% comment %} Format price max {% endcomment %}
{% assign priceMaxWithFormat = '' -%}
{% if product.price_max and maxPrice > minPrice -%}
{% assign priceMaxWithFormat = maxPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}
{% endif -%}
{% comment %} priceMax used for multi variant price display where it can have min-max price with format and translation {% endcomment %}
{% 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: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}
{% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}
{% endunless -%}
{% comment %} Price compare display top or bottom {% endcomment %}
{% comment %} Price compare display left or right {% endcomment %}
<div class="boost-sd__product-price-wrapper">
<span 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"> {{ compareAtPriceWithFormat }}
</span>
{% endif -%}
</span>
{% if savingPriceWithFormat -%}
<span class="boost-sd__product-price--saving"><span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span></span>
{% endif -%}
</div>`;
;template["recommendation"]=`<!-- TEMPLATE RECOMMENDATION -->
{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}
<div id='{{ widgetId }}' class='boost-sd__recommendation' data-product-price='true'>
<div class='boost-sd__recommendation-title boost-sd__recommendation-title--{{ widgetDesignSettings.titleAlignment }}'>
<span class='boost-sd__recommendation-title-text'>
{{ widgetNameTranslationLabel | translate: translations, widgetName }}
</span>
</div>
{% if widgetDesignSettings.layoutDisplay == 'carousel' %}
<!-- TEMPLATE RECOMMENDATION TYPE 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 %}
<!-- TEMPLATE GRID PRODUCT ITEM -->
{% 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 valueRequest = request[filterOptionIdImageBaseOn] %}
{% assign selectedVariantImageByFilterOption = nil %}
{% for item in product.variants %}
{% assign optionNameValue = optionName | append: ":" | append: valueRequest %}
{% if item.merged_options contains optionNameValue %}
{% if item.image %}
{% assign selectedVariantImageByFilterOption = item.image %}
{% endif %}
{% break %}
{% endif %}
{% endfor %}
{% capture productVariants %}
[
{% for variant in product.variants %}
{
"title": "{{ variant.title }}",
"id": "{{ variant.id }}",
"available": {{ variant.available }}
}{% 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 }}"
}
{% endcapture %}
<div class='boost-sd__product-item boost-sd__product-item--noBorder boost-sd__product-item-grid-view-layout' id='{{ product.id }}' data-product-id='{{ productId }}' data-product='{{ productData | json_encode }}'>
<!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT IMAGE -->
{%- capture aspectRatio %}natural{% endcapture -%}
<div class="boost-sd__product-item-grid-view-layout-image">
<a class="boost-sd__product-link boost-sd__product-link-image"
{%- if request.previewMode != true %} href="/products/{{ product.handle }}"{% endif -%}
>
<div style="position: relative">
{% assign aspect_ratio = '' -%}
{% if aspectRatio == 'natural' -%}
{% assign imageWidth = product.images_info[0].width -%}
{% assign imageHeight = product.images_info[0].height -%}
{% assign aspect_ratio = aspect_ratio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}
{% endif -%}
<div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--has-second-image boost-sd__product-image-wrapper--natural"
style="{{ aspect_ratio }}">
<div class="boost-sd__product-image">
{% assign firstImageSrc = '' -%}
{% if selectedVariantImageByFilterOption != nil -%}
{% assign firstImageSrc = selectedVariantImageByFilterOption -%}
{% else -%}
{% assign firstImageSrc = product.images_info[0].src -%}
{% endif -%}
{% assign widthParam = "&width=" -%}
{% assign widths = "200,300,400,500,700,800" | split: "," -%}
{% if request.device contains 'mobile' -%}
{% assign maxWidth = 400 -%}
{% else -%}
{% assign maxWidth = 700 -%}
{% 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 -%}
{% assign productPerRow = 4 -%}
{% if request.productPerRow != blank -%}
{% assign productPerRow = request.productPerRow | plus: 0 -%}
{% endif -%}
<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 }}">
{% if product.images_info[1] -%}
{% assign secondImageSrc = product.images_info[1].src -%}
{% capture secondImageSrcset -%}
{% for width in widths -%}
{% assign widthNo = width | plus: 0 -%}
{% if widthNo < maxWidth -%}
{{ secondImageSrc }}{{ widthParam }}{{ width }} {{ width }}w,
{% else -%}
{{ secondImageSrc }}{{ 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 }}" src="{{ product.images_info[1].src }}&width=200" srcset="{{ secondImageSrcset }}">
{% endif -%}
{% else -%}
<img id="product-image-{{ product.id }}"
class="boost-sd__product-image-img boost-sd__product-image-img--main"
alt="{{ product.title | escape }}" src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268">
{% endif -%}
</div>
<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 -%}
{% if hideOtherLabelsWhenSoldOut != true -%}
{% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
{% if compareAtPriceMin > product.price_min -%}
{% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%}
{% assign salePercent = percent | append: '%' -%}
{% assign saleAmount = compareAtPriceMin | minus: product.price_min -%}
{% 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 -%}
{% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%}
{% assign salePercent = percent | append: '%' -%}
{% assign saleAmount = compareAtPriceMin | minus: product.price_min -%}
{% 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">
{% capture metaData %}
{
"action": {
{% if product.variants.size == 1 %}
"addToCart": {
"productId": "{{ product.variants[0].id }}"
}
{% 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 selectOptionBtnLabel = '' %}
{% if product.available == false %}
{% assign selectOptionBtnLabel = "productItem.soldoutLabel" | translate: translations, 'Sold out' %}
{% elsif product.variants.size == 1 %}
{% assign selectOptionBtnLabel = "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' %}
{% else %}
{% assign selectOptionBtnLabel = "productItem.atcSelectOptionsLabel" | translate: translations, 'Choose options' %}
{% endif %}
<button
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'
type='button'
aria-label='{{ selectOptionBtnLabel }}'
{% 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'>{{ selectOptionBtnLabel }}</span>
</button>
{% capture metaData %}
{
"action": {
"quickView": {
"productId": "{{ product.id }}"
}
}
}
{% endcapture %}
<button
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'
aria-label='Quick view'
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>
{% comment %} POPUP {% endcomment %}
<div class="boost-sd__popup-select-option" style="display: none">
<div 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 -%}
<div class="boost-sd__product-swatch-option">
<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' -%}
{% 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" -%}
{% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');"%}
<label
tabindex="{{ forloop.index }}"
for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"
class="boost-sd__radio-label boost-sd__radio-label--hide-text {% if forloop.first %}boost-sd__radio-label--selected{% endif %} boost-sd__radio-label--large"
style="{{ backgroundSwatch }}"
>
{{ value.title | strip_html | escape }}
</label>
{% else -%}
<label tabindex="{{ forloop.index }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label {% if forloop.first %}boost-sd__radio-label--selected{% endif %} boost-sd__radio-label--in-quick-view">{{ value.title | strip_html | escape }}</label>
{% endif -%}
</div>
</div>
</div>
{% endfor -%}
</div>
</div>
{% endfor -%}
<button type="button" aria-label="close-popup" 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>
<button type="button" aria-label="Add to cart" 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">{{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}</span></button>
</div>
{% comment %} POPUP {% endcomment %}
</div>
</a>
</div>
<!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT INFO -->
<a class="boost-sd__product-link" {% if request.previewMode != true %} href="/products/{{ product.handle }}"{% endif %}>
<div class="boost-sd__product-info boost-sd__product-info--left">
<div class="boost-sd__product-title">
{{ product.title | escape }}
</div>
<div class="boost-sd__product-price">
{% comment %} This Template contains a few variables built from the client js side {% endcomment %}
{% assign removePriceDecimal = false -%}
{% assign decimalDelimiter = '' -%}
{% assign withoutTrailingZeros = true -%}
{% assign showCentAsSuperscript = false -%}
{% assign money_format = request.money_format -%}
{% 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 -%}
{% comment %} convert variable compareAtPriceMin to number {% endcomment %}
{% assign compareAtPriceMin = 0 -%}
{% if product.compare_at_price_min -%}
{% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}
{% 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 -%}
{% comment %} calculate salePercent base on compareAtPriceMin and minPrice {% endcomment %}
{% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%}
{% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%}
{% comment %} compareAtPriceWithFormat is compare price with PriceMin and format currency {% endcomment %}
{% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}
{% assign saleAmount = compareAtPriceMin | minus: minPrice -%}
{% endunless -%}
{% comment %} Format price min {% endcomment %}
{% assign priceMinWithFormat = minPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}
{% comment %} Format price max {% endcomment %}
{% assign priceMaxWithFormat = '' -%}
{% if product.price_max and maxPrice > minPrice -%}
{% assign priceMaxWithFormat = maxPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}
{% endif -%}
{% comment %} priceMax used for multi variant price display where it can have min-max price with format and translation {% endcomment %}
{% 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: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}
{% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}
{% endunless -%}
{% comment %} Price compare display top or bottom {% endcomment %}
{% comment %} Price compare display left or right {% endcomment %}
<div class="boost-sd__product-price-wrapper">
<span
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"
> {{ compareAtPriceWithFormat }}
</span>
{% endif -%}
</span>
{% if savingPriceWithFormat -%}
<span class="boost-sd__product-price--saving"><span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span></span>
{% endif -%}
</div>
</div>
<!-- PRODUCT INVENTORY -->
{% assign swatches = '' %}
</div>
</a>
</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>
{% else %}
<!-- TEMPLATE RECOMMENDATION TYPE BUNDLE -->
{% 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 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 %}
<b>This item:</b>
{{ product.title | escape }}
{% elsif product.checked %}
<a class="boost-sd__product-link" href="/products/{{ product.handle }}">
{{ product.title | escape }}
</a>
{% else %}
{{ product.title | escape }}
{% endif %}
</div>
{%- if product.selectedOption.title != 'Default Title' -%}
<div
class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">
<div 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 class="boost-sd__dropdown-option-text" title="{{ product.selectedOption.title | escape }}">{{ 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 id="boost-sd__dropdown-list-{{ widgetId }}" class="boost-sd__dropdown-option-list">
{% for variant in product.variants %}
<li 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">
<span class="boost-sd__recommendation-bundle-checkbox-box
{% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"></span>
</div>
<span 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">
<span class="boost-sd__recommendation-bundle-checkbox-box
{% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"></span>
</div>
{% if forloop.index0 == 0 %}
<b>This item: </b>
{{ product.title | escape }}
{% elsif product.checked %}
<a class="boost-sd__product-link" href="/products/{{ product.handle }}">
{{ product.title | escape }}
</a>
{% else %}
{{ product.title | escape }}
{% endif %}
</div>
{%- if product.selectedOption.title != 'Default Title' -%}
<div
class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">
<div 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 class="boost-sd__dropdown-option-text" title="{{ product.selectedOption.title | escape }}">{{ 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 id="boost-sd__dropdown-list-{{ widgetId }}" class="boost-sd__dropdown-option-list">
{% for variant in product.variants %}
<li 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 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 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-style: {{ widgetDesignSettings.titleFontStyle }}
}
</style>
`;
;template["searchTabCollectionsContent"]=`<div class="boost-sd__search-result-panel-content">
{% for collection in collections %}
<a href="/collections/{{ collection.handle }}" class="boost-sd__search-result-panel-content-item">
{% capture collectionsDisplayImage %}
false
{% endcapture %}
{% if collectionsDisplayImage and collection.image != null %}
<div class="boost-sd__search-result-panel-content-item-image">
<img src="{{ collection.image.src }}">
</div>
{% endif %}
<div class="boost-sd__search-result-panel-content-item-text">
<p class="boost-sd__search-result-panel-content-item-title">{{ collection.title | escape }}</p>
{% capture collectionsDisplayDescription %}
false
{% endcapture %}
{% if collectionsDisplayDescription and collection.body_html != "" %}
<div class="boost-sd__search-result-panel-content-item-description">{{ collection.body_html | escape }}</div>
{% endif %}
</div>
</a>
{% endfor %}
{% capture pageSize %}
25
{% endcapture %}
{% assign pageSize = pageSize | plus: 0 %}
{% if pageSize < total_collection %}
{% assign totalPage = total_collection | divided_by: pageSize | ceil %}
{% assign pagination = request.page | pagination_list: totalPage | split: "," %}
{% assign to_product = request.page | times: request.limit %}
<div class="boost-sd__pagination boost-sd__pagination--center">
{% if request.page != 1 %}
<button type="button" aria-label="previous 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--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;">{{ 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;">{{ page }}</button>
{% endif %}
{% endfor %}
{% if request.page != 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 class="boost-sd__search-result-panel-content">
{% for page in pages %}
<a href="{{ page.url }}" class="boost-sd__search-result-panel-content-item">
{% capture pagesDisplayImage %}
false
{% endcapture %}
{% if pagesDisplayImage and page.image != null %}
<div class="boost-sd__search-result-panel-content-item-image">
<img src="{{ page.image.src }}">
</div>
{% endif %}
<div class="boost-sd__search-result-panel-content-item-text">
<p class="boost-sd__search-result-panel-content-item-title">{{ page.title | escape }}</p>
{% capture pagesDisplayDescription %}
{% endcapture %}
{% if pagesDisplayDescription and page.body_html != "" %}
<div class="boost-sd__search-result-panel-content-item-description">{{ page.body_html | escape}}</div>
{% endif %}
</div>
</a>
{% endfor %}
{% capture pageSize %}
25
{% endcapture %}
{% assign pageSize = pageSize | plus: 0 %}
{% if pageSize < total_page %}
{% assign totalPage = total_page | divided_by: pageSize | ceil %}
{% assign pagination = request.page | pagination_list: totalPage | split: "," %}
{% assign to_product = request.page | times: request.limit %}
<div class="boost-sd__pagination boost-sd__pagination--center">
{% if request.page != 1 %}
<button type="button" aria-label="previous 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--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;">{{ 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;">{{ page }}</button>
{% endif %}
{% endfor %}
{% if request.page != 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 = request.page | pagination_list: totalPage | split: "," %}
{% assign to_product = request.page | times: request.limit %}
<div class="boost-sd__pagination boost-sd__pagination--center">
{% if request.page != 1 %}
<button type="button" aria-label="previous 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--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;">{{ 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;">{{ page }}</button>
{% endif %}
{% endfor %}
{% if request.page != 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"]=`<!-- TEMPLATE 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'>
<!-- TEMPLATE FILTER TREE PLACEHOLDER -->
<div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">
<div class="boost-sd__filter-tree-vertical ">
<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'>
<!-- TEMPLATE TOOLBAR PLACEHOLDER-->
<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>
<!-- TEMPLATE PRODUCT LIST PLACEHOLDER-->
<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__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>`;
;return{templateUrl:"https://services.mybcapps.com/bc-sf-filter/ssr-template",templateId,templateMetadata,template,templateSettings}}};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)}};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(PredictiveBundle).loadModule(PreOrder).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>
<!-- END app block --><!-- BEGIN app block: shopify://apps/mega-menu/blocks/app-embed/7a00835e-fe40-45a5-a615-2eb4ab697b58 -->
<link href="//cdn.shopify.com/extensions/5a0ed2bb-9047-4bc6-8cd0-167cf8b5b794/globo-mega-menu-242/assets/main-navigation-styles.min.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" hs-ignore data-cookieconsent="ignore" data-ccm-injected>
document.getElementsByTagName('html')[0].classList.add('globo-menu-loading');
window.GloboMenuConfig = window.GloboMenuConfig || {}
window.GloboMenuConfig.curLocale = "en";
window.GloboMenuConfig.shop = "eliquids-outlet.myshopify.com";
window.GloboMenuConfig.GloboMenuLocale = "en";
window.GloboMenuConfig.locale = "en";
window.menuRootUrl = "";
window.GloboMenuCustomer = false;
window.GloboMenuAssetsUrl = 'https://cdn.shopify.com/extensions/5a0ed2bb-9047-4bc6-8cd0-167cf8b5b794/globo-mega-menu-242/assets/';
window.GloboMenuFilesUrl = '//www.eliquidsoutlet.com/cdn/shop/files/';
window.GloboMenuLinklists = {"quick-links": [{'url' :"\/pages\/about", 'title': "About us"},{'url' :"\/pages\/affiliate-program", 'title': "Affiliate Program"},{'url' :"\/pages\/privacy-policy", 'title': "Privacy Policy"},{'url' :"\/pages\/term-conditions", 'title': "Terms \u0026 Condition"},{'url' :"#", 'title': "RSS Syndication"},{'url' :"\/pages\/wholesale", 'title': "Wholesale"}],"help-center": [{'url' :"\/pages\/help-center", 'title': "Help Center"},{'url' :"#", 'title': "Reviews"},{'url' :"\/pages\/shipping-returns", 'title': "Shipping \u0026 Returns"},{'url' :"\/pages\/faqs", 'title': "FAQ"},{'url' :"\/pages\/contact-us", 'title': "Contact Us"},{'url' :"\/blogs\/blog", 'title': "Blog Posts"}],"customer-account-main-menu": [{'url' :"\/", 'title': "Shop"},{'url' :"https:\/\/shopify.com\/1337131123\/account\/orders?locale=en\u0026region_country=GB", 'title': "Orders"}]}
window.GloboMenuConfig.is_app_embedded = true;
</script>
<script hs-ignore data-cookieconsent="ignore" data-ccm-injected type="text/javascript">
window.GloboMenus = window.GloboMenus || [];
window.GloboMenus[4758] = window.GloboMenus[4758] || {};
window.GloboMenus[4758].id = 4758;window.GloboMenus[4758].replacement = {"type":"auto","main_menu":"main-menu","mobile_menu":"main-menu","main_menu_selector":"#site-header-nav","mobile_menu_selector":"#site-mobile-nav"};window.GloboMenus[4758].type = "main";
window.GloboMenus[4758].settings ={"font":{"tab_fontsize":"14","menu_fontsize":"14","tab_fontfamily":"Lato","tab_fontweight":"regular","menu_fontfamily":"Lato","menu_fontweight":"regular","tab_fontfamily_2":"Lato","menu_fontfamily_2":"Lato","submenu_text_fontsize":"14","tab_fontfamily_custom":false,"menu_fontfamily_custom":false,"submenu_text_fontfamily":"Lato","submenu_text_fontweight":"regular","submenu_heading_fontsize":"14","submenu_text_fontfamily_2":"Arimo","submenu_heading_fontfamily":"Lato","submenu_heading_fontweight":"regular","submenu_description_fontsize":"14","submenu_heading_fontfamily_2":"Bitter","submenu_description_fontfamily":"Lato","submenu_description_fontweight":"regular","submenu_text_fontfamily_custom":false,"submenu_description_fontfamily_2":"Indie Flower","submenu_heading_fontfamily_custom":false,"submenu_description_fontfamily_custom":false},"color":{"menu_text":"#ffffff","menu_border":"rgba(25, 123, 189, 1)","submenu_text":"#313131","atc_text_color":"#FFFFFF","submenu_border":"#d1d1d1","menu_background":"rgba(25, 123, 189, 1)","menu_text_hover":"#f6f1f1","sale_text_color":"#ffffff","submenu_heading":"rgba(25, 123, 189, 1)","tab_heading_color":"rgba(25, 123, 189, 1)","soldout_text_color":"#757575","submenu_background":"#ffffff","submenu_text_hover":"#000000","submenu_description":"#969696","atc_background_color":"#1F1F1F","atc_text_color_hover":"#FFFFFF","tab_background_hover":"#d9d9d9","menu_background_hover":"rgba(25, 123, 189, 1)","sale_background_color":"#ec523e","soldout_background_color":"#d5d5d5","tab_heading_active_color":"rgba(25, 123, 189, 1)","submenu_description_hover":"rgba(25, 123, 189, 1)","atc_background_color_hover":"#000000"},"general":{"align":"left","login":false,"border":true,"logout":false,"search":false,"account":false,"trigger":"hover","register":false,"atcButton":false,"indicators":true,"responsive":"768","transition":"fade","menu_padding":"10","carousel_loop":true,"hidewatermark":false,"mobile_border":true,"mobile_trigger":"click_toggle","submenu_border":true,"tab_lineheight":"50","menu_lineheight":"10","lazy_load_enable":false,"transition_delay":"150","transition_speed":"300","carousel_auto_play":true,"dropdown_lineheight":"50","linklist_lineheight":"30","mobile_sticky_header":true,"desktop_sticky_header":true,"mobile_hide_linklist_submenu":false},"language":{"name":"Name","sale":"Sale","send":"Send","view":"View details","email":"Email","phone":"Phone Number","search":"Search for...","message":"Message","sold_out":"Sold out","add_to_cart":"Add to cart"}};
window.GloboMenus[4758].itemsLength = 9;
</script><script type="template/html" id="globoMenu4758HTML"><ul class="gm-menu gm-menu-4758 gm-bordered gm-mobile-bordered gm-has-retractor gm-submenu-align-left gm-menu-trigger-hover gm-transition-fade" data-menu-id="4758" data-transition-speed="300" data-transition-delay="150">
<li data-gmmi="0" data-gmdi="0" class="gm-item gm-level-0 gm-has-submenu gm-submenu-mega gm-submenu-align-full"><a class="gm-target" title="E-LIQUIDS" href="/collections/e-liquids-shortfills-50ml-100ml"><span class="gm-text">E-LIQUIDS</span><span class="gm-retractor"></span></a><div
class="gm-submenu gm-mega gm-submenu-bordered"
style=""
><div style="" class="submenu-background"></div>
<ul class="gm-grid">
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="A"><span class="gm-text">A</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="ADRENALINE FIZZY COLA SHORTFILLS" href="/collections/adrenaline-fizzy-cola-shortfills"><span class="gm-text">ADRENALINE FIZZY COLA SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AISU SHORTFILLS" href="/collections/aisu"><span class="gm-text">AISU SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AISU TOKYO SERIES SHORTFILLS" href="/collections/aisu-tokyo-series-shortfills-50ml-eliquid"><span class="gm-text">AISU TOKYO SERIES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ALL DAY VAPING SHORTFILLS" href="/collections/all-day-vaping-e-liquids-50ml"><span class="gm-text">ALL DAY VAPING SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AMAZONIA 10ML & SHORTFILLS" href="/collections/amazonia-10ml-e-liquid-vape-juice"><span class="gm-text">AMAZONIA 10ML & SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ANARCHIST SHORTFILLS" href="/collections/anarchist-e-liquid-100ml-vape-juice-white-blue"><span class="gm-text">ANARCHIST SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AREA 51 SHORTFILLS" href="/collections/area-51-shortfills"><span class="gm-text">AREA 51 SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AT HOME DOE SHORTFILLS" href="/collections/at-home-doe"><span class="gm-text">AT HOME DOE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AU GOLD SHORTIFLLS" href="/collections/au-gold-shortiflls-100ml-e-liquid-vape-juice"><span class="gm-text">AU GOLD SHORTIFLLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="B"><span class="gm-text">B</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="BAD DRIP SHORTFILLS" href="/collections/bad-drip"><span class="gm-text">BAD DRIP SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BAD JUICE SHORTFILLS" href="/collections/bad-juice-shortfills"><span class="gm-text">BAD JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BAM'S CANNOLI SHORTFILLS" href="/collections/bams-cannoli-shortfills"><span class="gm-text">BAM'S CANNOLI SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BAR SERIES SHORTFILL" href="/collections/bar-series-shortfill"><span class="gm-text">BAR SERIES SHORTFILL</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BARISTA BREW CO SHORTFILLS" href="/collections/barista-brew-co"><span class="gm-text">BARISTA BREW CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BAZOOKA BY KILO SHORTFILLS" href="/collections/e-eliquids-100ml-shortfill-70vg"><span class="gm-text">BAZOOKA BY KILO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BISCUIT SHAKES BY MILKSHAKE LIQUIDS SHORTFILLS" href="/collections/milkshake-e-liquids-biscuits-shakes-shortfills-80ml"><span class="gm-text">BISCUIT SHAKES BY MILKSHAKE LIQUIDS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BEARD VAPE CO SHORTFILLS" href="/collections/beard-vape-co"><span class="gm-text">BEARD VAPE CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BERT'S CUSTARD SHORTFILLS" href="/collections/berts-custard-shortfills"><span class="gm-text">BERT'S CUSTARD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BIG TASTY SHORTFILLS" href="/collections/the-big-tasty-shortfills"><span class="gm-text">BIG TASTY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BIG DRIP SHORTFILLS" href="/collections/big-drip-shortfills"><span class="gm-text">BIG DRIP SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BILLIONAIRE JUICE SHORTFILLS" href="/collections/billionaire-juice-shortfills"><span class="gm-text">BILLIONAIRE JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BL4CK SHORTFILLS" href="/collections/bl4ck-shortfills"><span class="gm-text">BL4CK SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BLOOM SHORTFILLS" href="/collections/bloom-shortfills"><span class="gm-text">BLOOM SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BOUJEE JUICE SHORTFILLS" href="/collections/boujee-juice"><span class="gm-text">BOUJEE JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BREAKFAST CLUB SHORTFILLS" href="/collections/breakfast-club-shortfills-100ml-e-liquid"><span class="gm-text">BREAKFAST CLUB SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BROKE BALLER SHORTFILLS" href="/collections/broke-baller-shortfills"><span class="gm-text">BROKE BALLER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BURST MY BUBBLE SHORTFILLS" href="/collections/burst-my-bubble"><span class="gm-text">BURST MY BUBBLE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BRUTAL SHORTFILLS" href="/collections/brutal-shortfills-100ml-e-liquid-vape-juice"><span class="gm-text">BRUTAL SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="C"><span class="gm-text">C</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="CALI GREENS SHORTFILLS" href="/collections/cali-greens"><span class="gm-text">CALI GREENS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CANDY KING SHORTFILLS" href="/collections/candy-king-100ml-shortfill-eliquid"><span class="gm-text">CANDY KING SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CHARLIE’S CHALK DUST SHORTFILLS" href="/collections/charlie-s-chalk-dust"><span class="gm-text">CHARLIE’S CHALK DUST SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CHEAP THRILLS SHORTFILLS" href="/collections/cheap-thrills"><span class="gm-text">CHEAP THRILLS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CHEWY SHORTFILLS" href="/collections/chewy-shortfills"><span class="gm-text">CHEWY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CHUFFED SHORTFILLS" href="/collections/chuffed-shortfill"><span class="gm-text">CHUFFED SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CIDERHOUSE SHORTFILLS" href="/collections/ciderhouse-shortfills"><span class="gm-text">CIDERHOUSE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CLOUD THIEVES SHORTFILLS" href="/collections/cloud-thieves"><span class="gm-text">CLOUD THIEVES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CLOWN SHORTFILLS" href="/collections/clown-shortfills-vape-juice-60ml-twisty-pennywise-drooy-crush"><span class="gm-text">CLOWN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="COASTAL CLOUDS SHORTFILLS" href="/collections/coastal-clouds-shortfills"><span class="gm-text">COASTAL CLOUDS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CONNOISSEUR SHORTFILLS" href="/collections/connoisseur-shortfills-eliquids-yorkshire-vaper"><span class="gm-text">CONNOISSEUR SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="COIL GLAZE SHORTFILLS" href="/collections/coil-glaze"><span class="gm-text">COIL GLAZE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="COOKIE KING SHORTFILL" href="/collections/cookie-king-full-range-100ml-0mg-dvnk-choco-cream-lemon-wafer"><span class="gm-text">COOKIE KING SHORTFILL</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CREAM TEAM SHORTFILLS" href="/collections/cream-team-shortfills"><span class="gm-text">CREAM TEAM SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="COSMIC FOG SHORTFILLS" href="/collections/cosmic-fog-shortfills-100ml-e-liquid"><span class="gm-text">COSMIC FOG SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CUTTWOOD SHORTFILLS" href="/collections/cuttwood"><span class="gm-text">CUTTWOOD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CYBER RABBIT SHORTFILLS" href="/collections/cyber-rabbit-50ml-e-liquid-vape-juice-jack-rabbit"><span class="gm-text">CYBER RABBIT SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="D"><span class="gm-text">D</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="DECODED SHORTFILLS" href="/collections/decoded-shortfills-full-range-100ml-0mg-verified"><span class="gm-text">DECODED SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DEEZ D'NUTS SHORTFILLS" href="/collections/deez-dnuts-shortfills"><span class="gm-text">DEEZ D'NUTS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DEVIL VAPOUR SHORTFILLS" href="/collections/devil-vapour-shortfills"><span class="gm-text">DEVIL VAPOUR SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DINNER LADY SHORTFILLS" href="/collections/dinner-lady"><span class="gm-text">DINNER LADY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DINKY DONUTS SHORTFILLS" href="/collections/dinky-donuts-shortfills"><span class="gm-text">DINKY DONUTS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DOE NUTZ SHORTFILLS" href="/collections/doe-nutz-shortfills"><span class="gm-text">DOE NUTZ SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DONUT KING SHORTFILLS" href="/collections/donut-king-e-liquid-vape-juice-uk"><span class="gm-text">DONUT KING SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DOOZY VAPE CO SHORTFILLS" href="/collections/doozy-vape-co"><span class="gm-text">DOOZY VAPE CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DOUBLE DRIP SHORTFILLS" href="/collections/double-drip"><span class="gm-text">DOUBLE DRIP SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DOUGH BROS SHORTFILLS" href="/collections/dough-bros"><span class="gm-text">DOUGH BROS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DR FOG SHORTFILLS" href="/collections/dr-fog-shortfills-full-range-100ml"><span class="gm-text">DR FOG SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DR FROST SHORTFILLS" href="/collections/dr-frost"><span class="gm-text">DR FROST SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DRIFTER BAR JUICE SHORTFILLS" href="/collections/drifter-bar-juice-e-liquid-100ml-vape-juice"><span class="gm-text">DRIFTER BAR JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DR VAPES E-LIQUID" href="/collections/dr-vapes-panther-series-e-liquid"><span class="gm-text">DR VAPES E-LIQUID</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="E"><span class="gm-text">E</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="EEE BAH GUM SHORTFILLS" href="/collections/eee-bah-gum-shortfills"><span class="gm-text">EEE BAH GUM SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="EFINITY LABS SHORTFILLS" href="/collections/efinity-labs-shortfills"><span class="gm-text">EFINITY LABS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ELEMENT SHORTFILLS" href="/collections/element-shortfills-50ml-100ml"><span class="gm-text">ELEMENT SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="EMPIRE BREW SHORTFILLS" href="/collections/empire-brew"><span class="gm-text">EMPIRE BREW SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ETHOS VAPORS SHORTFILLS" href="/collections/ethos-vapors"><span class="gm-text">ETHOS VAPORS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="EVIL DRIP SHORTFILLS" href="/collections/evil-drip-shortfills"><span class="gm-text">EVIL DRIP SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="F"><span class="gm-text">F</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="FANTASI (MALAYSIAN) SHORTFILLS" href="/collections/fantasi"><span class="gm-text">FANTASI (MALAYSIAN) SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FANTASI SHORTFILL" href="/collections/fantasi-100ml-e-liquid-vape-juice-70-vg"><span class="gm-text">FANTASI SHORTFILL</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FAR BY ELEMENT SHORTFILLS" href="/collections/far-by-element"><span class="gm-text">FAR BY ELEMENT SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FIZZY BUBBILY SHORTFILLS" href="/collections/fizzy-bubbily"><span class="gm-text">FIZZY BUBBILY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FERRUM CITY SHORTFILLS" href="/collections/ferrum-city-shortfills-100ml-e-liquid-vape-juice"><span class="gm-text">FERRUM CITY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FOG CLOWN SHORTFILLS" href="/collections/fog-clown"><span class="gm-text">FOG CLOWN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FOGG FATHER SHORTFILLS" href="/collections/fogg-father"><span class="gm-text">FOGG FATHER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FORBIDDEN FRUITS SHORTFILLS" href="/collections/forbidden-fruits-shortfills"><span class="gm-text">FORBIDDEN FRUITS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FRAPPE SHORTFILLS" href="/collections/frappe-shortfills"><span class="gm-text">FRAPPE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FREAKSHOW SHORTFILLS" href="/collections/freakshow-shortfills"><span class="gm-text">FREAKSHOW SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FRENCH DUDE SHORTFILLS" href="/collections/french-dude-shortfills"><span class="gm-text">FRENCH DUDE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FROOTI TOOTI SHORTFILLS" href="/collections/frooti-tooti"><span class="gm-text">FROOTI TOOTI SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FRUKT CYDER SHORTFILLS" href="/collections/frukt-cyder-shortfills-100ml-vape-juice"><span class="gm-text">FRUKT CYDER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FRYD SHORTFILLS" href="/collections/fryd-shortfills"><span class="gm-text">FRYD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FUTURE JUICE SHORTFILLS" href="/collections/future-juice-shortfills-e-liquid-100-ml-vape"><span class="gm-text">FUTURE JUICE SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="G"><span class="gm-text">G</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="GHETTO PENGHUIN SHORTFILLS" href="/collections/ghetto-penghuin-shortfills"><span class="gm-text">GHETTO PENGHUIN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="GLAS BASIX SHORTFILLS" href="/collections/glas-basix-shortfill-full-range-vape-juice-50ml"><span class="gm-text">GLAS BASIX SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="GOST SHORTFILLS" href="/collections/gost-shortfills-100ml-e-liquid-vape-juice-the-pancake-milk-house"><span class="gm-text">GOST SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="GOT MILK SHORTFILLS" href="/collections/got-milk"><span class="gm-text">GOT MILK SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="GRANNY'S PIE SHORTFILLS" href="/collections/grannys-pie-shortfills"><span class="gm-text">GRANNY'S PIE SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="H"><span class="gm-text">H</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="HANGSEN E LIQUIDS" href="/collections/hangsen-10ml"><span class="gm-text">HANGSEN E LIQUIDS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HEAVEN HAZE SHORTFILLS" href="/collections/heaven-haze-shortfills-e-liquid-100ml-vape-juice"><span class="gm-text">HEAVEN HAZE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HEX SHORTFILLS" href="/collections/hex-shortfills-100-ml-e-liquid-vape-juice-uk"><span class="gm-text">HEX SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HOLY COW SHORTFILLS" href="/collections/holy-cow-shortfills-100ml-e-liquid-0mg-vape-juice"><span class="gm-text">HOLY COW SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HOME SLICE SHORTFILLS" href="/collections/home-slice-shortfills"><span class="gm-text">HOME SLICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HORNY FLAVA SHORTFILLS" href="/collections/horny-flava"><span class="gm-text">HORNY FLAVA SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HUMBLE JUICE CO SHORTFILLS" href="/collections/humble-juice-co-shortfills"><span class="gm-text">HUMBLE JUICE CO SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="I"><span class="gm-text">I</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="I VG SHORTFILLS" href="/collections/i-love-vg"><span class="gm-text">I VG SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ICE LOVE LOLLIES SHORTFILLS" href="/collections/ice-love-lollies"><span class="gm-text">ICE LOVE LOLLIES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ICENBERG SHORTFILLS" href="/collections/icenberg"><span class="gm-text">ICENBERG SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ILLUSIONS SHORTFILLS" href="/collections/illusions"><span class="gm-text">ILLUSIONS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="IRRESISTABLE CHERRY SHORTFILLS" href="/collections/irresistable-cherry-shortfills-100-ml-e-liquid-vape-juice"><span class="gm-text">IRRESISTABLE CHERRY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ISICKLE SHORTFILLS" href="/collections/isickle-shortfills"><span class="gm-text">ISICKLE SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="J"><span class="gm-text">J</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="JACK RABBIT VAPES SHORTFILLS" href="/collections/jack-rabbit-vapes-shortfills-50ml-eliquids-juice"><span class="gm-text">JACK RABBIT VAPES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JAM MONSTER SHORTFILLS" href="/collections/jam-monster"><span class="gm-text">JAM MONSTER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JAMMIN VAPE CO SHORTFILLS" href="/collections/jammin-vape-co"><span class="gm-text">JAMMIN VAPE CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE BAR SHORTFILLS" href="/collections/juice-bar-shortfills-e-liquid-vape-juice-100-ml-50vg-50pg"><span class="gm-text">JUICE BAR SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE DEVILS SHORTFILLS" href="/collections/juice-devils-shortfills"><span class="gm-text">JUICE DEVILS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE JUNKI SHORTFILLS" href="/collections/juice-juni-shortfills"><span class="gm-text">JUICE JUNKI SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE MAN SHORTFILLS" href="/collections/juice-man-100ml-shortfill"><span class="gm-text">JUICE MAN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE MONSTER SHORTFILLS" href="/collections/juice-monster-shortfills"><span class="gm-text">JUICE MONSTER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE N POWER SHORTFILLS" href="/collections/juice-n-power"><span class="gm-text">JUICE N POWER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICY FRUITYZ SHORTFILLS" href="/collections/juicy-fruityz-shortfills"><span class="gm-text">JUICY FRUITYZ SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUST 50 SHORTFILLS" href="/collections/just-50-shortfills"><span class="gm-text">JUST 50 SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUST JAM SHORTFILLS" href="/collections/just-jam-e-liquids-100ml-shortfills"><span class="gm-text">JUST JAM SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="K"><span class="gm-text">K</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="KEEP IT 100 SHORTFILLS" href="/collections/keep-it-100-slushie-vape-juice"><span class="gm-text">KEEP IT 100 SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KEEP IT SWEET SHORTFILLS" href="/collections/keep-it-sweet-shortfills"><span class="gm-text">KEEP IT SWEET SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KEN & KERRYS SHORTFILL" href="/collections/ken-kerrys-shortfill-100ml-vape-juice"><span class="gm-text">KEN & KERRYS SHORTFILL</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KILO SHORTFILLS" href="/collections/kilo-e-liquids-shortfills-50ml-100ml"><span class="gm-text">KILO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KILLA FRUITS SHORTFILL" href="/collections/killa-fruits-shortfill"><span class="gm-text">KILLA FRUITS SHORTFILL</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KINGSTON SHORTFILLS" href="/collections/kingston-e-liquid-shortfills-heisenberry-pinkerton"><span class="gm-text">KINGSTON SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KNDI SHORTFILLS" href="/collections/kndi-shortsfills"><span class="gm-text">KNDI SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KONCEPT XIX SHORTFILLS" href="/collections/koncept-xix-shortfills"><span class="gm-text">KONCEPT XIX SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="KSTRD SHORTFILLS" href="/collections/kstrd-full-range-100ml"><span class="gm-text">KSTRD SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="L"><span class="gm-text">L</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="LOADED SHORTFILLS" href="/collections/loaded-by-ruthless-e-liquid"><span class="gm-text">LOADED SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="LOLLY VAPE CO SHORTFILLS" href="/collections/lolly-vape-co-100ml-shortfills"><span class="gm-text">LOLLY VAPE CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="LOVE COFFEE SHORTFILLS" href="/collections/love-coffee-shortfill-e-liquid-100ml-vape-juice"><span class="gm-text">LOVE COFFEE SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="M"><span class="gm-text">M</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="MAD HATTER JUICE SHORTFILLS" href="/collections/mad-hatter-juice-100ml-shortfills"><span class="gm-text">MAD HATTER JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MAJOR FLAVOUR SHORTFILLS" href="/collections/major-flavour-shortfills"><span class="gm-text">MAJOR FLAVOUR SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MARINA VAPES SHORTFILLS" href="/collections/marina-vapes-full-range-50ml"><span class="gm-text">MARINA VAPES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MARY'S KITCHEN SHORTFILLS" href="/collections/marys-kitchen-shortfills"><span class="gm-text">MARY'S KITCHEN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MAKE IT 100 SHORTFILLS" href="/collections/make-it-100-shortfills"><span class="gm-text">MAKE IT 100 SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MIAMI DRIP CLUB SHORTFILLS" href="/collections/miami-drip-club-full-range-50ml"><span class="gm-text">MIAMI DRIP CLUB SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MILK KING SHORTFILLS" href="/collections/milk-king-full-range-100ml-vape-juice"><span class="gm-text">MILK KING SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MILKSHAKE LIQUIDS SHORTFILLS" href="/collections/milkshake-liquids-black-market-80ml-100ml"><span class="gm-text">MILKSHAKE LIQUIDS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MOHAWK & CO SHORTFILLS" href="/collections/mohawk-co-100ml-full-range-120ml-vape-juice"><span class="gm-text">MOHAWK & CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MOKSAMA" href="/collections/moksama"><span class="gm-text">MOKSAMA</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MOMO SHORTFILLS" href="/collections/momo-full-range-50ml-vape-juice"><span class="gm-text">MOMO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MONSTAVAPE SHORTFILLS" href="/collections/monstavape-full-range-malaysian-vape-juice-50ml"><span class="gm-text">MONSTAVAPE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MOREISH PUFF SHORTFILLS" href="/collections/moreish-puff-full-range-100ml-vape-juice"><span class="gm-text">MOREISH PUFF SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MORNING COFFEE SHORTFILLS" href="/collections/morning-coffee-shortfills"><span class="gm-text">MORNING COFFEE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MR MERINGUE SHORTFILLS" href="/collections/mr-meringue-shortfills"><span class="gm-text">MR MERINGUE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MR VAPOUR E LIQUIDS" href="/collections/mr-vapour-e-liquids"><span class="gm-text">MR VAPOUR E LIQUIDS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MR WICKS SHORTFILLS" href="/collections/mr-wicks-shortfills"><span class="gm-text">MR WICKS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MY E LIQUIDS SHORTFILLS" href="/collections/my-e-liquids-shortfills"><span class="gm-text">MY E LIQUIDS SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="N"><span class="gm-text">N</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="NAKED 100 SHORTFILLS" href="/collections/naked-100-shortfills-60ml-e-liquids-vape-juice"><span class="gm-text">NAKED 100 SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NASTY JUICE SHORTFILLS" href="/collections/nasty-juice-vape-juice-50ml-10ml-tpd"><span class="gm-text">NASTY JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NEXT BIG THING SHORTFILLS" href="/collections/next-big-thing-100ml-vape-juice-full-range"><span class="gm-text">NEXT BIG THING SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NEXUS SHORTFILLS" href="/collections/nexus-shortfills"><span class="gm-text">NEXUS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NICOHIT SHORTFILLS" href="/collections/nicohit-shortfills-50ml-100ml-e-liquid-vape-juice"><span class="gm-text">NICOHIT SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NITROS COLD BREW SHORTFILLS" href="/collections/nitros-cold-brew-full-range-100ml-vape-juice"><span class="gm-text">NITROS COLD BREW SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NOMENON SHORTFILLS" href="/collections/nomenon-shortfills"><span class="gm-text">NOMENON SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NUMSKULLZ SHORTFILLS" href="/collections/numskullz-shortfills"><span class="gm-text">NUMSKULLZ SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="O"><span class="gm-text">O</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="OHM BAKED SHORTFILLS" href="/collections/ohm-baked-vape-juice-full-range-50ml"><span class="gm-text">OHM BAKED SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OHMSOME SHORTFILLS" href="/collections/ohmsome-shortfills"><span class="gm-text">OHMSOME SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OHM BOY VOLUME I E-LIQUID SHORTFILLS" href="/collections/ohm-boy-volume-i-e-liquid-shortfills"><span class="gm-text">OHM BOY VOLUME I E-LIQUID SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OHM BOY VOLUME II SHORTFILLS" href="/collections/ohm-boy-volume-ii-shortfills"><span class="gm-text">OHM BOY VOLUME II SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OHM BOY VOLUME III SHORTFILLS" href="/collections/ohm-boy-volume-iii-shortfills"><span class="gm-text">OHM BOY VOLUME III SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OKAY ORANGE SHORTFILLS" href="/collections/okay-orange-shortfills-e-liquid-100ml"><span class="gm-text">OKAY ORANGE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OKVMI SHORTFILLS" href="/collections/okami-bubble-gang-100ml-e-liquid-shortfills"><span class="gm-text">OKVMI SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OLD FAITHFUL SHORTFILLS" href="/collections/old-faithful-shortfills"><span class="gm-text">OLD FAITHFUL SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ONE HIT WONDER SHORTFILLS" href="/collections/one-hit-wonder-full-range-100ml-eliquids"><span class="gm-text">ONE HIT WONDER SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="P"><span class="gm-text">P</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="PACHA MAMA SHORTFILLS" href="/collections/pacha-mama-shortfills"><span class="gm-text">PACHA MAMA SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PANCAKE FACTORY SHORTFILLS" href="/collections/pancake-factory-shortfills"><span class="gm-text">PANCAKE FACTORY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PANCAKE MAN SHORTFILLS" href="/collections/pancake-man-shortfills"><span class="gm-text">PANCAKE MAN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PEEKY BLENDERS SHORTFILLS" href="/collections/peeky-blenders-shortfills"><span class="gm-text">PEEKY BLENDERS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PREMIUM LABS SHORTFILLS" href="/collections/premium-labs-shortfills"><span class="gm-text">PREMIUM LABS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PROFESSOR VAPE SHORTFILLS" href="/collections/professor-vape-shortfills-full-range-100ml-50ml-0mg"><span class="gm-text">PROFESSOR VAPE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PUFF LABS SHORTFILLS" href="/collections/puff-labs-short-fills"><span class="gm-text">PUFF LABS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PUFFIN RASCAL SHORTFILLS" href="/collections/puffin-rascal-shortfills"><span class="gm-text">PUFFIN RASCAL SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PUKKA JUICE SHORTFILLS" href="/collections/pukka-juice-full-range-50ml-nic-salts"><span class="gm-text">PUKKA JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PUD SHORTFILLS" href="/collections/pud-shortfills-e-liquids-50ml-100ml-200ml"><span class="gm-text">PUD SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="Q"><span class="gm-text">Q</span></div>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="R"><span class="gm-text">R</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="RABBIT FUSIONS SHORTFILLS" href="/collections/rabbit-fusions-shortfills-by-jack-rabbit-50ml-e-liquid-vape-juice"><span class="gm-text">RABBIT FUSIONS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="RACHAEL RABBIT SHORTFILLS" href="/collections/rachael-rabbit-shortfills-50ml-e-liquid-vape-juice"><span class="gm-text">RACHAEL RABBIT SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="RAZZ & JAZZ SHORTFILLS" href="/collections/razz-jazz-shortfills"><span class="gm-text">RAZZ & JAZZ SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="REPEELED SHORTFILLS" href="/collections/repeeled-shortfills-e-liquid-100-ml"><span class="gm-text">REPEELED SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="REWIND BY RUTHLESS SHORTFILLS" href="/collections/rewind-60ml-shortfill-vape-juice-e-liquids-stoops-jacked-flake"><span class="gm-text">REWIND BY RUTHLESS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="RIOT SQUAD SHORTFILLS" href="/collections/riot-squad-full-range-vape-juice-50-ml"><span class="gm-text">RIOT SQUAD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="RUTHLESS E JUICE SHORTFILLS" href="/collections/ruthless-e-juice-full-uk-range-10ml-nic-salts"><span class="gm-text">RUTHLESS E JUICE SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="S"><span class="gm-text">S</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="SADBOY SHORTFILLS" href="/collections/sadboy-shortfills-100ml-e-liquid-vape-juice"><span class="gm-text">SADBOY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SCRIPTURE SHORTFILLS" href="/collections/scripture-eliquid-50ml-full-range-50vg-50pg"><span class="gm-text">SCRIPTURE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SERIOUSLY SHORTFILLS" href="/collections/seriously-shortfills-by-doozy-100ml-fruity-nice-slushie-donuts"><span class="gm-text">SERIOUSLY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SHURBZ SHORTFILLS" href="/collections/shurbz-shortfills"><span class="gm-text">SHURBZ SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SIGNATURE SHORTFILLS" href="/collections/signature-shortfills-full-range-50ml-100ml-vape-juice"><span class="gm-text">SIGNATURE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SLUUURP SHORTFILLS" href="/collections/sluuurp-shortfills"><span class="gm-text">SLUUURP SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SMOKNIC E LIQUID 10ML - X10 X20 X50" href="/collections/smoknic-e-liquid-10ml-x10-x20-x50"><span class="gm-text">SMOKNIC E LIQUID 10ML - X10 X20 X50</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SOOTHES SHORTFILLS" href="/collections/soothes-shortfills-100ml-e-liquid-vape-juice"><span class="gm-text">SOOTHES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SQZD FRUIT CO SHORTFILLS" href="/collections/sqzd-fruit-co-shortfills-100ml-e-liquid-vape-juice"><span class="gm-text">SQZD FRUIT CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="STRAPPED SHORTFILLS" href="/collections/strapped-vape-juice-nic-salts-100ml-20mg-rainbow"><span class="gm-text">STRAPPED SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="STUMPS SHORTFILLS" href="/collections/stumps-shortsfills"><span class="gm-text">STUMPS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SUB OHM 200 SHORTFILLS" href="/collections/sub-ohm-200-shortfills"><span class="gm-text">SUB OHM 200 SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SUPERGOOD SHORTFILLS" href="/collections/supergood-100ml-vape-juice-cocktails-butter"><span class="gm-text">SUPERGOOD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SUICIDE BUNNY SHORTFILLS" href="/collections/suicide-bunny-shortfills-e-liquid-100ml-vape-juice"><span class="gm-text">SUICIDE BUNNY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SWEET SPOT SHORTFILLS" href="/collections/sweet-spot-shortfills"><span class="gm-text">SWEET SPOT SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SWIG SHORTFILLS" href="/collections/swig-shortfills"><span class="gm-text">SWIG SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SWOT SHORTFILLS" href="/collections/swot-shortfills"><span class="gm-text">SWOT SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SYCO SHORTFILLS" href="/collections/syco-shortfills"><span class="gm-text">SYCO SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="T"><span class="gm-text">T</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="TASTY FRUITY SHORTFILLS" href="/collections/tasty-fruity-malaysian-100ml-vape-juice-candy-fruity-coffee-creamy"><span class="gm-text">TASTY FRUITY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TENTEN SHORTFILLS" href="/collections/tenten-shortfills-100-ml-e-liquid-vape-juice"><span class="gm-text">TENTEN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE BIG TASTY SHORTFILLS" href="/collections/the-big-tasty-shortfills"><span class="gm-text">THE BIG TASTY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE CURIOSITIES SHORTFILLS" href="/collections/the-curiosities-shortfills-100ml-e-liquid-ejuice"><span class="gm-text">THE CURIOSITIES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE CUSTARD COMPANY SHORTFILLS" href="/collections/the-custard-company-full-range-vape-juice-donut-custard"><span class="gm-text">THE CUSTARD COMPANY SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE CUSTARD SHOPPE SHORTFILLS" href="/collections/the-custard-shoppe-shortfills"><span class="gm-text">THE CUSTARD SHOPPE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE GAFFER SHORTFILLS" href="/collections/gaffer-shortfills-custard-vape-juice-100-120ml"><span class="gm-text">THE GAFFER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE KING OF VAPES SHORTFILLS" href="/collections/b-juice-by-king-of-vapes-100ml-shortfills"><span class="gm-text">THE KING OF VAPES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE MERGE SHORTFILLS" href="/collections/the-merge-e-liquid-100-ml-transmission-unification-advocacyman"><span class="gm-text">THE MERGE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE MILKMAN SHORTFILLS" href="/collections/the-milkman-50-ml-vape-juce-full-range"><span class="gm-text">THE MILKMAN SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE OLD SWEET SHOP SHORTFILLS" href="/collections/the-old-sweet-shop"><span class="gm-text">THE OLD SWEET SHOP SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE ONE X SERIES SHORTFILLS" href="/collections/the-one-x-series-shortfills"><span class="gm-text">THE ONE X SERIES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE SACRIFICE SHORTFILLS" href="/collections/the-sacrifice-shortfills"><span class="gm-text">THE SACRIFICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE SWEET STUFF SHORTFILLS" href="/collections/the-sweet-stuff-shortfills"><span class="gm-text">THE SWEET STUFF SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE YORKSHIRE VAPER SHORTFILLS" href="/collections/the-yorkshire-vaper-shortfills"><span class="gm-text">THE YORKSHIRE VAPER SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TOBAC KING SHORTFILLS" href="/collections/tobac-king-shortfills"><span class="gm-text">TOBAC KING SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TONIX BY ELEMENT SHORTFILLS" href="/collections/tonix-by-element-full-range-vape-juice-50ml"><span class="gm-text">TONIX BY ELEMENT SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TROPIC KING SHORTFILLS" href="/collections/tropic-king-shortfills"><span class="gm-text">TROPIC KING SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TWIST E LIQUID SHORTFILLS" href="/collections/twist-e-liquid-shortfills-50ml-full-range"><span class="gm-text">TWIST E LIQUID SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TYV SQUARED SHORTFILLS" href="/collections/tyv-squared-shortfills"><span class="gm-text">TYV SQUARED SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="U"><span class="gm-text">U</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="ULTD SHORTFILLS" href="/collections/ultd-shortfills-50ml-e-liquid"><span class="gm-text">ULTD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ULTIMATE E-LIQUID SHORTFILLS" href="/collections/ultimate-e-liquid-shortfills"><span class="gm-text">ULTIMATE E-LIQUID SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ULTIMATE PUFF SHORTFILLS" href="/collections/ultimate-puff"><span class="gm-text">ULTIMATE PUFF SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="UNCLES VAPES CO SHORTFILLS" href="/collections/uncles-vapes-co-full-range-50ml-0mg-vape-juice"><span class="gm-text">UNCLES VAPES CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="UK LABS SHORTFILLS" href="/collections/uk-labs-shortfills"><span class="gm-text">UK LABS SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="V"><span class="gm-text">V</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="V JUICE SHORTFILLS" href="/collections/v-juice-shortfills-full-range-vape-juice-100ml-3mg-6mg"><span class="gm-text">V JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VAMPIRE VAPE SHORTFILLS" href="/collections/vampire-vape-full-range-50ml-10ml-tpd-vape-juice"><span class="gm-text">VAMPIRE VAPE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VAPE BREAKFAST CLASSICS SHORTFILLS" href="/collections/vape-breakfast-classics-100ml-full-range-vape-juice"><span class="gm-text">VAPE BREAKFAST CLASSICS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VAPETASIA SHORTFILLS" href="/collections/vapetasia-shortfills"><span class="gm-text">VAPETASIA SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VGOD SHORTFILLS" href="/collections/vgod-full-range-60ml-20mg-10ml-nic-salts"><span class="gm-text">VGOD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VIPER FRUITY SHORTFILLS" href="/collections/viper-fruity-shortfills-e-liquid-100ml-vape-juice"><span class="gm-text">VIPER FRUITY SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="W"><span class="gm-text">W</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="WICK LIQUOR SHORTFILLS" href="/collections/wick-liquor-full-range-vape-juice-50ml-100ml"><span class="gm-text">WICK LIQUOR SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="WONUTZ SHORTFILLS" href="/collections/wonutz-shortfills-vape-juice"><span class="gm-text">WONUTZ SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="WUNDER BAR JUICE SHORTFILLS" href="/collections/wunder-bar-juice-shortfills-vape-juice-100ml"><span class="gm-text">WUNDER BAR JUICE SHORTFILLS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="X Y X Z 0-10"><span class="gm-text">X Y X Z 0-10</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="X SERIES SHORTFILLS" href="/collections/x-series-shortfills"><span class="gm-text">X SERIES SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="YETI E LIQUIDS SHORTFILLS" href="/collections/yeti-e-liquid-shortfills-nic-salts-uk-vape"><span class="gm-text">YETI E LIQUIDS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="YAMI VAPOR SHORTFILLS" href="/collections/yami-vapor-shortfills-full-range-100ml-0mg"><span class="gm-text">YAMI VAPOR SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="YANKEE JUICE CO SHORTFILLS" href="/collections/yankee-juice-co-full-range-vape-juice-sweets-desserts-ice"><span class="gm-text">YANKEE JUICE CO SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="YOGI SHORTFILLS" href="/collections/yogi-full-range-50ml-farms-granola-bar-salts-20mg-10ml"><span class="gm-text">YOGI SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="YORKSHIRE BARISTA SHORTFILLS" href="/collections/yorkshire-barista-shortfills"><span class="gm-text">YORKSHIRE BARISTA SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ZAP! JUICE SHORTFILLS" href="/collections/zap-juice-full-range-vape-juice-50ml"><span class="gm-text">ZAP! JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ZEUS JUICE SHORTFILLS" href="/collections/zeus-juice-shortfills-100ml-shortfill-0mg-uk"><span class="gm-text">ZEUS JUICE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ZOMBIE BLOOD SHORTFILLS" href="/collections/zombie-blood-shortfills-50ml-100ml-e-liquid-vape-juice"><span class="gm-text">ZOMBIE BLOOD SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ZING! SHORTFILLS" href="/collections/zing-shortfills"><span class="gm-text">ZING! SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="12 MONKEYS SHORTFILLS" href="/collections/12-monkeys-e-liquid-50ml-origins"><span class="gm-text">12 MONKEYS SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="21 VAPE SHORTFILLS" href="/collections/21-vape-shortfills"><span class="gm-text">21 VAPE SHORTFILLS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="99.1% PURE SHORTFILLS" href="/collections/99-1-pure-shortfills"><span class="gm-text">99.1% PURE SHORTFILLS</span></a>
</li></ul>
</li></ul>
</div></li>
<li data-gmmi="1" data-gmdi="1" class="gm-item gm-level-0 gm-has-submenu gm-submenu-dropdown gm-submenu-align-full"><a class="gm-target" title="10ML TDP" href="/collections/freebase-e-liquid-10ml-vape-juice"><span class="gm-text">10ML TDP</span><span class="gm-retractor"></span></a><ul class="gm-submenu gm-dropdown gm-submenu-bordered gm-orientation-horizontal gm-jc-center">
<li class="gm-item"><a class="gm-target" title="HANGSEN 10ML" href="/collections/hangsen-10ml"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672574431_0_2048x.jpg?v=16433774490135504207"
width=""
height=""
alt="HANGSEN 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">HANGSEN 10ML</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AMAZONIA 10ML" href="/collections/amazonia-10ml-e-liquid-vape-juice"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672574719_0_2048x.jpg?v=664394133742251569"
width=""
height=""
alt="AMAZONIA 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">AMAZONIA 10ML</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VADO E LIQUID" href="/collections/vado-e-liquid-10-ml-vape-juice-full-range"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672449956_0_2048x.jpg?v=17972596362617853717"
width=""
height=""
alt="VADO E LIQUID"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">VADO E LIQUID</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MR VAPOUR 10ML" href="/collections/mr-vapour-e-liquids"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672449905_0_2048x.png?v=7235046397778752756"
width=""
height=""
alt="MR VAPOUR 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">MR VAPOUR 10ML</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SIGNATURE 10ML" href="/collections/signature-10ml-e-liquid"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672574180_0_2048x.jpg?v=8902149603527470100"
width=""
height=""
alt="SIGNATURE 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">SIGNATURE 10ML</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DR FROST 50/50 10ML" href="/collections/dr-frost-50-50-10ml"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672449990_0_2048x.png?v=4763721220556254101"
width=""
height=""
alt="DR FROST 50/50 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">DR FROST 50/50 10ML</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="I VG 50/50 10ML" href="/collections/i-vg-50-50-10ml"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672449659_0_2048x.png?v=14481202024385135158"
width=""
height=""
alt="I VG 50/50 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">I VG 50/50 10ML</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SMOKNIC E LIQUID 10ML" href="/collections/smoknic-e-liquid-10ml-x10-x20-x50"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672574586_0_2048x.jpg?v=11279009835719323784"
width=""
height=""
alt="SMOKNIC E LIQUID 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">SMOKNIC E LIQUID 10ML</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="V JUICE 10ML" href="/collections/v-juice-10ml"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1672574644_0_2048x.png?v=7447726743773113637"
width=""
height=""
alt="V JUICE 10ML"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">V JUICE 10ML</span></a>
</li></ul></li>
<li data-gmmi="2" data-gmdi="2" class="gm-item gm-level-0 gm-has-submenu gm-submenu-mega gm-submenu-align-full"><a class="gm-target" title="NICOTINE SALTS" href="/collections/nicotine-salts"><span class="gm-text">NICOTINE SALTS</span><span class="gm-retractor"></span></a><div
class="gm-submenu gm-mega gm-submenu-bordered"
style=""
><div style="" class="submenu-background"></div>
<ul class="gm-grid">
<li class="gm-item gm-grid-item gmcol-4 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item"><a class="gm-target" title=""><span class="gm-text"></span></a>
</li>
<li class="gm-item"><a class="gm-target" title="88 VAPE NICOTINE SALTS" href="/collections/88-vape-nicotine-salt"><span class="gm-text">88 VAPE NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AISU NICOTINE SALTS" href="/collections/aisu-nicotine-salts"><span class="gm-text">AISU NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ANARCHIST NICOTINE SALTS" href="/collections/anarchist-nicotine-salts"><span class="gm-text">ANARCHIST NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ALTERNATIV NICOTINE SALTS" href="/collections/alternatic-nic-salts"><span class="gm-text">ALTERNATIV NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="AQUA NICOTINE SALTS" href="/collections/aqua-nicotine-salts"><span class="gm-text">AQUA NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BAD DRIP SALTS NICOTINE SALTS" href="/collections/bad-drip-salts-nicotine-salts"><span class="gm-text">BAD DRIP SALTS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BAD SALT NICOTINE SALTS" href="/collections/bad-salt-nicotine-salts"><span class="gm-text">BAD SALT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BARISTA BREW CO. NICOTINE SALTS" href="/collections/barista-brew-co-nicotine-salts"><span class="gm-text">BARISTA BREW CO. NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BAR JUICE 5000 NICOTINE SALTS" href="/collections/bar-juice-5000-nicotine-salts-e-liquid-vape-juice-10ml-nic-salt"><span class="gm-text">BAR JUICE 5000 NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BILLIONAIRE JUICE NICOTINE SALTS" href="/collections/billionair-nicotine-salts"><span class="gm-text">BILLIONAIRE JUICE NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BLOOM SALT NICOTINE SALTS" href="/collections/bloom-salt-nicotine-salts"><span class="gm-text">BLOOM SALT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="BOMBO NICOTINE SALTS" href="/collections/bombo-nicotine-salts"><span class="gm-text">BOMBO NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CANDY KING ON SALT NICOTINE SALTS" href="/collections/candy-king-on-salt-nicotine-salts"><span class="gm-text">CANDY KING ON SALT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CLOWN NICOTINE SALTS" href="/collections/clown-nicotine-salts"><span class="gm-text">CLOWN NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="CRYSTAL PRO MAX NICOTINE SALTS" href="/collections/crystal-pro-max-nicotine-salts"><span class="gm-text">CRYSTAL PRO MAX NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DEEZ D'NUTS NICOTINE SALTS" href="/collections/deez-dnuts-nicotine-salts"><span class="gm-text">DEEZ D'NUTS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DINNER LADY NICOTINE SALTS" href="/collections/dinner-lady-nicotine-salts"><span class="gm-text">DINNER LADY NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DONUT KING NICOTINE SALTS" href="/collections/donut-king-nicotine-salts"><span class="gm-text">DONUT KING NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DOOZY NICOTINE SALTS" href="/collections/doozy-nicotine-salts"><span class="gm-text">DOOZY NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DOUBLE DRIP NICOTINE SALTS" href="/collections/double-drip-nicotine-salts"><span class="gm-text">DOUBLE DRIP NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DR FROST NICOTINE SALTS" href="/collections/dr-frost-nicotine-salts"><span class="gm-text">DR FROST NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ELFLIQ NICOTINE SALT" href="/collections/elfliq-nicotine-salt-10ml-elfbar-nic-salt"><span class="gm-text">ELFLIQ NICOTINE SALT</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ELUX NICOTINE SALTS" href="/collections/elux-nicotine-salts-10ml-nic-salts"><span class="gm-text">ELUX NICOTINE SALTS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-4 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item"><a class="gm-target" title="FIREROSE NICOTINE SALTS" href="/collections/firerose-nic-salts-10-ml"><span class="gm-text">FIREROSE NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FRUKT NICOTINE SALTS" href="/collections/frukt-cyder-nicotine-salts-10mg-20mg"><span class="gm-text">FRUKT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FRUNK NICOTINE SALT" href="/collections/frunk-nicotine-salt-10ml-10mg-20mg-nic"><span class="gm-text">FRUNK NICOTINE SALT</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FEAST TREATS NICOTINE BAR SALTS" href="/collections/feast-treats-nicotine-bar-salts"><span class="gm-text">FEAST TREATS NICOTINE BAR SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="GLAS BASIX NICOTINE SALT" href="/collections/glas-basix-nicotine-salt-pod-salt-nic-salts-uk"><span class="gm-text">GLAS BASIX NICOTINE SALT</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HOLY COW NICOTINE SALTS" href="/collections/holy-cow-nicotine-salts-10ml-10mg-20mg-nic-salts"><span class="gm-text">HOLY COW NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title=""><span class="gm-text"></span></a>
</li>
<li class="gm-item"><a class="gm-target" title="I LOVE SALTS NICOTINE SALTS" href="/collections/i-love-salts-nicotine-salts"><span class="gm-text">I LOVE SALTS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="IRRESISTIBLE CHERRY NICOTINE SALTS" href="/collections/irresistible-cherry-nicotine-salts-10ml"><span class="gm-text">IRRESISTIBLE CHERRY NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="I VG NICOTINE SALTS" href="/collections/i-vg-nicotine-salts"><span class="gm-text">I VG NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="I VG SALT BAR FAVOURITES NICOTINE SALTS" href="/collections/i-vg-salt-bar-farourites-10ml-nicotine-salts"><span class="gm-text">I VG SALT BAR FAVOURITES NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JAM MONSTER NICOTINE SALTS" href="/collections/jam-monster-nicotine-salts"><span class="gm-text">JAM MONSTER NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE HEAD NICOTINE SALTS" href="/collections/juice-head-nicotine-salts"><span class="gm-text">JUICE HEAD NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUICE N POWER NICOTINE SALTS" href="/collections/juice-n-power-nicotine-salts"><span class="gm-text">JUICE N POWER NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUST JAM NICOTINE SALTS" href="/collections/just-jam-nicotine-salts"><span class="gm-text">JUST JAM NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="JUST JUICE NICOTINE SALTS" href="/collections/just-juice-nicotine-salts"><span class="gm-text">JUST JUICE NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="LOADED NICOTINE SALTS" href="/collections/loaded-nicotine-salts"><span class="gm-text">LOADED NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MARYLIQ NICOTINE SALT" href="/collections/maryliq-nicotine-salt-10ml-20mg-10mg"><span class="gm-text">MARYLIQ NICOTINE SALT</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MOMO NICOTINE SALTS" href="/collections/momo-nicotine-salts"><span class="gm-text">MOMO NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MOREISH SALTS NICOTINE SALTS" href="/collections/moreish-salts-nicotine-salts"><span class="gm-text">MOREISH SALTS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="MY SALTS NICOTINE SALTS" href="/collections/my-salts-nicotine-salts"><span class="gm-text">MY SALTS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NANNA'S SECRETS NICOTINE SALTS" href="/collections/nannas-secrets-nicotine-salts"><span class="gm-text">NANNA'S SECRETS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NASTY LIQ NICOTINE SALTS" href="/collections/nasty-liq-nicotine-salts"><span class="gm-text">NASTY LIQ NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NASTY SALT NICOTINE SALTS" href="/collections/nasty-salt-nicotine-salts"><span class="gm-text">NASTY SALT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NEXUS NICOTINE SALTS" href="/collections/nexus-nicotine-salts"><span class="gm-text">NEXUS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="NS20 / FAR BY ELEMENTS NICOTINE SALTS" href="/collections/ns20-far-nicotine-salts"><span class="gm-text">NS20 / FAR BY ELEMENTS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OHM BOY NICOTINE SALTS" href="/collections/ohm-boy-nicotine-salts"><span class="gm-text">OHM BOY NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OLD PIRATE NICOTINE SALTS" href="/collections/old-pirate-nicotine-salts"><span class="gm-text">OLD PIRATE NICOTINE SALTS</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-4 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item"><a class="gm-target" title=""><span class="gm-text"></span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PACHA MAMA NICOTINE SALTS" href="/collections/pacha-mama-nicotine-salts"><span class="gm-text">PACHA MAMA NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="POD SALT NICOTINE SALTS" href="/collections/pod-salt-nicotine-salts"><span class="gm-text">POD SALT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PUKKA JUICE NICOTINE SALTS" href="/collections/pukka-juice-nicotine-salts"><span class="gm-text">PUKKA JUICE NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="R AND M NICOTINE SALTS" href="/collections/r-and-m-nicotine-salts"><span class="gm-text">R AND M NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="RIOT SALT NICOTINE SALTS" href="/collections/riot-s-alt-nicotine-salts"><span class="gm-text">RIOT SALT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="RIOT BAR EDTN NICOTINE SALTS" href="/collections/riot-bar-edtn-nicotine-salts-riot-squad-nic-salt-vape-juice"><span class="gm-text">RIOT BAR EDTN NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="RUTHLESS NICOTINE SALTS" href="/collections/ruthless-nicotine-salts"><span class="gm-text">RUTHLESS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SLUSHIE NICOTINE BAR SALTS" href="/collections/bar-by-slushie-nicotine-bar-salts-10ml-10mg-20mg"><span class="gm-text">SLUSHIE NICOTINE BAR SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SOLT NICOTINE SALTS" href="/collections/solt-nicotine-salts"><span class="gm-text">SOLT NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SOLTZ NICOTINE SALTS" href="/collections/soltz-nicotine-salts-10ml-premium-nic-salt"><span class="gm-text">SOLTZ NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SOUR SHOCKERS NICOTINE SALTS" href="/collections/sour-shockers-nicotine-salts-10-ml-nic-salt"><span class="gm-text">SOUR SHOCKERS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="STRAPPED NS20 NICOTINE SALTS" href="/collections/strapped-ns20-nicotine-salts"><span class="gm-text">STRAPPED NS20 NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SWAG JUS NICOTINE SALTS" href="/collections/swag-jus-nicotine-salts"><span class="gm-text">SWAG JUS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SWEET TOOTH NICOTINE SALTS" href="/collections/sweet-tooth-nicotine-salts"><span class="gm-text">SWEET TOOTH NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TENTEN NICOTINE SALTS" href="/collections/tenten-nicotine-salts-10ml-tpd-20mg-10mg"><span class="gm-text">TENTEN NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE MAMASAN NICOTINE SALTS" href="/collections/the-mamasan-nicotine-salts"><span class="gm-text">THE MAMASAN NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="THE MILK MAN NICOTINE SALTS" href="/collections/the-milk-man-nicotine-salts"><span class="gm-text">THE MILK MAN NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TRUE SALTS NICOTINE SALTS" href="/collections/true-salts-nicotine-salts"><span class="gm-text">TRUE SALTS NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="TWELVE MONKEY NICOTINE SALTS" href="/collections/twelve-monkey-nicotine-salts"><span class="gm-text">TWELVE MONKEY NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ULTD NICOTINE SALTS" href="/collections/ultd-nicotine-salts"><span class="gm-text">ULTD NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VAMPIRE VAPE NICOTINE SALTS" href="/collections/vampire-vape-nicotine-salts"><span class="gm-text">VAMPIRE VAPE NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VGOD NICOTINE SALTS" href="/collections/vgod-nicotine-salts"><span class="gm-text">VGOD NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="WICK LIQUOR NICOTINE SALTS" href="/collections/wick-liquor-nicotine-salts"><span class="gm-text">WICK LIQUOR NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="X SERIES NICOTINE SALTS" href="/collections/x-series-nicotine-salts"><span class="gm-text">X SERIES NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="YOGI NICOTINE SALTS" href="/collections/yogi-nicotine-salts"><span class="gm-text">YOGI NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ZAP! NICOTINE SALTS" href="/collections/zap-nicotine-salts"><span class="gm-text">ZAP! NICOTINE SALTS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ZILLIONS SALTS NICOTINE SALTS" href="/collections/zillions-salts-nicotine-salts-10-ml-10-mg-20-mg-nic"><span class="gm-text">ZILLIONS SALTS NICOTINE SALTS</span></a>
</li></ul>
</li></ul>
</div></li>
<li data-gmmi="3" data-gmdi="3" class="gm-item gm-level-0 gm-has-submenu gm-submenu-mega gm-submenu-align-full"><a class="gm-target" title="DISPOSABLE PODS" href="/collections/disposable-pods-puffs-20mg-10mg-nicotine-salt"><span class="gm-text">DISPOSABLE PODS</span><span class="gm-retractor"></span></a><div
class="gm-submenu gm-mega gm-submenu-bordered"
style=""
><div style="" class="submenu-background"></div>
<ul class="gm-grid">
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><a class="gm-target" title="Geekbar Disposable Vape Bars" href="/collections/geekbar-disposable-geek-bar-20-mg"><span class="gm-text">Geekbar Disposable Vape Bars</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Geek Bar Disposable" href="/collections/geekbar-disposable-geek-bar-20-mg"><span class="gm-text">Geek Bar Disposable</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links gm-jc-start">
<li class="gm-item gm-heading"><a class="gm-target" title="SKE Disposable Vape bars" href="/collections/amazonia-disposable-pods"><span class="gm-text">SKE Disposable Vape bars</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SKE Crystal Bar Disposable Vape Pods" href="/collections/ske-crystal-bar-disposable-vape-pods"><span class="gm-text">SKE Crystal Bar Disposable Vape Pods</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links gm-jc-start">
<li class="gm-item gm-heading"><a class="gm-target" title="SMOK DISPOSABLES" href="/collections/podsalt-go-disposable-vape"><span class="gm-text">SMOK DISPOSABLES</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Smok VVOW Dispoable" href="/collections/smok-vvow-disposable-vape-pod-kit-20mg-nic-salt"><span class="gm-text">Smok VVOW Dispoable</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links gm-jc-start">
<li class="gm-item gm-heading"><a class="gm-target" title="PODSALT GO DISPOSABLES" href="/collections/podsalt-go-disposable-vape"><span class="gm-text">PODSALT GO DISPOSABLES</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="PodSalt Go Disposable Vape" href="/collections/podsalt-go-disposable-vape"><span class="gm-text">PodSalt Go Disposable Vape</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="Elf Bar Disposable Vape Bars"><span class="gm-text">Elf Bar Disposable Vape Bars</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="Elf Bar EB600 Disposable Vape Pods" href="/collections/elf-bar"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1671664479_0_2048x.jpg?v=2988134821927642348"
width=""
height=""
alt="Elf Bar EB600 Disposable Vape Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Elf Bar EB600 Disposable Vape Pods</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Elf Bar 600 V2 Disposable Vape Pods" href="/collections/elfbar-600-v2-disposable-vape-pods"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1693517361_0_2048x.png?v=1614148891876395436"
width=""
height=""
alt="Elf Bar 600 V2 Disposable Vape Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Elf Bar 600 V2 Disposable Vape Pods</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Elf Bar AF5000 Disposable Vape 5000 Puffs" href="/collections/elf-bar-af5000-disposable-vape-5000-puffs/elf-bar-af5000-disposable-vape-5000-puffs-bar-rechargeable"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1706918338_0_2048x.png?v=14610536626790400166"
width=""
height=""
alt="Elf Bar AF5000 Disposable Vape 5000 Puffs"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Elf Bar AF5000 Disposable Vape 5000 Puffs</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="IVG 2400 Disposable Vape Bars"><span class="gm-text">IVG 2400 Disposable Vape Bars</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="IVG 2400 Dispoable Vape Bars" href="/products/ivg-2400-disposable-vape-kit-20mg"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1714862894_0_2048x.png?v=12288043644892130406"
width=""
height=""
alt="IVG 2400 Dispoable Vape Bars"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">IVG 2400 Dispoable Vape Bars</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><div class="gm-target" title="NanoStix"><span class="gm-text">NanoStix</span></div>
</li>
<li class="gm-item"><a class="gm-target" title="Nanostix Neo V2 Pods" href="/collections/nanostix-neo-v2-pre-filled-e-liquid-pods"><span class="gm-text">Nanostix Neo V2 Pods</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><a class="gm-target" title="Happy Vibes Disposable Vape Bars" href="/collections/happy-vibes-3500-disposable-vape-pods"><span class="gm-text">Happy Vibes Disposable Vape Bars</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Happy Vibes TWIST 3500 Puffs TPD" href="/collections/happy-vibes-3500-disposable-vape-pods"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1670804437_0_2048x.jpg?v=15278471944592362529"
width=""
height=""
alt="Happy Vibes TWIST 3500 Puffs TPD"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Happy Vibes TWIST 3500 Puffs TPD</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><a class="gm-target" title="Lost Mary Disposable Vape Bars" href="/collections/happy-vibes-3500-disposable-vape-pods"><span class="gm-text">Lost Mary Disposable Vape Bars</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Lost Mary QM600 Disposable Vape Pods" href="/collections/lost-mary-qm600-disposable-vape-pods-bar-20mg-600-puffs"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1671232542_0_2048x.jpg?v=15794774591397488070"
width=""
height=""
alt="Lost Mary QM600 Disposable Vape Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Lost Mary QM600 Disposable Vape Pods</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Lost Mary BM600 Disposable Vape Pods" href="/collections/lost-mary-bm600-disposable-vape-bar-pods"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1671579009_0_2048x.png?v=446500566054366323"
width=""
height=""
alt="Lost Mary BM600 Disposable Vape Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Lost Mary BM600 Disposable Vape Pods</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Lost Mary AM600 Disposable Vape Pods" href="/collections/elf-bar-lost-mary-am600-disposable-vape-pods-elf-bar"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1671579127_0_2048x.png?v=14213952377243395884"
width=""
height=""
alt="Lost Mary AM600 Disposable Vape Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Lost Mary AM600 Disposable Vape Pods</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Hawcos x Lost Mary Pro Max 7000 Disposable Vape Pods" href="/collections/hawcos-x-lost-mary-pro-max-7000-disposable-vape-pods"><span class="gm-icon gm-icon-img"style="--gm-item-icon-width:60%;"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1734772583_0_2048x.png?v=17571177784184187830"
width=""
height=""
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
alt="Hawcos x Lost Mary Pro Max 7000 Disposable Vape Pods"
/></span><span class="gm-text">Hawcos x Lost Mary Pro Max 7000 Disposable Vape Pods</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="All collections" href="/collections"><span class="gm-text">All collections</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><a class="gm-target" title="Vapengin Disposable Vape Bars" href="/collections/vapengin-mercury-disposable-vape-pods-pen"><span class="gm-text">Vapengin Disposable Vape Bars</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Vapengin Mercury 600 Disposable Vape Pods" href="/collections/vapengin-mercury-disposable-vape-pods-pen"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1673655784_0_2048x.jpg?v=3916784967856386103"
width=""
height=""
alt="Vapengin Mercury 600 Disposable Vape Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Vapengin Mercury 600 Disposable Vape Pods</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><a class="gm-target" title="Hayati Disposable Vape Bars" href="/collections/hayati-pro-mini-disposable-vape-pods"><span class="gm-text">Hayati Disposable Vape Bars</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Hayati Pro Mini 600 Disposable Vape Pods" href="/collections/hayati-pro-mini-disposable-vape-pods"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1690411795_0_2048x.png?v=10600537355531275078"
width=""
height=""
alt="Hayati Pro Mini 600 Disposable Vape Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Hayati Pro Mini 600 Disposable Vape Pods</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-3 gm-has-submenu"><ul style="--columns:1" class="gm-links">
<li class="gm-item gm-heading"><a class="gm-target" title="Elfa Pro Disposable Vape Bars" href="/collections/elfa-pro-pod-kit-pod-disposable-vape-pods"><span class="gm-text">Elfa Pro Disposable Vape Bars</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="Elfa Pro Pod Kit & Replacement Pods" href="/collections/elfa-pro-pod-kit-pod-disposable-vape-pods"><span class="gm-icon gm-icon-img"><img
data-sizes="auto"
src="//www.eliquidsoutlet.com/cdn/shop/files/1693958995_0_2048x.jpg?v=8375978009410469608"
width=""
height=""
alt="Elfa Pro Pod Kit & Replacement Pods"
data-widths="[40, 100, 140, 180, 250, 260, 275, 305, 440, 610, 720, 930, 1080, 1200, 1640, 2048]"
class=""
/></span><span class="gm-text">Elfa Pro Pod Kit & Replacement Pods</span></a>
</li></ul>
</li>
<li class="gm-item gm-grid-item gmcol-6">
<ul class="gm-group">
</ul>
</li></ul>
</div></li>
<li data-gmmi="4" data-gmdi="4" class="gm-item gm-level-0"><a class="gm-target" title="NIC SHOTS" href="/collections/nicotine-shots-nicotine-salt-booster"><span class="gm-text">NIC SHOTS</span></a></li>
<li data-gmmi="5" data-gmdi="5" class="gm-item gm-level-0 gm-has-submenu gm-submenu-dropdown gm-submenu-align-full"><a class="gm-target" title="VAPE KITS / PODS" href="/collections/kits-pods"><span class="gm-text">VAPE KITS / PODS</span><span class="gm-retractor"></span></a><ul class="gm-submenu gm-dropdown gm-submenu-bordered gm-orientation-horizontal gm-jc-center">
<li class="gm-item"><a class="gm-target" title="ASPIRE VAPE KITS" href="/collections/aspire-vape-kits"><span class="gm-text">ASPIRE VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ELEAF VAPE KITS" href="/collections/eleaf-vape-kits"><span class="gm-text">ELEAF VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FREEMAX VAPE KITS" href="/collections/freemax-vape-kits"><span class="gm-text">FREEMAX VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="GEEKVAPE VAPE KITS" href="/collections/geekvape-vape-kits"><span class="gm-text">GEEKVAPE VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="INNOKIN VAPE KITS" href="/collections/innokin-vape-kits"><span class="gm-text">INNOKIN VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SMOK VAPE KITS" href="/collections/smok-vape-kits"><span class="gm-text">SMOK VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="UWELL VAPE KITS" href="/collections/uwell-vape-kits"><span class="gm-text">UWELL VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VAPORESSO VAPE KITS" href="/collections/vaporesso-vape-kits-ecig"><span class="gm-text">VAPORESSO VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VOOPOO VAPE KITS" href="/collections/voopoo-vape-kits"><span class="gm-text">VOOPOO VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="WISMEC VAPE KITS" href="/collections/wismec-vape-kits"><span class="gm-text">WISMEC VAPE KITS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="DISPOSABLE PODS" href="/collections/disposable-pods-puffs-20mg-10mg-nicotine-salt"><span class="gm-text">DISPOSABLE PODS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="OXVA VAPE KITS" href="/collections/oxva-vape-kits"><span class="gm-text">OXVA VAPE KITS</span></a>
</li></ul></li>
<li data-gmmi="6" data-gmdi="6" class="gm-item gm-level-0 gm-has-submenu gm-submenu-dropdown gm-submenu-align-full"><a class="gm-target" title="COILS & PODS" href="/collections/coils"><span class="gm-text">COILS & PODS</span><span class="gm-retractor"></span></a><ul class="gm-submenu gm-dropdown gm-submenu-bordered gm-orientation-horizontal gm-jc-center">
<li class="gm-item"><a class="gm-target" title="ASPIRE" href="/collections/aspire-coils"><span class="gm-text">ASPIRE</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="FREEMAX" href="/collections/freemax-coils"><span class="gm-text">FREEMAX</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="GEEKVAPE" href="/collections/geekvape-coils"><span class="gm-text">GEEKVAPE</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="HORIZONTECH" href="/collections/horizontech-coils"><span class="gm-text">HORIZONTECH</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="INNOKIN" href="/collections/innokin-coils"><span class="gm-text">INNOKIN</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="SMOK COILS" href="/collections/smok-coils"><span class="gm-text">SMOK COILS</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="UWELL" href="/collections/uwell-coils"><span class="gm-text">UWELL</span></a>
</li>
<li class="gm-item gm-has-submenu gm-submenu-dropdown gm-submenu-align-full"><a class="gm-target" title="VOOPOO" href="/collections/voopoo-coils"><span class="gm-text">VOOPOO</span><span class="gm-retractor"></span></a><ul class="gm-submenu gm-dropdown gm-submenu-bordered gm-orientation-horizontal gm-jc-center">
<li class="gm-item"><a class="gm-target" title="Vaporesso Coils" href="/collections/vaporesso-coils-pods"><span class="gm-text">Vaporesso Coils</span></a>
</li></ul>
</li>
<li class="gm-item"><a class="gm-target" title="OXVA" href="/collections/oxva-coils-replacement-pods-genuine"><span class="gm-text">OXVA</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ELEAF" href="/collections/eleaf-coils"><span class="gm-text">ELEAF</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="VAPORESSO" href="/collections/vaporesso-coils-pods"><span class="gm-text">VAPORESSO</span></a>
</li></ul></li>
<li data-gmmi="7" data-gmdi="7" class="gm-item gm-level-0 gm-has-submenu gm-submenu-dropdown gm-submenu-align-full"><a class="gm-target" title="ACCESSORIES" href="/collections/accessories"><span class="gm-text">ACCESSORIES</span><span class="gm-retractor"></span></a><ul class="gm-submenu gm-dropdown gm-submenu-bordered gm-orientation-horizontal gm-jc-center">
<li class="gm-item"><a class="gm-target" title="BATTERIES" href="/collections/batteries"><span class="gm-text">BATTERIES</span></a>
</li>
<li class="gm-item"><a class="gm-target" title="ALL ACCESSORIES" href="/collections/accessories"><span class="gm-text">ALL ACCESSORIES</span></a>
</li></ul></li>
<li data-gmmi="8" data-gmdi="8" class="gm-item gm-level-0"><a class="gm-target" title="TANKS" href="/collections/tanks"><span class="gm-text">TANKS</span></a></li>
</ul></script><style>
.gm-menu-installed .gm-menu.gm-menu-4758 {
background-color: rgba(25, 123, 189, 1) !important;
color: #313131;
font-family: "Lato", sans-serif;
font-size: 14px;
}
.gm-menu-installed .gm-menu.gm-menu-4758.gm-bordered:not(.gm-menu-mobile):not(.gm-vertical) > .gm-level-0 + .gm-level-0 {
border-left: 1px solid rgba(25, 123, 189, 1) !important;
}
.gm-menu-installed .gm-menu.gm-bordered.gm-vertical > .gm-level-0 + .gm-level-0:not(.searchItem),
.gm-menu-installed .gm-menu.gm-menu-4758.gm-mobile-bordered.gm-menu-mobile > .gm-level-0 + .gm-level-0:not(.searchItem){
border-top: 1px solid rgba(25, 123, 189, 1) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0 > .gm-target > .gm-text{
font-family: "Lato", sans-serif !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0 > .gm-target{
padding: 15px 10px !important;
font-family: "Lato", sans-serif !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0 > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0 > .gm-target > .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0 > .gm-target > .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0 > .gm-target > .gm-retractor{
color: #ffffff !important;
font-size: 14px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: -20px !important;
}
.gm-menu.gm-menu-4758 .gm-submenu.gm-search-form input{
line-height: 0px !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0.gm-active > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0:hover > .gm-target{
background-color: rgba(25, 123, 189, 1) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0.gm-active > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0.gm-active > .gm-target > .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0.gm-active > .gm-target > .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0.gm-active > .gm-target > .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0:hover > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0:hover > .gm-target > .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0:hover > .gm-target > .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-item.gm-level-0:hover > .gm-target > .gm-retractor{
color: #f6f1f1 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu.gm-submenu-bordered:not(.gm-aliexpress) {
border: 1px solid #d1d1d1 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758.gm-menu-mobile .gm-tabs > .gm-tab-links > .gm-item{
border-top: 1px solid #d1d1d1 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item.gm-active > .gm-target{
background-color: #d9d9d9 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu.gm-mega,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu.gm-search-form,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu-aliexpress .gm-tab-links,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu-aliexpress .gm-tab-content {
background-color: #ffffff !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu-bordered .gm-tabs-left > .gm-tab-links {
border-right: 1px solid #d1d1d1 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu-bordered .gm-tabs-top > .gm-tab-links {
border-bottom: 1px solid #d1d1d1 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu-bordered .gm-tabs-right > .gm-tab-links {
border-left: 1px solid #d1d1d1 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item > .gm-target > .gm-text{
font-family: "Lato", sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item > .gm-target > .gm-icon{
font-size: 14px;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item > .gm-target > .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item > .gm-target > .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item > .gm-target > .gm-icon{
color: rgba(25, 123, 189, 1) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item.gm-active > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item.gm-active > .gm-target > .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item.gm-active > .gm-target > .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > .gm-item.gm-active > .gm-target > .gm-icon{
color: rgba(25, 123, 189, 1) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-dropdown {
background-color: #ffffff !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-dropdown > li > a {
line-height: 20px !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-tab-links > li > a {
line-height: 20px !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-links > li:not(.gm-heading) > a {
line-height: 20px !important;
}
.gm-html-inner,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-item .gm-target {
color: #313131 !important;
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
font-style: normal !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-item .gm-heading,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-item .gm-heading .gm-target{
color: rgba(25, 123, 189, 1) !important;
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
font-style: normal !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-target:hover,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-target:hover .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-target:hover .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-target:hover .gm-retractor
{
color: #000000 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-target:hover .gm-price {
color: #313131 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-target:hover .gm-old-price {
color: #969696 !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-target:hover > .gm-text > .gm-description {
color: rgba(25, 123, 189, 1) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-submenu .gm-item .gm-description {
color: #969696 !important;
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
font-style: normal !important;
}
.gm-menu.gm-menu-4758 .gm-label.gm-sale-label{
color: #ffffff !important;
background: #ec523e !important;
}
.gm-menu.gm-menu-4758 .gm-label.gm-sold_out-label{
color: #757575 !important;
background: #d5d5d5 !important;
}
.theme_store_id_777 .drawer a,
.drawer h3,
.drawer .h3,
.theme_store_id_601.gm-menu-installed .gm-menu.gm-menu-4758 .gm-level-0 > a.icon-account,
.theme_store_id_601.gm-menu-installed .gm-menu.gm-menu-4758 .gm-level-0 > a.icon-search,
.theme_store_id_601 #nav.gm-menu.gm-menu-4758 .gm-level-0 > a,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.gm-theme-li > a
.theme_store_id_601 #nav.gm-menu.gm-menu-4758 .gm-level-0 > select.currencies {
color: #ffffff !important;
}
.theme_store_id_601 #nav.gm-menu.gm-menu-4758 .gm-level-0 > select.currencies > option {
background-color: rgba(25, 123, 189, 1) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.gm-theme-li > a {
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
}
.gm-menu.gm-menu-4758 .gm-product-atc input.gm-btn-atc{
color: #FFFFFF !important;
background-color: #1F1F1F !important;
font-family: "Lato", sans-serif !important;
}
.gm-menu.gm-menu-4758 .gm-product-atc input.gm-btn-atc:hover{
color: #FFFFFF !important;
background-color: #000000 !important;
}
.gm-menu.gm-menu-4758.gm-transition-fade .gm-item>.gm-submenu {
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
transition-delay: 150ms !important;
-webkit-transition-delay: 150ms !important;
}
.gm-menu.gm-menu-4758.gm-transition-shiftup .gm-item>.gm-submenu {
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
transition-delay: 150ms !important;
-webkit-transition-delay: 150ms !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target .gm-text{
color: var(--gm-item-custom-color, #ffffff) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target{
background: var(--gm-item-custom-background-color, rgba(25, 123, 189, 1)) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target .gm-text{
color: var(--gm-item-custom-hover-color, #f6f1f1) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target{
background: var(--gm-item-custom-hover-background-color, rgba(25, 123, 189, 1)) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target .gm-text{
color: var(--gm-item-custom-color) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color > .gm-target{
background: var(--gm-item-custom-background-color) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target .gm-text,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target .gm-icon,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target .gm-retractor,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target .gm-text{
color: var(--gm-item-custom-hover-color) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color.gm-active > .gm-target,
.gm-menu-installed .gm-menu.gm-menu-4758 > .gm-level-0.has-custom-color:hover > .gm-target{
background: var(--gm-item-custom-hover-background-color) !important;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-image a {
width: var(--gm-item-image-width);
max-width: 100%;
}
.gm-menu-installed .gm-menu.gm-menu-4758 .gm-icon.gm-icon-img {
width: var(--gm-item-icon-width);
max-width: var(--gm-item-icon-width, 60px);
}
</style><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400&display=swap" rel="stylesheet"><script>if(window.AVADA_SPEED_WHITELIST){const gmm_w = new RegExp("globo-mega-menu", 'i');if(Array.isArray(window.AVADA_SPEED_WHITELIST)){window.AVADA_SPEED_WHITELIST.push(gmm_w);}else{window.AVADA_SPEED_WHITELIST = [gmm_w];}}</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/5a0ed2bb-9047-4bc6-8cd0-167cf8b5b794/globo-mega-menu-242/assets/globo.menu.index.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/ca001aef-6799-4e4c-bc7d-92ac861e488c/inbox-1238/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 1337131123,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 1337131123,storefrontBaseUrl: "https://www.eliquidsoutlet.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["ac843a20"],webPixelsConfigList: [{"id":"173769077","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0420","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0420","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Eliquids Outlet","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"eliquids-outlet.myshopify.com","countryCode":"GB","storefrontUrl":"https://www.eliquidsoutlet.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.eliquidsoutlet.com/cdn","04c2367cw810f5a9fp84f54116mdcc3fc1b",{"modern":"","legacy":""},{"shopId":"1337131123","storefrontBaseUrl":"https://www.eliquidsoutlet.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"ac843a20\"]","isMerchantRequest":"false","hashVersion":"04c2367cw810f5a9fp84f54116mdcc3fc1b"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'GBP';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 1337131123,
theme_id: 144147218656,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.eliquidsoutlet.com/cdn/s/trekkie.storefront.e4b7dfbfa4ea6cc68d87e97829a12478d9c16c4b.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.eliquidsoutlet.com/cdn/s/trekkie.storefront.e4b7dfbfa4ea6cc68d87e97829a12478d9c16c4b.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.eliquidsoutlet.com/cdn/s/trekkie.storefront.e4b7dfbfa4ea6cc68d87e97829a12478d9c16c4b.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1337131123,"isMerchantRequest":null,"themeId":144147218656,"themeCityHash":"276411366526703141","contentLanguage":"en","currency":"GBP","eventMetadataId":"b28eb274-36c2-48c3-8585-2b6419be2fdb"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.eliquidsoutlet.com/cdn/shopifycloud/storefront/assets/shop_events_listener-8675b082.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script>
if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
window.ga = function ga() {
(window.ga.q = window.ga.q || []).push(arguments);
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
}
console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
};
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
}
}
</script>
<script
defer
src="https://www.eliquidsoutlet.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.6.min.js"
data-application="storefront-renderer"
data-shop-id="1337131123"
data-render-region="gcp-us-east1"
data-page-type="index"
data-theme-instance-id="144147218656"
data-theme-name="Dawn"
data-theme-version="6.0.2"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
></script>
</head>
<body class="gradient">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
Skip to content
</a>
<script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/cart.js?v=109724734533284534861721769519" defer="defer"></script>
<style>
.drawer {
visibility: hidden;
}
</style>
<cart-drawer class="drawer is-empty">
<div id="CartDrawer" class="cart-drawer">
<div id="CartDrawer-Overlay"class="cart-drawer__overlay"></div>
<div class="drawer__inner" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1"><div class="drawer__inner-empty">
<div class="cart-drawer__warnings center">
<div class="cart-drawer__empty-content">
<h2 class="cart__empty-text">Your cart is empty</h2>
<button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</button>
<a href="/collections/all" class="button">
Continue shopping
</a><p class="cart__login-title h3">Have an account?</p>
<p class="cart__login-paragraph">
<a href="/account/login" class="link underlined-link">Log in</a> to check out faster.
</p></div>
</div></div><div class="drawer__header">
<h2 class="drawer__heading">Your cart</h2>
<button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</button>
</div>
<cart-drawer-items class=" is-empty">
<form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form" method="post">
<div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
<p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p>
</div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
</cart-drawer-items>
<div class="drawer__footer"><!-- Start blocks-->
<!-- Subtotals-->
<div class="cart-drawer__footer" >
<div class="totals" role="status">
<h2 class="totals__subtotal">Subtotal</h2>
<p class="totals__subtotal-value">£0.00 GBP</p>
</div>
<div></div>
<small class="tax-note caption-large rte">Tax included and shipping calculated at checkout
</small>
</div>
<!-- CTAs -->
<div class="cart__ctas" >
<noscript>
<button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
Update
</button>
</noscript>
<button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button" name="checkout" form="CartDrawer-Form" disabled>
Check out
</button>
</div>
</div>
</div>
</div>
</cart-drawer>
<script>
document.addEventListener('DOMContentLoaded', function() {
function isIE() {
const ua = window.navigator.userAgent;
const msie = ua.indexOf('MSIE ');
const trident = ua.indexOf('Trident/');
return (msie > 0 || trident > 0);
}
if (!isIE()) return;
const cartSubmitInput = document.createElement('input');
cartSubmitInput.setAttribute('name', 'checkout');
cartSubmitInput.setAttribute('type', 'hidden');
document.querySelector('#cart').appendChild(cartSubmitInput);
document.querySelector('#checkout').addEventListener('click', function(event) {
document.querySelector('#cart').submit();
});
});
</script>
<div id="shopify-section-announcement-bar" class="shopify-section"><div
class="announcement-bar gradient"
role="region"
aria-label="Announcement"
>
<div class="custom-container announcement-bar-box"><p class="announcement-bar__message h5">
USE DISCOUNT CODE NEWBIE FOR 10% OFF YOUR FIRST ORDER - FREE TRACKED SHIPPING OVER £50
</p>
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Delivery_3afa4edf-de74-4e1b-8920-b78b2c000123.png?v=1688722122" class="icon-img"></div>
</div><style>
.announcement-bar{
padding:5px 20px;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.announcement-bar-box{
display: flex;
justify-content: center;
align-items: center;
}
.announcement-bar__message{
font-size: 12px;
font-weight:400;
color: #000000;
margin: 0;
padding: 0;
letter-spacing: 0px;
font-family: 'Lato', sans-serif;
width: fit-content;
}
.announcement-bar__link {
display: flex;
width: 100%;
padding: 0rem 0rem;
text-decoration: none;
justify-content: center;
align-items: center;
}
.icon-img{
margin-left: 10px;
width: 24px;
filter: invert(1);
}
@media screen and (max-width: 990px) {
.announcement-bar{
padding:5px 20px;
}
.announcement-bar__message{
font-size: 10px;
}
.icon-img {
margin-left: 5px;
width: 15px;
}
}
</style>
</div>
<div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-menu.css?v=151968516119678728991721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-search.css?v=96455689198851321781721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-menu-drawer.css?v=182311192829367774911721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-cart-notification.css?v=119852831333870967341721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-cart-items.css?v=23917223812499722491721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/homepage-custom.css?v=74069728061094048331721769519" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-price.css?v=112673864592427438181721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-loading-overlay.css?v=167310470843593579841721769519" media="print" onload="this.media='all'"><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-cart-drawer.css?v=35262185839933379161721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-cart.css?v=61086454150987525971721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-totals.css?v=86168756436424464851721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-price.css?v=112673864592427438181721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-discounts.css?v=152760482443307489271721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-loading-overlay.css?v=167310470843593579841721769519" rel="stylesheet" type="text/css" media="all" />
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-menu.css?v=151968516119678728991721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-search.css?v=96455689198851321781721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-menu-drawer.css?v=182311192829367774911721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-cart-notification.css?v=119852831333870967341721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-cart-items.css?v=23917223812499722491721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/homepage-custom.css?v=74069728061094048331721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<style>
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}
.header__heading-logo {
max-width: 250px;
}
@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}
.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
summary.list-menu__item {
padding-right: 2.7rem;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
</style><style data-shopify>.header {
padding-top: 10px;
padding-bottom: 10px;
}
.section-header {
margin-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px;
}
}
@media screen and (min-width: 990px) {
.header {
padding-top: 20px;
padding-bottom: 20px;
}
}</style><script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/details-disclosure.js?v=153497636716254413831721769519" defer="defer"></script>
<script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/details-modal.js?v=4511761896672669691721769519" defer="defer"></script>
<script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/cart-notification.js?v=31179948596492670111721769519" defer="defer"></script><script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/cart-drawer.js?v=44260131999403604181721769519" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
<symbol id="icon-search" viewbox="0 0 18 19" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
</symbol>
<symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</symbol>
</svg>
<sticky-header class="header-wrapper custom-container color-accent-2 gradient">
<header style="max-width: 100%!important;" class="header header--top-left page-width header--has-menu"><header-drawer data-breakpoint="tablet">
<details id="Details-menu-drawer-container" class="menu-drawer-container">
<summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
<span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
<path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</span>
</summary>
<div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"></ul>
</nav>
<div class="menu-drawer__utility-links"><a href="/account/login" class="menu-drawer__account link focus-inset h5">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>
Log in</a><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
<a href="https://www.facebook.com/eliquidsoutletcom/" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18">
<path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a href="https://www.instagram.com/eliquidsoutlet/?hl=en" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18">
<path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
<path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer><h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><img src="//www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762" alt="Eliquids Outlet" srcset="//www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=50 50w, //www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=100 100w, //www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=150 150w, //www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=200 200w, //www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=250 250w, //www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=300 300w, //www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=400 400w, //www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1.png?v=1688727762&width=500 500w" width="250" height="39.10614525139665" class="header__heading-logo">
</a></h1><div class="custom-header-buttons-mobile custom-header-buttons">
<div class="custom-header-button1">
<a href="">
CLEARANCE
</a>
</div>
<div class="custom-header-button2">
<a href="">
NEW IN
</a>
</div>
</div>
<div class="custom-search">
<div class="template-search__search">
<form action="/search" method="get" role="search" class="search">
<div class="field">
<button type="submit" class="search__button field__button focus-inset"
aria-label="Search">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Search_1.png?v=1688906262">
</button>
<input class="search__input field__input" id="Search-In-Template" type="search" name="q"
value=""
placeholder="what are you looking for?">
<label class="field__label" for="Search-In-Template" aria-hidden="true">what are you looking for?</label>
<input name="options[prefix]" type="hidden" value="last">
</div>
</form>
</div>
</div>
<div class="header__icons"><a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>
<span class="visually-hidden">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Male_User.png?v=1688907688" />
</span>
</a><img src="//www.eliquidsoutlet.com/cdn/shop/files/Heart_1.png?v=1688907688" class="favorite_icon"/>
<a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Shopping_Bag.png?v=1688907688" />
<span class="visually-hidden">Cart</span></a>
</div><nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"></ul>
<div class="custom-header-buttons-desktop custom-header-buttons">
<div class="custom-header-button1">
<a href="">
CLEARANCE
</a>
</div>
<div class="custom-header-button2">
<a href="">
NEW IN
</a>
</div>
</div>
</nav></header>
</sticky-header>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Eliquids Outlet",
"logo": "https:\/\/www.eliquidsoutlet.com\/cdn\/shop\/files\/ezgif.com-webp-to-png_2_1.png?v=1688727762\u0026width=716",
"sameAs": [
"",
"https:\/\/www.facebook.com\/eliquidsoutletcom\/",
"",
"https:\/\/www.instagram.com\/eliquidsoutlet\/?hl=en",
"",
"",
"",
"",
""
],
"url": "https:\/\/www.eliquidsoutlet.com"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Eliquids Outlet",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/www.eliquidsoutlet.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/www.eliquidsoutlet.com"
}
</script><style>
.gm-menu-installed .gm-menu .gm-item.gm-level-0 > .gm-target {
padding: 5px 5px !important;
}
.gm-retractor{
display: none;
}
.header{
padding:20px 20px !important;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.custom-search{
width: 100%;
max-width: 600px;
}
.custom-search .field:after{
box-shadow: none;
border: 1px solid #fff;
border-radius: 50px;
}
.custom-search .field:hover.field:after{
box-shadow: none;
border: 1px solid #fff;
border-radius: 50px;
}
.header__inline-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: space-between;
margin-left: 0rem;
}
.gm-item.gm-level-0 {
margin-right: 6px;
}
.custom-header-buttons-desktop{
display: flex;
}
.custom-header-buttons-mobile{
display: none;
}
.custom-header-buttons a{
text-decoration: none;
}
.custom-header-button1{
font-size:14px;
font-weight: 400;
color: #ffffff;
border: 1px solid #ffffff;
padding: 0px 12px;
margin:0px 10px;
border-radius: 5px;
}
.custom-header-button2{
font-size:14px;
font-weight: 400;
color: #ffffff;
border: 1px solid #ffffff;
padding: 0px 12px;
border-radius: 5px;
}
.gm-has-retractor .gm-retractor {
display: none;
margin-left: 10px;
}
.custom-search .search__button {
top: 2px;
left: 0px;
}
.custom-search .search__button img{
z-index: 1;
width: 26px;
}
.custom-search .field__label{
left: calc(var(--inputs-border-width) + 4rem);
}
.custom-search .search__input.field__input {
padding-right: 2rem !important;
padding-left: 4rem !important;
}
.favorite_icon{
width: 20px;
height: 20px
}
.header__icon img{
width: 20px;
height: 20px
}
.header__icons {
display: flex;
justify-content: center;
align-items: center;
}
.header__icon, .header__icon--cart .icon {
height: auto;
width: 4.4rem;
padding: 0;
}
@media screen and (max-width: 1200px) {
.custom-search {
width: 100%;
max-width: 500px;
}
}
@media screen and (max-width: 990px) {
.header{
padding:10px 20px;
}
.header__inline-menu{
display: none;
}
.header__icon .icon {
height: 1.5rem;
width: 1.5rem;
}
.custom-search{
display: none;
}
.header__icons{
display: flex;
flex: 1;
justify-content: flex-end;
}
.header__heading-logo {
max-width: 130px;
}
.header__icon img {
width: 14px;
height: 14px;
}
.favorite_icon {
width: 16px;
height: 16px;
}
.header__icon{
height: auto;
width: 2rem;
padding: 0;
}
.header__icon--cart {
margin-right: 0rem;
}
.header__icon--account{
display: flex !important
}
.cart-count-bubble {
position: absolute;
height: 1rem;
width: 1rem;
font-size: .6rem;
left: 1rem;
}
header-drawer {
margin-left: 0rem;
}
.custom-header-buttons-desktop{
display: none;
}
.custom-header-buttons-mobile {
display: none;
flex: 1;
justify-content: flex-end;
}
header-drawer {
flex: 1;
}
.custom-header-button1 {
font-size: 10px;
padding: 0px 6px;
margin: 0px 5px;
}
.custom-header-button2 {
font-size: 10px;
padding: 0px 6px;
}
}
.custom-search .field__input{
background-color: #fff;
border-radius: 50px;
color: #888888;
}
.custom-search .field__label{
color: #888888;
}
</style>
<script>
window.onload = function() {
document.querySelectorAll("#shopify-section-header > sticky-header > header > nav > ul > li > a").forEach((i) => {
i.setAttribute('style', 'padding: 5px 5px !important; font-weight: 400 !important;');
});
document.querySelectorAll("#shopify-section-header > sticky-header > header > nav > ul > li > a > span").forEach((k) => {
k.setAttribute('style', 'font-weight: 400 !important;');
});
};
</script>
</div>
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
<div id="shopify-section-template--18252829556960__29a1e7cd-007c-4eed-9dfe-ea38fb737dd8" class="shopify-section"><div>
<div>
<div class="custom-mini-banner-main custom-container">
<div class="custom-mini-banner-heading">
<h2>Eliquidsoutlet - UK Vape Shop</h2>
</div>
<div class="custom-mini-banner-body">
<div class="custom-mini-banner-box box1">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/svg_delivery-van.png?v=1689233601" style="width:17px">
<div><p><strong>Free delivery</strong> on orders over £50</p></div>
</div>
<div class="custom-mini-banner-box box2">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/svg_delivery-parcel.png?v=1689233601" style="width:17px">
<div><p><strong>We dispatch</strong> within 24 Hours</p></div>
</div>
<div class="custom-mini-banner-box box3">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/svg_loyalty-points.png?v=1689233601" style="width:17px">
<div><p><strong>Sign up today to earn Loyalty points</strong></p></div>
</div>
</div>
</div>
</div>
</div>
<style>
.custom-mini-banner-body{
width: 75%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.custom-mini-banner-heading {
width: 25%;
}
.custom-mini-banner-main{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding:10px 20px;
}
.custom-mini-banner-box{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.custom-mini-banner-heading h2{
font-size: 18px;
font-weight: 600;
color: #000000;
margin: 0;
padding: 0;
}
.custom-mini-banner-box p{
font-size: 13px;
font-weight: 400;
color: #000000;
margin: 0;
padding: 0;
letter-spacing: 0px;
}
.custom-mini-banner-box div{
margin-left: 5px;
}
@media screen and (max-width: 990px) {
.custom-mini-banner-main{
padding:10px 20px;
}
}
@media screen and (max-width: 1200px) {
.box3{
display: none;
}
}
@media screen and (max-width: 900px) {
.custom-mini-banner-heading h2 {
font-size: 16px;
}
.custom-mini-banner-heading {
border-right: 1px solid #000;
}
.custom-mini-banner-box img{
width: 15px;
}
.custom-mini-banner-box p{
font-size: 12px;
}
.custom-mini-banner-body{
margin-left: 5px;
}
.custom-mini-banner-heading {
width: 30%;
}
.custom-mini-banner-body {
width: 68%;
}
}
@media screen and (max-width: 767px) {
.custom-mini-banner-heading h2 {
font-size: 14px;
}
.custom-mini-banner-heading {
border-right: 1px solid #000;
}
.custom-mini-banner-box img{
width: 14px;
}
.custom-mini-banner-box p{
font-size: 10px;
}
.custom-mini-banner-body{
margin-left: 5px;
}
.custom-mini-banner-heading {
width: 32%;
}
.custom-mini-banner-body {
width: 66%;
}
}
.box1 p strong{
color: #008257;
font-weight: 600;
}
.box1 p a{
color: #008257;
text-decoration: none;
font-weight: 600;
}
.box2 p strong{
color: #df1a1a;
font-weight: 600;
}
.box2 p a{
color: #df1a1a;
text-decoration: none;
font-weight: 600;
}
.box3 p strong{
color: #000000;
font-weight: 600;
}
.box3 p a{
color: #000000;
text-decoration: none;
font-weight: 600;
}
</style>
</div><div id="shopify-section-template--18252829556960__36558297-2e0b-45d5-b6c0-b46612c12e91" class="shopify-section"><div>
<div>
<div class="main-custom-banner custom-container">
<div class="main-custom-banner-box-1">
<div class="main-custom-banner-box-1-subox-1">
<div class="large-image">
<a href=""
><img src="//www.eliquidsoutlet.com/cdn/shop/files/Elf-Bar-600-V2-Disposable-Vape-Banner-2-1024x465.png?v=1691791743"
></a>
</div>
</div>
<div class="main-custom-banner-sub-box-1-subbox-2">
<div class="smalll-image">
<a href=""
><img src="//www.eliquidsoutlet.com/cdn/shop/files/main.jpg?v=1691792012"
></a>
</div>
<div class="smalll-image">
<a href=""
><img src="//www.eliquidsoutlet.com/cdn/shop/files/5g.jpg?v=1691792259"
></a>
</div>
</div>
</div>
<div class="main-custom-banner-box-2">
<div class="main-custom-banner-box-2-subox-1">
<div class="smalll-image">
<a href=""
><img src="//www.eliquidsoutlet.com/cdn/shop/files/sz.jpg?v=1691792346"
></a>
</div>
<div class="smalll-image">
<a href=""
><img src="//www.eliquidsoutlet.com/cdn/shop/files/ggsd.jpg?v=1691792526"
></a>
</div>
</div>
<div class="main-custom-banner-box-2-subox-2">
<div class="large-image">
<a href=""
><img src="//www.eliquidsoutlet.com/cdn/shop/files/Uncommon_Release_-_Banners3_2000x889_4021a6b5-6e6e-4f99-9e50-82c796cc34ce.png?v=1691791642"
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
img{
width: 100%;
}
.main-custom-banner a {
width: 100%;
cursor: pointer;
display: block;
line-height: 100%;
}
.main-custom-banner{
padding:1px 20px;
}
.main-custom-banner{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.main-custom-banner-box-1{
width: 49%;
}
.main-custom-banner-box-2{
width: 49%;
}
.main-custom-banner-box-1-subox-1{
width: 100%;
}
.main-custom-banner-box-1-subox-2{
width: 100%;
}
.large-image{
width: 100%;
}
.smalll-image{
width: 48%;
}
.main-custom-banner-sub-box-1-subbox-2{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.main-custom-banner-box-2-subox-1{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.gm-level-0>.gm-target>.gm-retractor:after, .gm-submenu-dropdown.gm-submenu-align-full>.gm-target>.gm-retractor:after{
content: none
}
@media screen and (max-width: 1200px) {
.main-custom-banner-sub-box-1-subbox-2{
margin-top: 10px;
}
.main-custom-banner-box-2-subox-1{
margin-bottom: 10px;
}
}
@media screen and (max-width: 990px) {
.main-custom-banner{
padding:20px 20px;
}
.main-custom-banner-box-1 {
width: 100%;
}
.main-custom-banner-box-2{
width: 100%;
margin-top: 10px
}
}
</style>
</div><div id="shopify-section-template--18252829556960__43d70b1e-e9c7-4025-85d5-7894d5f8efa5" class="shopify-section"><div>
<div>
<div class="custom-shop-by-catagory-main custom-container">
<div class="custom-shop-by-catagory-heading">
<div class="custom-shop-by-catagory-heading-text">
<h2>Shop By Catagory</h2>
<h3></h3>
</div>
<div class="custom-shop-by-catagory-heading-border"></div>
</div>
<div class="custom-shop-by-catagory-body">
<div class="shop-by-catagory-block">
<a href="https://www.eliquidsoutlet.com/collections/e-liquids-shortfills-50ml-100ml">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/e_liquid.fw_6b9adb58-db3c-4a5b-a1af-96e734a01061.png?v=1691794771">
<h3>E Liquids</h3>
</a>
</div>
<div class="shop-by-catagory-block">
<a href="https://www.eliquidsoutlet.com/collections/nicotine-salts">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/nic_salts.fw_503ea85c-730b-41f3-9afb-94f98c35535c.png?v=1691796947">
<h3>Nic Salts</h3>
</a>
</div>
<div class="shop-by-catagory-block">
<a href="https://www.eliquidsoutlet.com/collections/freebase-e-liquid-10ml-vape-juice">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/freebase.fw.png?v=1691796023">
<h3>Freebase E Liquids</h3>
</a>
</div>
<div class="shop-by-catagory-block">
<a href="https://www.eliquidsoutlet.com/collections/disposable-pods-puffs-20mg-10mg-nicotine-salt">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/disposable_vapes.fw.png?v=1691796448">
<h3>Disposable Vapes</h3>
</a>
</div>
<div class="shop-by-catagory-block">
<a href="https://www.eliquidsoutlet.com/collections/kits-pods">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/pod_kits.jpg?v=1691796882">
<h3>Pod Devices</h3>
</a>
</div>
<div class="shop-by-catagory-block">
<a href="https://www.eliquidsoutlet.com/collections/kits-pods">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/vape_kits.fw.png?v=1691797469">
<h3>Vape Kits</h3>
</a>
</div>
<div class="shop-by-catagory-block">
<a href="https://www.eliquidsoutlet.com/collections/coils">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/pods_coils.fw.png?v=1691798501">
<h3>Coils / Pods</h3>
</a>
</div>
</div>
<div class="custom-shop-by-catagory-button">
<a href="" class="button-text"></a>
</div>
</div>
</div>
</div>
<style>
.custom-shop-by-catagory-main{
padding:20px 20px;
}
.custom-shop-by-catagory-heading-text h2{
font-size: 20px;
font-weight: 600;
color: #197bbd;
margin: 0;
padding: 0;
}
.custom-shop-by-catagory-main h3:empty{
display: block;
}
.custom-shop-by-catagory-heading-text h3{
width: 150px;
height:1px;
background-color:#fdd214;
margin: 0;
padding: 0;
}
.custom-shop-by-catagory-main div:empty{
display: block;
}
.custom-shop-by-catagory-heading-border{
width: 100%;
height:1px;
background-color:#888888;
margin: 0;
padding: 0;
}
.custom-shop-by-catagory-body{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.custom-shop-by-catagory-heading{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.shop-by-catagory-block{
width: 12%;
padding: 5px;
margin-bottom: 20px;
}
.shop-by-catagory-block a{
text-decoration: none;
text-align: center;
width: 100%;
display: block;
}
.custom-shop-by-catagory-button{
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.shop-by-catagory-block a h3{
font-size: 18px;
font-weight: 600;
color: #000000;
margin: 0px 5px 20px 5px;
}
.button-text{
font-size: 20px;
font-weight: 600;
color: #ffffff;
background-color:#000000;
border: 2px solid #e5006d;
border-radius: 50px;
text-decoration: none;
padding: 20px 20px;
text-align: center;
max-width: 400px;
width: 100%;
display: block;
line-height: 100%
}
.button-text:hover{
animation: 5s infinite alternate move;
}
@keyframes move {
0% {
border: 2px solid #e5006d;
}
10% {
border-top: none
}
20% {
border-right: none;
}
30% {
border-bottom: none;
}
40% {
border-left: none;
}
50% {
border-top: 2px solid #e5006d;
}
60% {
border-right: 2px solid #e5006d;
}
70% {
border-bottom: 2px solid #e5006d;
}
80% {
border-left: 2px solid #e5006d;
}
}
.custom-shop-by-catagory-heading-text{
width: 240px;
}
.shopify-section h2, .shopify-section h3 {
margin-bottom: 0px !important;
}
@media screen and (max-width: 1300px) {
.shop-by-catagory-block{
width: 24%;
}
}
@media screen and (max-width: 767px) {
.shop-by-catagory-block{
width: 49%;
}
}
@media screen and (max-width: 990px) {
.custom-shop-by-catagory-main{
padding:20px 20px;
}
.custom-shop-by-catagory-heading-text h2{
font-size: 20px;
}
.custom-shop-by-catagory-main div:empty{
display: none;
}
.custom-shop-by-catagory-heading{
margin-bottom: 30px;
}
}
.custom-shop-by-catagory-body .slick-arrow{
width: 24px;
}
.custom-shop-by-catagory-body {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('.custom-shop-by-catagory-body').slick({
slidesToShow: 7,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 2000,
prevArrow:'<img class="pre_arrow" src="//www.eliquidsoutlet.com/cdn/shop/files/down-arrow_1_e917bf98-7bd5-442d-a2d1-2202bb375455.png?v=1692192319"/>',
nextArrow:'<img class="next_arrow" src="//www.eliquidsoutlet.com/cdn/shop/files/down-arrow_a75aaacc-841d-4fae-a8dc-cbea97fe24de.png?v=1692192323"/>',
dots: false,
arrows: true,
responsive: [
{
breakpoint: 1300,
settings: {
arrows: true,
centerMode: false,
slidesToShow: 6,
slidesToScroll: 1,
}
},
{
breakpoint: 990,
settings: {
arrows: true,
centerMode: false,
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
arrows: true,
centerMode: false,
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 600,
settings: {
arrows: true,
centerMode: false,
slidesToShow: 2,
slidesToScroll: 1,
}
}
]
});
});
</script>
</div><div id="shopify-section-template--18252829556960__129a79c2-ad60-4e57-a0a8-c95d7e2bb5c0" class="shopify-section"><div>
<div>
<div class="custom-view-products-main custom-container">
<div class="custom-view-products-block-1 custom-view-product-box">
<a href="/collections/21-vape-shortfills"><p>View <strong>Latest E liquids</strong></p></a>
</div>
<div class="custom-view-products-block-2 custom-view-product-box">
<a href="/collections/88-vape-nicotine-salt"><p>View <strong>Clearance</strong> Vape Products</p></a>
</div>
<div class="custom-view-products-block-3 custom-view-product-box">
<a href="/collections/88-vape-nicotine-salt"><p>View <strong>How To Vape Guide</strong></p></a>
</div>
</div>
</div>
</div>
<style>
.custom-view-products-main{
padding:1px 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.custom-view-product-box{
font-size: 20px;
font-weight:400;
color: #ffffff;
margin: 0;
padding: 20PX 10PX;
text-align: center;
letter-spacing: 0px;
font-family: 'Lato', sans-serif;
width: fit-content;
background-color: #197bbd;
BORDER-RADIUS: 50PX;
width: 33%;
}
.custom-view-products-block-1 {
border: 2px solid #ffffff;
}
.custom-view-products-block-1 strong{
color:#ffffff;
}
.custom-view-products-block-2 {
border: 2px solid #000000;
}
.custom-view-products-block-2 strong{
color:#000000;
}
.custom-view-products-block-3 {
border: 2px solid #ffffff;
}
.custom-view-products-block-1:hover{
animation: 5s infinite alternate move1;
}
.custom-view-products-block-2:hover{
animation: 5s infinite alternate move2;
}
.custom-view-products-block-3:hover{
animation: 5s infinite alternate move3;
}
@keyframes move1 {
0% {
border: 2px solid #ffffff;
}
10% {
border-top: 2px solid #fff;
}
20% {
border-right: 2px solid #fff;
}
30% {
border-bottom: 2px solid #fff;
}
40% {
border-left: 2px solid #fff;
}
50% {
border-top: 2px solid #ffffff;
}
60% {
border-right: 2px solid #ffffff;
}
70% {
border-bottom: 2px solid #ffffff;
}
80% {
border-left: 2px solid #ffffff;
}
}
.button-text:hover{
animation: 5s infinite alternate move;
}
@keyframes move2 {
0% {
border: 2px solid #000000;
}
10% {
border-top: 2px solid #fff;
}
20% {
border-right: 2px solid #fff;
}
30% {
border-bottom: 2px solid #fff;
}
40% {
border-left: 2px solid #fff;
}
50% {
border-top: 2px solid #000000;
}
60% {
border-right: 2px solid #000000;
}
70% {
border-bottom: 2px solid #000000;
}
80% {
border-left: 2px solid #000000;
}
}
.button-text:hover{
animation: 5s infinite alternate move;
}
@keyframes move3 {
0% {
border: 2px solid #ffffff;
}
10% {
border-top: 2px solid #fff;
}
20% {
border-right: 2px solid #fff;
}
30% {
border-bottom: 2px solid #fff;
}
40% {
border-left: 2px solid #fff;
}
50% {
border-top: 2px solid #ffffff;
}
60% {
border-right: 2px solid #ffffff;
}
70% {
border-bottom: 2px solid #ffffff;
}
80% {
border-left: 2px solid #ffffff;
}
}
.custom-view-products-block-3 strong{
color:#ffffff;
}
.custom-view-product-box a{
text-decoration: none;
}
.custom-view-product-box p{
margin: 0;
}
@media screen and (max-width: 1200px) {
.custom-view-product-box{
max-width: 100%;
width: 49%;
padding: 15PX 10PX;
}
.custom-view-product-box:last-child{
margin: 15px 0px 0px 0px;
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 990px) {
.custom-view-products-main{
padding:20px 20px;
}
.custom-view-product-box{
font-size: 14px;
}
}
@media screen and (max-width: 600px) {
.custom-view-product-box{
max-width: 100%;
width: 100%;
padding: 15PX 10PX;
margin-top: 15px;
}
.custom-view-product-box:last-child{
margin-top: 10px;
}
.custom-view-product-box:first-child{
margin-top: 0px;
}
}
</style>
</div><section id="shopify-section-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1" class="shopify-section section"><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-card.css?v=183357241441942701451721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-price.css?v=112673864592427438181721769519" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-slider.css?v=95971316053212773771721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/template-collection.css?v=63899875130493024461721769519" media="print" onload="this.media='all'"><noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-slider.css?v=95971316053212773771721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/template-collection.css?v=63899875130493024461721769519" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-padding {
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 750px) {
.section-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-padding {
padding-top: 20px;
padding-bottom: 20px;
}
}</style><div class="color-background-1 isolate gradient">
<div class="collection section-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-padding">
<div class="collection__title title-wrapper title-wrapper--no-top-margin page-width title-wrapper--self-padded-tablet-down"><div class="custom-featured-collection-heading">
<div class="custom-featured-collection-heading-text">
<h2>Hottest E-Liquid Right Now</h2>
<h3></h3>
</div>
<div class="custom-featured-collection-heading-border"></div>
</div></div>
<slider-component class="slider-mobile-gutter page-width-desktop">
<ul
id="Slider-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1"
class="grid product-grid contains-card grid--6-col-desktop grid--2-col-tablet-down slider slider--tablet grid--peek"
role="list"
aria-label="Slider"
><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-1"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/vimo-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436256&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/vimo-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436256&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/vimo-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436256 480w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/vimo-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436256&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="VIMO E LIQUID BY V JUICE 100ML 80VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="480"
height="480"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/vimo-by-v-juice-eliquid-100ml"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636"
>
VIMO E LIQUID BY V JUICE 100ML 80VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner">Mix And Match</div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636"
>
<a
href="/products/vimo-by-v-juice-eliquid-100ml"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636"
>
VIMO E LIQUID BY V JUICE 100ML 80VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£9.95
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£19.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£9.95
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406812737636"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-2"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/blue_moon-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436235&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/blue_moon-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436235&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/blue_moon-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436235 480w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/blue_moon-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436235&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="BLUE MOON E LIQUID BY V JUICE 100ML 80VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="480"
height="480"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/blue-moon-by-v-juice-eliquid-100ml"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300"
>
BLUE MOON E LIQUID BY V JUICE 100ML 80VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300"
>
<a
href="/products/blue-moon-by-v-juice-eliquid-100ml"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300"
>
BLUE MOON E LIQUID BY V JUICE 100ML 80VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£9.95
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£19.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£9.95
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406801203300"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-3"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/cali_greens_amnesia_mango_box_bottle_web.jpg?v=1577360674&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/cali_greens_amnesia_mango_box_bottle_web.jpg?v=1577360674&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/cali_greens_amnesia_mango_box_bottle_web.jpg?v=1577360674&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/cali_greens_amnesia_mango_box_bottle_web.jpg?v=1577360674 700w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/cali_greens_amnesia_mango_box_bottle_web.jpg?v=1577360674&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="AMNESIA MANGO TERPENESE E LIQUID BY CALI GREENS 50ML 70VG"
class="motion-reduce"
loading="lazy"
width="700"
height="700"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/cali-greens-amnesia-mango-50ml"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692"
>
AMNESIA MANGO TERPENESE E LIQUID BY CALI GREENS 50ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692"
>
<a
href="/products/cali-greens-amnesia-mango-50ml"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692"
>
AMNESIA MANGO TERPENESE E LIQUID BY CALI GREENS 50ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£8.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£8.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4391096942692"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/Candy_King_Strawberry_Watermelon_bubblegum-600x600_1dc105c1-2d39-4fc8-8bf3-9aecde1561ee.png?v=1576557341&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/Candy_King_Strawberry_Watermelon_bubblegum-600x600_1dc105c1-2d39-4fc8-8bf3-9aecde1561ee.png?v=1576557341&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/Candy_King_Strawberry_Watermelon_bubblegum-600x600_1dc105c1-2d39-4fc8-8bf3-9aecde1561ee.png?v=1576557341&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/Candy_King_Strawberry_Watermelon_bubblegum-600x600_1dc105c1-2d39-4fc8-8bf3-9aecde1561ee.png?v=1576557341 600w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/Candy_King_Strawberry_Watermelon_bubblegum-600x600_1dc105c1-2d39-4fc8-8bf3-9aecde1561ee.png?v=1576557341&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="STRAWBERRY WATERMELON BUBBLEGUM E LIQUID BY CANDY KING 100ML 70VG"
class="motion-reduce"
loading="lazy"
width="600"
height="600"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/candy-king-strawberry-watermelon-bubblegum"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252"
>
STRAWBERRY WATERMELON BUBBLEGUM E LIQUID BY CANDY KING 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252"
class="badge badge--bottom-left color-inverse"
>Sold out</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Candy King</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252"
>
<a
href="/products/candy-king-strawberry-watermelon-bubblegum"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252"
>
STRAWBERRY WATERMELON BUBBLEGUM E LIQUID BY CANDY KING 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--sold-out price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£7.95
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£19.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£7.95
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384376881252"
class="badge badge--bottom-left color-inverse"
>Sold out</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/yankee_ice-_cherry_1_36653b28-3513-4ec5-91b2-61cb6c854b7d.jpg?v=1576560047&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/yankee_ice-_cherry_1_36653b28-3513-4ec5-91b2-61cb6c854b7d.jpg?v=1576560047&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/yankee_ice-_cherry_1_36653b28-3513-4ec5-91b2-61cb6c854b7d.jpg?v=1576560047 500w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/yankee_ice-_cherry_1_36653b28-3513-4ec5-91b2-61cb6c854b7d.jpg?v=1576560047&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="CHERRY E LIQUID BY YANKEE JUICE CO - ICE 50ML 70VG"
class="motion-reduce"
loading="lazy"
width="500"
height="500"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/yankee-ice-juice-co-cherry"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756"
>
CHERRY E LIQUID BY YANKEE JUICE CO - ICE 50ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756"
class="badge badge--bottom-left color-inverse"
>Sold out</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756"
>
<a
href="/products/yankee-ice-juice-co-cherry"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756"
>
CHERRY E LIQUID BY YANKEE JUICE CO - ICE 50ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--sold-out price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£4.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£4.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384447430756"
class="badge badge--bottom-left color-inverse"
>Sold out</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/DinnerLady-Desserts-Lemon-Tart-3070-Shortfill-_SNV_-UK_600x600_e4d8f953-d900-4fab-8702-514567f7a773.jpg?v=1599175544&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/DinnerLady-Desserts-Lemon-Tart-3070-Shortfill-_SNV_-UK_600x600_e4d8f953-d900-4fab-8702-514567f7a773.jpg?v=1599175544&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/DinnerLady-Desserts-Lemon-Tart-3070-Shortfill-_SNV_-UK_600x600_e4d8f953-d900-4fab-8702-514567f7a773.jpg?v=1599175544&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/DinnerLady-Desserts-Lemon-Tart-3070-Shortfill-_SNV_-UK_600x600_e4d8f953-d900-4fab-8702-514567f7a773.jpg?v=1599175544 600w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/DinnerLady-Desserts-Lemon-Tart-3070-Shortfill-_SNV_-UK_600x600_e4d8f953-d900-4fab-8702-514567f7a773.jpg?v=1599175544&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="LEMON TART E LIQUID BY DINNER LADY - DESSERTS 50ML 70VG"
class="motion-reduce"
loading="lazy"
width="600"
height="600"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/lemon-tart-by-dinner-lady"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340"
>
LEMON TART E LIQUID BY DINNER LADY - DESSERTS 50ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340"
>
<a
href="/products/lemon-tart-by-dinner-lady"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340"
>
LEMON TART E LIQUID BY DINNER LADY - DESSERTS 50ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£6.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£6.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384368394340"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-7"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/mixed-berries-frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/mixed-berries-frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/mixed-berries-frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283 500w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/mixed-berries-frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="MIXED BERRIES E LIQUID BY FRUKT CYDER 100ML 70VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="500"
height="500"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/mixed-berries-by-frukt-cyder-eliquid-100ml"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564"
>
MIXED BERRIES E LIQUID BY FRUKT CYDER 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Frukt E Liquid</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564"
>
<a
href="/products/mixed-berries-by-frukt-cyder-eliquid-100ml"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564"
>
MIXED BERRIES E LIQUID BY FRUKT CYDER 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£6.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£17.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£6.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924990564"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-8"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/mango-raspberry--frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/mango-raspberry--frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/mango-raspberry--frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283 500w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/mango-raspberry--frukt-cyder-e-liquid-100ml-vape-juice-shortfill-0mg-3mg-6mg-120ml.jpg?v=1599436283&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="MANGO RASPBERRY E LIQUID BY FRUKT CYDER 100ML 70VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="500"
height="500"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/mango-raspberry-by-frukt-cyder-eliquid-100ml"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524"
>
MANGO RASPBERRY E LIQUID BY FRUKT CYDER 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Frukt E Liquid</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524"
>
<a
href="/products/mango-raspberry-by-frukt-cyder-eliquid-100ml"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524"
>
MANGO RASPBERRY E LIQUID BY FRUKT CYDER 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£6.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£17.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£6.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4410924007524"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-9"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/blue-razz-2x50ml-eliquid-shortfill-bottles-with-box-by-candy-king-bubblegum-600x600.jpg?v=1599436407&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/blue-razz-2x50ml-eliquid-shortfill-bottles-with-box-by-candy-king-bubblegum-600x600.jpg?v=1599436407&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/blue-razz-2x50ml-eliquid-shortfill-bottles-with-box-by-candy-king-bubblegum-600x600.jpg?v=1599436407&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/blue-razz-2x50ml-eliquid-shortfill-bottles-with-box-by-candy-king-bubblegum-600x600.jpg?v=1599436407 600w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/blue-razz-2x50ml-eliquid-shortfill-bottles-with-box-by-candy-king-bubblegum-600x600.jpg?v=1599436407&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="BLUE RAZZ E LIQUID BY CANDY KING BUBBLEGUM (2 X 50ML) 100ML 70VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="600"
height="600"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/candy-king-bubblegum-blue-razz"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423"
>
BLUE RAZZ E LIQUID BY CANDY KING BUBBLEGUM (2 X 50ML) 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Candy King</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423"
>
<a
href="/products/candy-king-bubblegum-blue-razz"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423"
>
BLUE RAZZ E LIQUID BY CANDY KING BUBBLEGUM (2 X 50ML) 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£7.95
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£19.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£7.95
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5378710667423"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-10"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/toffeenilla.jpg?v=1597527857&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/toffeenilla.jpg?v=1597527857&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/toffeenilla.jpg?v=1597527857 500w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/toffeenilla.jpg?v=1597527857&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="TOFFEE NILLA ICE CREAM E LIQUID BY YANKEE JUICE CO - DESSERTS 50ML 70VG"
class="motion-reduce"
loading="lazy"
width="500"
height="500"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/yankee-juice-co-toffeenilla-ice-cream"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892"
>
TOFFEE NILLA ICE CREAM E LIQUID BY YANKEE JUICE CO - DESSERTS 50ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892"
class="badge badge--bottom-left color-inverse"
>Sold out</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892"
>
<a
href="/products/yankee-juice-co-toffeenilla-ice-cream"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892"
>
TOFFEE NILLA ICE CREAM E LIQUID BY YANKEE JUICE CO - DESSERTS 50ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--sold-out price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£4.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£4.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384384417892"
class="badge badge--bottom-left color-inverse"
>Sold out</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-11"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489&width=720 720w,//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489&width=940 940w,//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489&width=1066 1066w,//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489 1600w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/Vanilla_Custard_556b5f10-608b-49a4-97c7-bd670ab249c0.jpg?v=1599179489&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="VANILLA CUSTARD E LIQUID BY DONUT KING 100ML 70VG"
class="motion-reduce"
loading="lazy"
width="1600"
height="1600"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/donut-king-vanilla-custard"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172"
>
VANILLA CUSTARD E LIQUID BY DONUT KING 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172"
>
<a
href="/products/donut-king-vanilla-custard"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172"
>
VANILLA CUSTARD E LIQUID BY DONUT KING 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£5.49
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£5.49
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379011172"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-12"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/Kingston-Zingberry-120ml.jpg?v=1599436764&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/Kingston-Zingberry-120ml.jpg?v=1599436764&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/Kingston-Zingberry-120ml.jpg?v=1599436764&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/Kingston-Zingberry-120ml.jpg?v=1599436764 549w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/Kingston-Zingberry-120ml.jpg?v=1599436764&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="ZINGBERRY E LIQUID KINGSTON ZINGBERRY 100ML 70VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="549"
height="1098"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/zingberry-e-liquid-kingston-zingberry-100ml-70vg"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047"
>
ZINGBERRY E LIQUID KINGSTON ZINGBERRY 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Kingston E Liquid</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047"
>
<a
href="/products/zingberry-e-liquid-kingston-zingberry-100ml-70vg"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047"
>
ZINGBERRY E LIQUID KINGSTON ZINGBERRY 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£5.49
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£5.49
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470342054047"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-13"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474&width=720 720w,//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474&width=940 940w,//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474&width=1066 1066w,//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474 1600w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/Strawberry_Cream.jpg?v=1599179474&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="STRAWBERRY CREAM E LIQUID BY DONUT KING 100ML 70VG"
class="motion-reduce"
loading="lazy"
width="1600"
height="1600"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/donut-king-strawberry-cream"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244"
>
STRAWBERRY CREAM E LIQUID BY DONUT KING 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244"
>
<a
href="/products/donut-king-strawberry-cream"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244"
>
STRAWBERRY CREAM E LIQUID BY DONUT KING 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£5.49
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£5.49
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384379142244"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-14"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416&width=720 720w,//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416&width=940 940w,//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416&width=1066 1066w,//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416 1600w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/Deep_Fried_Docnut.jpg?v=1599179416&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="DEEP FRIED DONUT E LIQUID BY DONUT KING 100ML 70VG"
class="motion-reduce"
loading="lazy"
width="1600"
height="1600"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/donut-king-deep-fried-donut"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356"
>
DEEP FRIED DONUT E LIQUID BY DONUT KING 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356"
>
<a
href="/products/donut-king-deep-fried-donut"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356"
>
DEEP FRIED DONUT E LIQUID BY DONUT KING 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£5.49
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£5.49
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4384339296356"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-15"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/SOURUS-BLACK-50ML-E-LIQUID-DEVIL-VAPOUR-2.png1_-2.png?v=1670926941&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/SOURUS-BLACK-50ML-E-LIQUID-DEVIL-VAPOUR-2.png1_-2.png?v=1670926941&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/SOURUS-BLACK-50ML-E-LIQUID-DEVIL-VAPOUR-2.png1_-2.png?v=1670926941&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/SOURUS-BLACK-50ML-E-LIQUID-DEVIL-VAPOUR-2.png1_-2.png?v=1670926941 570w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/SOURUS-BLACK-50ML-E-LIQUID-DEVIL-VAPOUR-2.png1_-2.png?v=1670926941&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="BLACKCURRANT LEMONADE E LIQUID BY DEVIL VAPOUR 50ML 70VG"
class="motion-reduce"
loading="lazy"
width="570"
height="400"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/25-devil-vapour-50ml-70vg"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783"
>
BLACKCURRANT LEMONADE E LIQUID BY DEVIL VAPOUR 50ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783"
>
<a
href="/products/25-devil-vapour-50ml-70vg"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783"
>
BLACKCURRANT LEMONADE E LIQUID BY DEVIL VAPOUR 50ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£3.95
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£7.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£3.95
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5385199386783"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-16"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/purple_rain-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436255&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/purple_rain-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436255&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/purple_rain-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436255 480w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/purple_rain-v-juice-100ml-eliquid-vape-juice-0mg-shortfill-uk-3mg-6mg-premium.jpg?v=1599436255&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="PURPLE RAIN E LIQUID BY V JUICE 100ML 80VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="480"
height="480"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/purple-rain-by-v-juice-eliquid-100ml"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628"
>
PURPLE RAIN E LIQUID BY V JUICE 100ML 80VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628"
>
<a
href="/products/purple-rain-by-v-juice-eliquid-100ml"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628"
>
PURPLE RAIN E LIQUID BY V JUICE 100ML 80VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£9.95
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£19.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£9.95
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-4406810902628"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-17"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/peachapricoteliquid100ml70vg.jpg?v=1614955659&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/peachapricoteliquid100ml70vg.jpg?v=1614955659&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/peachapricoteliquid100ml70vg.jpg?v=1614955659&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/peachapricoteliquid100ml70vg.jpg?v=1614955659 565w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/peachapricoteliquid100ml70vg.jpg?v=1614955659&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="PEACH APRICOT E LIQUID BY FRUKT CYDER 100ML 70VG"
class="motion-reduce"
loading="lazy"
width="565"
height="565"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/peach-apricot-e-liquid-by-frukt-cyder-100ml-70vg"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566"
>
PEACH APRICOT E LIQUID BY FRUKT CYDER 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Frukt E Liquid</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566"
>
<a
href="/products/peach-apricot-e-liquid-by-frukt-cyder-100ml-70vg"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566"
>
PEACH APRICOT E LIQUID BY FRUKT CYDER 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£6.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£17.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£6.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-6548873019566"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-18"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/Kingston-120ml-Pinkerton.jpg?v=1599436752&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/Kingston-120ml-Pinkerton.jpg?v=1599436752&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/Kingston-120ml-Pinkerton.jpg?v=1599436752&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/Kingston-120ml-Pinkerton.jpg?v=1599436752 600w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/Kingston-120ml-Pinkerton.jpg?v=1599436752&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="PINKERTON E LIQUID KINGSTON ZINGBERRY 100ML 70VG - Eliquids Outlet"
class="motion-reduce"
loading="lazy"
width="600"
height="1200"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/pinkerton-e-liquid-kingston-zingberry-100ml-70vg"
id="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071 NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071"
>
PINKERTON E LIQUID KINGSTON ZINGBERRY 100ML 70VG
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Kingston E Liquid</div><h3
class="card__heading h5"
id="title-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071"
>
<a
href="/products/pinkerton-e-liquid-kingston-zingberry-100ml-70vg"
id="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071 Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071"
>
PINKERTON E LIQUID KINGSTON ZINGBERRY 100ML 70VG
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£5.49
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£5.49
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-5470335271071"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li></ul><div class="slider-buttons no-js-hidden">
<button
type="button"
class="slider-button slider-button--prev"
name="previous"
aria-label="Slide left"
aria-controls="Slider-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1"
>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div class="slider-counter caption">
<span class="slider-counter--current">1</span>
<span aria-hidden="true"> / </span>
<span class="visually-hidden">of</span>
<span class="slider-counter--total">18</span>
</div>
<button
type="button"
class="slider-button slider-button--next"
name="next"
aria-label="Slide right"
aria-controls="Slider-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1"
>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
</div></slider-component><div class="center collection__view-all">
<a
href="/collections/e-liquids-shortfills-50ml-100ml"
class="button button-text"
aria-label="View all products in the Eliquids collection"
>
View all
</a>
</div></div>
</div>
<style>
.custom-featured-collection-heading-text h2{
font-size: 22px;
font-weight: 600;
color: #197bbd;
margin: 0;
padding: 0;
}
.collection__title.title-wrapper {
margin-bottom: 20px;
text-align: left !important;
}
.custom-featured-collection-heading h3:empty{
display: block;
}
.custom-featured-collection-heading-text h3{
width: 150px;
height:1px;
background-color:#fdd214;
margin: 0;
padding: 0;
}
.custom-featured-collection-heading div:empty{
display: block;
}
.custom-featured-collection-heading-border{
width: 100%;
height:1px;
background-color:#197bbd;
margin: 0;
padding: 0;
}
.custom-featured-collection-heading{
display: flex;
align-items: center;
}
.section-template--18252829556960__96b314c1-b0b4-4704-b2d4-d718479037f1-padding .custom-featured-collection-heading-text{
width: 400px;
}
.custom-featured-collection-heading-text h2{
letter-spacing: 0px;
}
.button-text{
font-size: 20px;
font-weight: 600;
color: #ffffff;
background-color:#197bbd;
border: 2px solid #000000;
border-radius: 50px;
text-decoration: none;
padding: 20px 20px;
text-align: center;
max-width: 400px;
width: 100%;
display: block;
line-height: 100%;
text-transform: capitalize
}
.button-text:hover{
animation: 5s infinite alternate move4;
}
@keyframes move4 {
0% {
border: 2px solid #000000;
}
10% {
border-top: 2px solid #fff;
}
20% {
border-right: 2px solid #fff;
}
30% {
border-bottom: 2px solid #fff;
}
40% {
border-left: 2px solid #fff;
}
50% {
border-top: 2px solid #000000;
}
60% {
border-right: 2px solid #000000;
}
70% {
border-bottom: 2px solid #000000;
}
80% {
border-left: 2px solid #000000;
}
}
.collection__view-all{
display: flex;
justify-content: center;
}
.collection__view-all .button:after{
display: none
}
.collection__view-all .button:before{
display: none
}
@media screen and (max-width: 1200px) {
.grid--6-col-desktop .grid__item {
width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
}
}
@media screen and (max-width: 749px) {
.grid--6-col-desktop .grid__item {
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
}
}
@media screen and (max-width: 450px) {
.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item {
width: calc(95% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
max-width: calc(95% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
}
}
@media screen and (max-width: 990px) {
.custom-featured-collection-heading-border{
display: none !important;
}
}
</style>
</section><div id="shopify-section-template--18252829556960__896e827b-9682-495f-970e-dc80b88b5b00" class="shopify-section"><div>
<div>
<div class="custom-flavour-main custom-container">
<div class="custom-flavour-heading">
<div class="custom-flavour-heading-text">
<h2>PICK YOUR E-LIQUID FLAVOUR</h2>
<h3></h3>
</div>
<div class="custom-flavour-heading-border"></div>
</div>
<div class="custom-flavour-heading-description">Eliquidsoutlet is one of the largest online vape stores in the UK, stocking a diverse range of Eliquid flavours, vape kits, tanks, pod systems, coils and vape accessories from leading vaping brands. Browse our vape juice collection below and prepare to be wowed!</div>
<div>
<ul class="accordion">
<li class="accordion-item is-active">
<div class="accordion-thumb">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Kawaii_Cupcake.png?v=1688888153">
<h2>Desserts & Bakery</h2>
</div>
<div class="accordion-panel">
<h3><a href="">Custards</a></h3>
<h3><a href="">Butterscotch</a></h3>
<h3><a href="">Caramel</a></h3>
<h3><a href="">Cinnamon</a></h3>
<h3><a href="">Cereal</a></h3>
<a href="">View All</a>
</div>
</li>
<li class="accordion-item is-active">
<div class="accordion-thumb">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Lemon.png?v=1688889883">
<h2>Fruits & Berries</h2>
</div>
<div class="accordion-panel">
<h3><a href="">Grape</a></h3>
<h3><a href="">Banana</a></h3>
<h3><a href="">Apple</a></h3>
<h3><a href="">Strawberry</a></h3>
<h3><a href="">Tropical</a></h3>
<a href="">View All</a>
</div>
</li>
<li class="accordion-item is-active">
<div class="accordion-thumb">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Christmas_Candy.png?v=1688889902">
<h2>Sweets & Chocolate</h2>
</div>
<div class="accordion-panel">
<h3><a href="">Chocolate</a></h3>
<h3><a href="">Sherbet</a></h3>
<h3><a href="">Candy</a></h3>
<h3><a href="">Fruity</a></h3>
<h3><a href="">Bubblegum</a></h3>
<a href="">View All</a>
</div>
</li>
<li class="accordion-item is-active">
<div class="accordion-thumb">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Soda.png?v=1688889925">
<h2>Drink Flavours</h2>
</div>
<div class="accordion-panel">
<h3><a href="">Cola</a></h3>
<h3><a href="">Soda</a></h3>
<h3><a href="">Heisenberg</a></h3>
<h3><a href="">Milkshake</a></h3>
<h3><a href="">Lemonade</a></h3>
<a href="">View All</a>
</div>
</li>
<li class="accordion-item is-active">
<div class="accordion-thumb">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Mint.png?v=1688889925">
<h2>Tobacco & Menthol</h2>
</div>
<div class="accordion-panel">
<h3><a href="">Tobacco</a></h3>
<h3><a href="">Ice</a></h3>
<h3><a href="">Mint</a></h3>
<h3><a href="">Menthol</a></h3>
<h3><a href="">Mojito</a></h3>
<a href="">View All</a>
</div>
</li>
<li class="accordion-item is-active">
<div class="accordion-thumb">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Heart.png?v=1688889925">
<h2>Our Favourites</h2>
</div>
<div class="accordion-panel">
<h3><a href="">Blue Raspberry</a></h3>
<h3><a href="">Nic Shots</a></h3>
<h3><a href="">Tropical Fruits</a></h3>
<h3><a href="">Sweets</a></h3>
<h3><a href="">Sherbet</a></h3>
<a href="">View All</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<style>
.custom-flavour-main{
padding:40px 20px;
}
.custom-flavour-heading-text h2{
font-size: 22px;
font-weight: 700;
color: #197bbd;
margin: 0;
padding: 0;
letter-spacing: -1px;
}
.custom-flavour-heading-text h3{
width: 150px;
height:1px;
background-color:#fdd214;
margin: 0;
padding: 0;
}
.custom-flavour-main div:empty{
display: block;
}
.custom-flavour-heading{
display: flex;
align-items: center;
justify-content: space-between;
}
.custom-flavour-heading-text{
width: 600px;
}
.custom-flavour-heading-border{
width: 100%;
height:1px;
background-color:#888888;
margin: 0;
padding: 0;
}
.custom-flavour-main h3:empty{
display: block;
}
.accordion-thumb img{
width: 18px;
}
.accordion-thumb h2{
font-size: 16px;
font-weight: 600;
color: #000000;
width: fit-content;
margin: 0;
padding-left: 6px;
}
.accordion-panel h3{
font-size: 14px;
font-weight: 400;
color: #999999;
margin: 0;
}
.accordion-panel h3 a{
font-size: 14px;
font-weight: 400;
color: #999999;
margin: 0;
}
.custom-flavour-heading-description{
font-size: 14px;
font-weight: 400;
color: #000000;
line-height: 100%;
letter-spacing: 0px;
margin: 20px 0px;
}
.accordion-panel a{
font-size: 16px;
font-weight: 600;
color: #000;
text-decoration: none;
letter-spacing: -1px;
}
.accordion {
margin: 0px 0px;
padding: 0;
list-style: none;
}
.accordion p{
margin-bottom: 0px;
}
.accordion-item {
margin: 0px 10px;
list-style: none !important;
}
/* Thumb */
.accordion-thumb {
margin: 0;
padding: 5px 0px 5px;
cursor: pointer;
display: flex;
align-items: center;
border-bottom: 1px solid #999999;
position: relative;
}
.accordion-thumb::after {
content: '';
display: inline-block;
height: 7px;
width: 7px;
margin-right: 1rem;
margin-left: 0.5rem;
vertical-align: middle;
border-right: 1px solid;
border-bottom: 1px solid;
transform: rotate(-45deg);
transition: transform 0.2s ease-out;
position: absolute;
right: 0;
}
.accordion-item.is-active .accordion-thumb::after {
transform: rotate(45deg);
}
/* Panel */
.accordion-panel {
margin: 0;
padding-bottom: 0.8rem;
display: none;
letter-spacing: 1px;
word-spacing: 2px;
padding: 10px 0px 0px 15px;
}
.accordion-panel .field:before{
content: none !important;
}
.accordion-panel .field:after{
content: none !important;
}
.accordion-panel .field input{
border-bottom: 1px solid #000;
}
.custom-collection-main .field input:focus-visible {
box-shadow: none;
}
.custom-box-div{
display: flex;
flex-direction: column;
}
.field__input:focus-visible{
outline: none !important;
box-shadow: none !important;
}
@media screen and (max-width: 990px) {
.custom-flavour-main{
padding:20px 20px;
}
.custom-flavour-heading-text h2{
font-size: px;
}
.custom-flavour-main div:empty{
display: none;
}
.custom-flavour-heading{
}
}
</style>
<script>
$(function() {
// (Optional) Active an item if it has the class "is-active"
$(".accordion > .accordion-item.is-active").children(".accordion-panel").slideDown();
$(".accordion > .accordion-item").click(function() {
// Cancel the siblings
// Toggle the item
$(this).toggleClass("is-active").children(".accordion-panel").slideToggle("ease-out");
});
});
$(document).ready(function() {
$('.accordion').slick({
slidesToShow: 6,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 2000,
dots: false,
arrows: false,
responsive: [
{
breakpoint: 1200,
settings: {
arrows: false,
centerMode: false,
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 990,
settings: {
arrows: false,
centerMode: false,
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 600,
settings: {
arrows: false,
centerMode: false,
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 450,
settings: {
arrows: false,
centerMode: false,
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
});
</script>
</div><section id="shopify-section-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c" class="shopify-section section"><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-card.css?v=183357241441942701451721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-price.css?v=112673864592427438181721769519" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-slider.css?v=95971316053212773771721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/template-collection.css?v=63899875130493024461721769519" media="print" onload="this.media='all'"><noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-slider.css?v=95971316053212773771721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/template-collection.css?v=63899875130493024461721769519" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><div class="color-background-1 isolate gradient">
<div class="collection section-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-padding">
<div class="collection__title title-wrapper title-wrapper--no-top-margin page-width title-wrapper--self-padded-tablet-down"><div class="custom-featured-collection-heading">
<div class="custom-featured-collection-heading-text">
<h2>Latest Disposable Vapes</h2>
<h3></h3>
</div>
<div class="custom-featured-collection-heading-border"></div>
</div></div>
<slider-component class="slider-mobile-gutter page-width-desktop">
<ul
id="Slider-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c"
class="grid product-grid contains-card grid--5-col-desktop grid--2-col-tablet-down slider slider--tablet grid--peek"
role="list"
aria-label="Slider"
><li
id="Slide-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-1"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100.0%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100.0%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/NanoSTIXStarterKitNEWReplacementPods2ML4X2.0MLPODSPACK1.7_NICSALT.jpg?v=1656973833&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/NanoSTIXStarterKitNEWReplacementPods2ML4X2.0MLPODSPACK1.7_NICSALT.jpg?v=1656973833&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/NanoSTIXStarterKitNEWReplacementPods2ML4X2.0MLPODSPACK1.7_NICSALT.jpg?v=1656973833 500w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/NanoSTIXStarterKitNEWReplacementPods2ML4X2.0MLPODSPACK1.7_NICSALT.jpg?v=1656973833&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="NanoSTIX Starter Kit NEW Replacement Pods 2ML 4 X 2.0ML PODS PACK 1.7% NIC SALT"
class="motion-reduce"
loading="lazy"
width="500"
height="500"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/nanostix-neo-v2-pre-filled-e-liquid-pods-disposable-4-pack"
id="StandardCardNoMediaLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232 NoMediaStandardBadge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232"
>
Nanostix Neo V2 Pre-filled E Liquid Pods 4 X 2ML
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232"
>
<a
href="/products/nanostix-neo-v2-pre-filled-e-liquid-pods-disposable-4-pack"
id="CardLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232 Badge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232"
>
Nanostix Neo V2 Pre-filled E Liquid Pods 4 X 2ML
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£9.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£14.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£9.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7745767211232"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-2"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100.0%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100.0%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195&width=720 720w,//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195&width=940 940w,//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195&width=1066 1066w,//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195 2560w
"
src="//www.eliquidsoutlet.com/cdn/shop/files/d470d1c4fa6d4484366599f716f9f64d.jpg?v=1714861195&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="b49d1a22589160d458f2ca6a8b597ce3"
class="motion-reduce"
loading="lazy"
width="2560"
height="2560"
>
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/files/0289f400ca92556800fcfbaa0484fb8f.jpg?v=1714861198&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/files/0289f400ca92556800fcfbaa0484fb8f.jpg?v=1714861198&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/files/0289f400ca92556800fcfbaa0484fb8f.jpg?v=1714861198&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/files/0289f400ca92556800fcfbaa0484fb8f.jpg?v=1714861198 565w
"
src="//www.eliquidsoutlet.com/cdn/shop/files/0289f400ca92556800fcfbaa0484fb8f.jpg?v=1714861198&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
class="motion-reduce"
loading="lazy"
width="565"
height="565"
></div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/ivg-2400-disposable-vape-kit-20mg"
id="StandardCardNoMediaLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-8453520720096"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-8453520720096 NoMediaStandardBadge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-8453520720096"
>
IVG 2400 DISPOSABLE VAPE KIT 20MG RECHARGEABLE
</a>
</h3>
</div>
<div class="card__badge bottom right"></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">IVG</div><h3
class="card__heading h5"
id="title-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-8453520720096"
>
<a
href="/products/ivg-2400-disposable-vape-kit-20mg"
id="CardLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-8453520720096"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-8453520720096 Badge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-8453520720096"
>
IVG 2400 DISPOSABLE VAPE KIT 20MG RECHARGEABLE
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
£8.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
£8.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"></div>
</div>
</div>
</div>
</li><li
id="Slide-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-3"
class="grid__item slider__slide"
>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rating.css?v=24573085263941240431721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/card-component.css?v=47490539784354092111721769519" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper underline-links-hover">
<div
class="
card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 100.0%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 100.0%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/products/elfbar-600-cherry-cola-disposable-vape-pod-bar.jpg?v=1671582712&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/products/elfbar-600-cherry-cola-disposable-vape-pod-bar.jpg?v=1671582712&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/products/elfbar-600-cherry-cola-disposable-vape-pod-bar.jpg?v=1671582712&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/products/elfbar-600-cherry-cola-disposable-vape-pod-bar.jpg?v=1671582712&width=720 720w,//www.eliquidsoutlet.com/cdn/shop/products/elfbar-600-cherry-cola-disposable-vape-pod-bar.jpg?v=1671582712 800w
"
src="//www.eliquidsoutlet.com/cdn/shop/products/elfbar-600-cherry-cola-disposable-vape-pod-bar.jpg?v=1671582712&width=533"
sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="elfbar-600-cherry-cola-disposable-vape-pod-bar.jpg"
class="motion-reduce"
loading="lazy"
width="800"
height="800"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/cherry-cola-elf-bar-600-puffs-disposable-vape"
id="StandardCardNoMediaLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752 NoMediaStandardBadge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752"
>
Cherry Cola Elf Bar 600 Puffs Disposable Vape
</a>
</h3>
</div>
<div class="card__badge bottom right"><span
id="NoMediaStandardBadge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
<div class="custom-product-banner"></div>
<div class="card__content">
<div class="card__information"><span class="visually-hidden">Vendor:</span>
<div class="caption-with-letter-spacing light">Eliquids Outlet</div><h3
class="card__heading h5"
id="title-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752"
>
<a
href="/products/cherry-cola-elf-bar-600-puffs-disposable-vape"
id="CardLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752"
class="full-unstyled-link"
aria-labelledby="CardLink-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752 Badge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752"
>
Cherry Cola Elf Bar 600 Puffs Disposable Vape
</a>
</h3>
<div class="card-information">
<span class="caption-large light"></span>
<div class="price price--on-sale ">
<div class="price__container"><div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item price-item--regular">
From £3.99
</span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="price-item price-item--regular">
£4.99
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--sale price-item--last">
From £3.99
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Unit price</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> per </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom right"><span
id="Badge-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-7961418006752"
class="badge badge--bottom-left color-accent-2"
>Sale</span></div>
</div>
</div>
</div>
</li></ul><div class="slider-buttons no-js-hidden">
<button
type="button"
class="slider-button slider-button--prev"
name="previous"
aria-label="Slide left"
aria-controls="Slider-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c"
>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div class="slider-counter caption">
<span class="slider-counter--current">1</span>
<span aria-hidden="true"> / </span>
<span class="visually-hidden">of</span>
<span class="slider-counter--total">3</span>
</div>
<button
type="button"
class="slider-button slider-button--next"
name="next"
aria-label="Slide right"
aria-controls="Slider-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c"
>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
</div></slider-component></div>
</div>
<style>
.custom-featured-collection-heading-text h2{
font-size: 22px;
font-weight: 600;
color: #197bbd;
margin: 0;
padding: 0;
}
.collection__title.title-wrapper {
margin-bottom: 20px;
text-align: left !important;
}
.custom-featured-collection-heading h3:empty{
display: block;
}
.custom-featured-collection-heading-text h3{
width: 150px;
height:1px;
background-color:#fdd214;
margin: 0;
padding: 0;
}
.custom-featured-collection-heading div:empty{
display: block;
}
.custom-featured-collection-heading-border{
width: 100%;
height:1px;
background-color:#888888;
margin: 0;
padding: 0;
}
.custom-featured-collection-heading{
display: flex;
align-items: center;
}
.section-template--18252829556960__3f6a485b-442b-488b-a3ed-fa53aeaad73c-padding .custom-featured-collection-heading-text{
width: 400px;
}
.custom-featured-collection-heading-text h2{
letter-spacing: 0px;
}
.button-text{
font-size: 20px;
font-weight: 600;
color: #ffffff;
background-color:#197bbd;
border: 2px solid #000000;
border-radius: 50px;
text-decoration: none;
padding: 20px 20px;
text-align: center;
max-width: 400px;
width: 100%;
display: block;
line-height: 100%;
text-transform: capitalize
}
.button-text:hover{
animation: 5s infinite alternate move4;
}
@keyframes move4 {
0% {
border: 2px solid #000000;
}
10% {
border-top: 2px solid #fff;
}
20% {
border-right: 2px solid #fff;
}
30% {
border-bottom: 2px solid #fff;
}
40% {
border-left: 2px solid #fff;
}
50% {
border-top: 2px solid #000000;
}
60% {
border-right: 2px solid #000000;
}
70% {
border-bottom: 2px solid #000000;
}
80% {
border-left: 2px solid #000000;
}
}
.collection__view-all{
display: flex;
justify-content: center;
}
.collection__view-all .button:after{
display: none
}
.collection__view-all .button:before{
display: none
}
@media screen and (max-width: 1200px) {
.grid--6-col-desktop .grid__item {
width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
}
}
@media screen and (max-width: 749px) {
.grid--6-col-desktop .grid__item {
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
}
}
@media screen and (max-width: 450px) {
.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item {
width: calc(95% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
max-width: calc(95% - var(--grid-desktop-horizontal-spacing) * 5 / 6) ;
}
}
@media screen and (max-width: 990px) {
.custom-featured-collection-heading-border{
display: none !important;
}
}
</style>
</section><section id="shopify-section-template--18252829556960__b5812999-2089-4aab-97b9-054d71ea2ecb" class="shopify-section section"><link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rte.css?v=69919436638515329781721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/section-rich-text.css?v=128060201922151465311721769519" media="print" onload="this.media='all'">
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rte.css?v=69919436638515329781721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/section-rich-text.css?v=128060201922151465311721769519" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--18252829556960__b5812999-2089-4aab-97b9-054d71ea2ecb-padding {
padding-top: 30px;
padding-bottom: 39px;
}
@media screen and (min-width: 750px) {
.section-template--18252829556960__b5812999-2089-4aab-97b9-054d71ea2ecb-padding {
padding-top: 40px;
padding-bottom: 52px;
}
}</style><div class="isolate">
<div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--18252829556960__b5812999-2089-4aab-97b9-054d71ea2ecb-padding">
<div class="rich-text__wrapper rich-text__wrapper--center page-width">
<div class="rich-text__blocks center"><h2 class="rich-text__heading rte h1" >
<span>ELIQUIDSOUTLET</span>
</h2><div class="rich-text__text rte" >
<p>At E Liquids Outlet we are dedicated to bringing you the best e-juice & e-cigs supplies at affordable prices. We bring you over 100+ brands and more than 500 pure, uncut juice flavours with different nicotine strengths, plus vaping devices and accessories that matches the taste and preference of every Vaper. <br/><br/>We provide USA, UK and Malaysian made E-juices, known for exceptionally high-quality premium juice with various flavours and nicotine strengths. We buy our products direct from the manufacturer, taking the middleman out of the question. In fact, every product we sell undergoes through a thorough quality check before it is put on our website.As one of the largest distributors of E Liquids in the UK, we have established a close business relationship with the biggest names in the industry, allowing us to offer only the best e-liquids on the market.Our goal is to provide customers with excellent products, great prices, great customer service and fast shipping. <br/><br/>We keep looking for new brand lines to expand our stock, in order to bring you the greatest and latest from the electronic cigarette industry. We are proud of the fact that all the products are environment free of contaminates and dust: our quality control agents test every product before it leave our store.With a long history in the e-liquid & e-cigs industry and keen understanding of what vapers are seeking, we can assure to bring only the top of the line e-juices. We are inviting to step out by encouraging you to have an extensive look at the products and take advantage of our exceptional deals.We aim to be your best Vape shop in UK where customer can buy all they need for Vaping in one place, get the best quality and best price with a convenient shopping experience. If you are using e-liquids, you are a grown up and you need to take control, Vape better and enjoy life a little more.<br/><br/>We stock a large range of TPD regulated disposable vape devices such as <a href="/collections/elfbar-600-v2-disposable-vape-pods" title="ElfBar 600 V2 Disposable Vape Pods">Elfbar V2</a> , <a href="/collections/vapengin-mercury-disposable-vape-pods-pen" title="VAPENGIN MERCURY DISPOSABLE VAPE PODS">Vapengin</a>, <a href="/collections/lost-mary-bm600-disposable-vape-bar-pods" title="Lost Mary BM600 Disposable Vape Pods">Lost Mary</a>, <br/></p>
</div></div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34" class="shopify-section section"><link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-slider.css?v=95971316053212773771721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-card.css?v=183357241441942701451721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-article-card.css?v=40864579252276455821721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/section-featured-blog.css?v=91096229938478081821721769519" media="print" onload="this.media='all'">
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-slider.css?v=95971316053212773771721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-card.css?v=183357241441942701451721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-article-card.css?v=40864579252276455821721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/section-featured-blog.css?v=91096229938478081821721769519" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34-padding {
padding-top: 15px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34-padding {
padding-top: 20px;
padding-bottom: 36px;
}
}</style><div class="blog color-background-1 gradient">
<div class="page-width-desktop isolate section-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34-padding"><div class="title-wrapper-with-link title-wrapper--self-padded-tablet-down title-wrapper--no-top-margin">
<h2 id="SectionHeading-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34" class="blog__title h2">Blog posts</h2><a href="/blogs/blog"
class="link underlined-link large-up-hide"
>
View all
</a></div><slider-component class="slider-mobile-gutter">
<ul id="Slider-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34"
class="blog__posts articles-wrapper contains-card grid grid--peek grid--2-col-tablet grid--3-col-desktop slider slider--tablet"
role="list"
><li id="Slide-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34-1" class="blog__post grid__item article slider__slide slider__slide--full-width">
<div class="card-wrapper underline-links-hover">
<div class="card article-card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 60.24096385542169%;"
>
<div class="card__inner ratio" style="--ratio-percent: 60.24096385542169%;"><div class="article-card__image-wrapper card__media">
<div class="article-card__image media media--hover-effect" >
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-1404947.webp?v=1696380650&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-1404947.webp?v=1696380650&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-1404947.webp?v=1696380650 525w"
src="//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-1404947.webp?v=1696380650&width=533"
sizes="(min-width: 1600px) 750px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
alt="Exploring the Health Implications of Vaping"
class="motion-reduce"
loading="lazy"
width="525"
height="350"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/blog/exploring-the-health-implications-of-vaping" class="full-unstyled-link">
Exploring the Health Implications of Vaping
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"></div><p class="article-card__excerpt rte-width">Introduction to the World of Vaping Welcome to the intriguing world of vaping! Often marketed as a safer alternative to traditional cigarettes, vaping has surged in popularity over recent years....
</p><div class="article-card__footer"></div></div></div>
</div>
<div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/blog/exploring-the-health-implications-of-vaping" class="full-unstyled-link">
Exploring the Health Implications of Vaping
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"></div><p class="article-card__excerpt rte-width">Introduction to the World of Vaping Welcome to the intriguing world of vaping! Often marketed as a safer alternative to traditional cigarettes, vaping has surged in popularity over recent years....
</p><div class="article-card__footer"></div></div></div>
</div>
</div>
</li><li id="Slide-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34-2" class="blog__post grid__item article slider__slide slider__slide--full-width">
<div class="card-wrapper underline-links-hover">
<div class="card article-card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 60.24096385542169%;"
>
<div class="card__inner ratio" style="--ratio-percent: 60.24096385542169%;"><div class="article-card__image-wrapper card__media">
<div class="article-card__image media media--hover-effect" >
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-7964488.webp?v=1696372647&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-7964488.webp?v=1696372647&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-7964488.webp?v=1696372647&width=533 533w,//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-7964488.webp?v=1696372647 535w"
src="//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-7964488.webp?v=1696372647&width=533"
sizes="(min-width: 1600px) 750px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
alt="The Rise of Disposable Vape Bars: An In-Depth Look"
class="motion-reduce"
loading="lazy"
width="535"
height="350"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/blog/the-rise-of-disposable-vape-bars-an-in-depth-look" class="full-unstyled-link">
The Rise of Disposable Vape Bars: An In-Depth Look
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"></div><p class="article-card__excerpt rte-width">Introduction to Vaping and Its Rising Popularity Vaping, a modern alternative to traditional smoking, has seen a significant surge in popularity over recent years. This trend involves inhaling vapor from...
</p><div class="article-card__footer"></div></div></div>
</div>
<div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/blog/the-rise-of-disposable-vape-bars-an-in-depth-look" class="full-unstyled-link">
The Rise of Disposable Vape Bars: An In-Depth Look
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"></div><p class="article-card__excerpt rte-width">Introduction to Vaping and Its Rising Popularity Vaping, a modern alternative to traditional smoking, has seen a significant surge in popularity over recent years. This trend involves inhaling vapor from...
</p><div class="article-card__footer"></div></div></div>
</div>
</div>
</li><li id="Slide-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34-3" class="blog__post grid__item article slider__slide slider__slide--full-width">
<div class="card-wrapper underline-links-hover">
<div class="card article-card
card--card
card--media
color-background-2 gradient
"
style="--ratio-percent: 60.24096385542169%;"
>
<div class="card__inner ratio" style="--ratio-percent: 60.24096385542169%;"><div class="article-card__image-wrapper card__media">
<div class="article-card__image media media--hover-effect" >
<img
srcset="//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-2166456.jpg?v=1695497678&width=165 165w,//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-2166456.jpg?v=1695497678&width=360 360w,//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-2166456.jpg?v=1695497678 525w"
src="//www.eliquidsoutlet.com/cdn/shop/articles/pexels-photo-2166456.jpg?v=1695497678&width=533"
sizes="(min-width: 1600px) 750px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
alt="Vaping 101: Understanding the Basics"
class="motion-reduce"
loading="lazy"
width="525"
height="350"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/blog/vaping-101-understanding-the-basics" class="full-unstyled-link">
Vaping 101: Understanding the Basics
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"></div><p class="article-card__excerpt rte-width">Introduction to Vaping: The Basics Welcome to "Vaping 101: Understanding the Basics". If you're new to the vaping world, it might seem a bit overwhelming. But fear not, we're here...
</p><div class="article-card__footer"></div></div></div>
</div>
<div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/blog/vaping-101-understanding-the-basics" class="full-unstyled-link">
Vaping 101: Understanding the Basics
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"></div><p class="article-card__excerpt rte-width">Introduction to Vaping: The Basics Welcome to "Vaping 101: Understanding the Basics". If you're new to the vaping world, it might seem a bit overwhelming. But fear not, we're here...
</p><div class="article-card__footer"></div></div></div>
</div>
</div>
</li></ul><div class="slider-buttons no-js-hidden">
<button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div class="slider-counter caption">
<span class="slider-counter--current">1</span>
<span aria-hidden="true"> / </span>
<span class="visually-hidden">of</span>
<span class="slider-counter--total">3</span>
</div>
<button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
</div></slider-component><div class="blog__view-all center small-hide medium-hide">
<a href="/blogs/blog" id="ViewAll-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34" class="blog__button button" aria-labelledby="ViewAll-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34 SectionHeading-template--18252829556960__e0a5808b-8dbf-4399-bc2b-367e24a4ea34">
View all
</a>
</div></div>
</div>
</section>
</main>
<div id="shopify-section-footer" class="shopify-section">
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/section-footer.css?v=58477354071308251581721769519" rel="stylesheet" type="text/css" media="all" />
<link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/custom-section-footer.css?v=45209062664997100861721769519" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-newsletter.css?v=103472482056003053551721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-menu.css?v=151968516119678728991721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-payment.css?v=69253961410771838501721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-social.css?v=52211663153726659061721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rte.css?v=69919436638515329781721769519" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/disclosure.css?v=646595190999601341721769519" media="print" onload="this.media='all'">
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-newsletter.css?v=103472482056003053551721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-menu.css?v=151968516119678728991721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-payment.css?v=69253961410771838501721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-list-social.css?v=52211663153726659061721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/component-rte.css?v=69919436638515329781721769519" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/disclosure.css?v=646595190999601341721769519" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
margin-top: 36px;
}
.section-footer-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.footer {
margin-top: 48px;
}
.section-footer-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><footer class="footer color-accent-1 gradient section-footer-padding"><div class="footer__content-top custom-container page-width"><div class="custom-footer-block">
<div class="custom-footer-block1">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/ezgif.com-webp-to-png_2_1_7df1df41-a1be-45b8-a6c6-7673bc506a4a.png?v=1688898872">
<h3>Explore E-liquidsuotlet.com and discover a world of amazing vape products including the best vape deals in the UK!s</h3>
</div>
<div class="custom-footer-block2">
<div class="footer-block__newsletter"><h2 class="footer-block__heading">Subscribe to our weekly newsletter and never miss a deal!</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
<div class="newsletter-form__field-wrapper">
<div class="field">
<input
id="NewsletterForm--footer"
type="email"
name="contact[email]"
class="field__input"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Email"
required
>
<label class="field__label" for="NewsletterForm--footer"> Enter Your Email </label>
<button
type="submit"
class="newsletter-form__button field__button"
name="commit"
id="Subscribe"
aria-label="Subscribe"
>
<img src="//www.eliquidsoutlet.com/cdn/shop/files/subscribe_1.png?v=1689848748">
</button>
</div></div></form></div>
<div class="icons">
<h3>Follow Us</h3>
<ul class="footer__list-social list-unstyled list-social" role="list"><li class="list-social__item">
<a href="https://www.facebook.com/eliquidsoutletcom/" class="link list-social__link">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Facebook_1.png?v=1688904306">
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a href="https://www.instagram.com/eliquidsoutlet/?hl=en" class="link list-social__link">
<img src="//www.eliquidsoutlet.com/cdn/shop/files/Instagram_2.png?v=1688904306">
<span class="visually-hidden">Instagram</span>
</a>
</li></ul>
</div>
</div>
</div>
<div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet "><div
class="footer-block grid__item footer-block--menu"
><h2 class="footer-block__heading">Help Center</h2><ul class="footer-block__details-content list-unstyled"><li>
<a
href="/pages/help-center"
class="link link--text list-menu__item list-menu__item--link"
>
Help Center
</a>
</li><li>
<a
href="#"
class="link link--text list-menu__item list-menu__item--link"
>
Reviews
</a>
</li><li>
<a
href="/pages/shipping-returns"
class="link link--text list-menu__item list-menu__item--link"
>
Shipping & Returns
</a>
</li><li>
<a
href="/pages/faqs"
class="link link--text list-menu__item list-menu__item--link"
>
FAQ
</a>
</li><li>
<a
href="/pages/contact-us"
class="link link--text list-menu__item list-menu__item--link"
>
Contact Us
</a>
</li><li>
<a
href="/blogs/blog"
class="link link--text list-menu__item list-menu__item--link"
>
Blog Posts
</a>
</li></ul></div><div
class="footer-block grid__item footer-block--menu"
><h2 class="footer-block__heading">Information</h2><ul class="footer-block__details-content list-unstyled"><li>
<a
href="/pages/about"
class="link link--text list-menu__item list-menu__item--link"
>
About us
</a>
</li><li>
<a
href="/pages/affiliate-program"
class="link link--text list-menu__item list-menu__item--link"
>
Affiliate Program
</a>
</li><li>
<a
href="/pages/privacy-policy"
class="link link--text list-menu__item list-menu__item--link"
>
Privacy Policy
</a>
</li><li>
<a
href="/pages/term-conditions"
class="link link--text list-menu__item list-menu__item--link"
>
Terms & Condition
</a>
</li><li>
<a
href="#"
class="link link--text list-menu__item list-menu__item--link"
>
RSS Syndication
</a>
</li><li>
<a
href="/pages/wholesale"
class="link link--text list-menu__item list-menu__item--link"
>
Wholesale
</a>
</li></ul></div><div
class="footer-block grid__item"
><h2 class="footer-block__heading">18+</h2><div class="footer-block__details-content rte">
<p>E-Cigarette products can only be purchased by and shipped to those who are over the age of 18. We are authorised to use any personal information provided by you to carry out and conduct relevant age verification checks.</p>
</div></div></div><div class="footer-block--newsletter"></div>
</div><div class="footer__content-bottom bg-accent-primary ci-primary text-center">
<div class="page-width">
<section class="footer-disclaimer">
<div class="section-container-small">
<div style="display: flex; align-items: center; justify-content: center;">
<img
srcset="https://cdn.shopify.com/s/files/1/0231/1674/2734/files/18-1-white.png?v=1656340539 50w"
sizes="(min-width: 50px) 5vw"
height="50px"
width="50px"
src="https://cdn.shopify.com/s/files/1/0231/1674/2734/files/18-1-white.png?v=1656340539"
loading="lazy"
alt="18 Only"
>
<span class="section-heading-s"
><strong>You have to be over 18 to purchase from this website.</strong></span
>
</div>
<p>
Electronic cigarettes may contain nicotine which is addictive. Electronic cigarettes are products intended
for use by person ages 18 years and over, They are not recommended for persons who are allergic/sensitive to
nicotine; pregnant or breastfeeding women; persons who should avoid using nicotine products for medical
reasons; or persons with an unstable heart condition as they could be hazardous to health. Keep Electronic
Cigarettes out of reach of children.
</p>
</div>
</section>
</div>
</div>
<div class="footer__content-bottom">
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__localization isolate"></div>
<div class="footer__column footer__column--info"><div class="footer__payment">
<span class="visually-hidden">Payment methods</span>
<ul class="list list-payment" role="list"></ul>
</div><div class="footer__copyright caption">
<small class="copyright__content"
>© 2025, <a href="/" title="">Eliquids Outlet</a></small>
<small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></small>
</div>
</div>
</div>
</div>
</footer>
</div>
<!--
<ul hidden>
<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
<li id="a11y-new-window-message">Opens in a new window.</li>
</ul>
-->
<script>
window.shopUrl = 'https://www.eliquidsoutlet.com';
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest'
};
window.cartStrings = {
error: `There was an error while updating your cart. Please try again.`,
quantityError: `You can only add [quantity] of this item to your cart.`
}
window.variantStrings = {
addToCart: `Add to cart`,
soldOut: `Sold out`,
unavailable: `Unavailable`,
}
window.accessibilityStrings = {
imageAvailable: `Image [index] is now available in gallery view`,
shareSuccess: `Link copied to clipboard`,
pauseSlideshow: `Pause slideshow`,
playSlideshow: `Play slideshow`,
}
</script><script src="//www.eliquidsoutlet.com/cdn/shop/t/62/assets/predictive-search.js?v=31278710863581584031721769519" defer="defer"></script>
<div class="smile-shopify-init"
data-channel-key="channel_UOpAsT7EaM7GlX8Z8KmJB7RM"
></div>
<style>
:root {
--font-body-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--font-body-style: normal;
--font-body-weight: 400;
--font-heading-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--font-heading-style: normal;
--font-heading-weight: 400;
--page-width: 140rem;
}
.shopify-section h2, .shopify-section h3 {
margin-bottom: 10px;
}
@media only screen and (min-width: 750px){
h1, .h1 {
font-size: 3.5rem!important;
font-weight: 600!important;
color: #303942!important;
}
}
</style>
<div id="shopify-block-AcGRlcGVFbjI3WS93b__4782770574980958701" class="shopify-block shopify-app-block">
<script>
checKGoogleBoat = false;
function checkGoogleBoatAgent(nAgt) {
const robots = new RegExp(
[/bot/, /spider/, /crawl/, /APIs-Google/, /AdsBot/, /Googlebot/, /mediapartners/, /Google Favicon/, /FeedFetcher/, /Google-Read-Aloud/, /DuplexWeb-Google/, /googleweblight/, /bing/, /yandex/, /baidu/, /duckduck/, /yahoo/, /ecosia/, /ia_archiver/, /semrush/, /Chrome-Lighthouse/,].map((r) => r.source).join("|"), "i");
return robots.test(nAgt);
}
checKGoogleBoat = checkGoogleBoatAgent(navigator.userAgent);
if (navigator.userAgent.indexOf("www.google.com") != -1) {
checKGoogleBoat = true;
}
if (!checKGoogleBoat) {
// console.log("Age Verification Popup"); // 09-09-24 - side cover image fix size - 450 * 450
var sb_av_app_settings = `{"is_enabled":"1","age_limit":"18","cookie_time":"1","verification_method":"verify_dob","under_age_option":"msg","under_age_msg":"You are too young to view this website.","under_age_link":"https:\/\/www.google.com\/","cart_validation_msg":"You need to verify your age before proceeding to checkout. Are you over 18 years of age?","disable_cart_msg":"1","template_no":"2","logo":"https:\/\/ageverify.setubridgeapps.com\/asset\/images\/template2_logo.png","text_personalization":{"title":"Are You 18 Years Or Older?","subtitle":"We only provides service to adults of legal age (18+)","logo":"https:\/\/ageverify.setubridgeapps.com\/asset\/images\/age-restriction.jpg","sideBanner":"https:\/\/ageverify.setubridgeapps.com\/asset\/images\/template3_default_side_img.gif","accept_btn":"Yes i am over 18","cancel_btn":"No i am under 18","enter_btn":"Enter"},"font_personalization":{"title_text_size":"30","caption_text_size":"17","button_text_size":"17"},"color_personalization":{"background_clr":"#292929","text_clr":"#ffffff","subtitle_text_clr":"#ffffff","btn_text_clr":"#ffffff","exit_btntext_clr":"#ffffff","enter_btn_clr":"#76aa30","cancel_btn_clr":"#808080","popup_cover_bg_color":"#FFFFFF"},"show_badge":"1","badge_text":"Verified","badge_bg_color":"white","badge_text_color":"white","age_limit_updated":"1","coverBgColorImage":"","specific_rules_data":[]}`;
var sb_av_app_settings_obj = JSON.parse(sb_av_app_settings);
if (Shopify.shop == "total-wines-shop.myshopify.com")
var payment_status = `active`;
else var payment_status = `active`;
var serverPath = "https://ageverify.setubridgeapps.com/backend/src/public";
var verification_status = "no";
// badge
var sticky_badge_show = sb_av_app_settings_obj["show_badge"];
var sticky_badge_bg_color = sb_av_app_settings_obj["badge_bg_color"];
var badge_text = sb_av_app_settings_obj["badge_text"];
var badge_text_color = sb_av_app_settings_obj["badge_text_color"];
var is_enabled = sb_av_app_settings_obj["is_enabled"];
var age_limit = sb_av_app_settings_obj["age_limit"];
var template_logo = sb_av_app_settings_obj["logo"];
var sideBanner = sb_av_app_settings_obj["sideBanner"];
var cookie_time = sb_av_app_settings_obj["cookie_time"];
var under_age_option = sb_av_app_settings_obj["under_age_option"];
var under_age_msg = sb_av_app_settings_obj["under_age_msg"];
var under_age_link = sb_av_app_settings_obj["under_age_link"];
var template_type = sb_av_app_settings_obj["template_no"];
var verification_method = sb_av_app_settings_obj["verification_method"];
var disable_cart_msg = sb_av_app_settings_obj["disable_cart_msg"];
var activate_age_verification = 0;
var cart_validation_msg = sb_av_app_settings_obj["cart_validation_msg"];
var text_personalization = sb_av_app_settings_obj["text_personalization"];
var template_title = text_personalization["title"];
var template_subtitle = text_personalization["subtitle"];
var accept_btn = text_personalization["accept_btn"];
var cancel_btn = text_personalization["cancel_btn"];
var consent_title = text_personalization["consent_title"];
var enter_btn = text_personalization["enter_btn"];
var font_personalization = sb_av_app_settings_obj["font_personalization"];
var button_text_size = font_personalization["button_text_size"];
var caption_text_size = font_personalization["caption_text_size"];
var title_text_size = font_personalization["title_text_size"];
var color_personalization = sb_av_app_settings_obj["color_personalization"];
var background_clr = color_personalization["background_clr"];
var text_clr = color_personalization["text_clr"];
var subtitle_text_clr = color_personalization["subtitle_text_clr"];
var btn_text_clr = color_personalization["btn_text_clr"];
var exit_btntext_clr = color_personalization["exit_btntext_clr"];
var enter_btn_clr = color_personalization["enter_btn_clr"];
var cancel_btn_clr = color_personalization["cancel_btn_clr"];
var popup_cover_bg_color = color_personalization["popup_cover_bg_color"];
var yesNo_popup_yes = text_personalization["yes_btn"];
var yesNo_popup_no = text_personalization["no_btn"];
var av_rules_configuration = sb_av_app_settings_obj["specific_rules_data"];
var avCoverBgColorImage = sb_av_app_settings_obj["coverBgColorImage"];
if (Shopify.shop == "hoyer-honig.myshopify.com") {yesNo_popup_yes = "JA";yesNo_popup_no = "NEIN";}
if (typeof custom_sb_av_yes !== "undefined") {yesNo_popup_yes = custom_sb_av_yes;}
if (typeof custom_sb_av_no !== "undefined") {yesNo_popup_no = custom_sb_av_no;}
// popup rules
var is_allPages = sb_av_app_settings_obj["is_allPages"];
try {
var specific_rule_data = av_rules_configuration;
} catch (e) {}
var curr_url = window.location.href;
var curr_template = `index`;
var curr_product_handle = ``;
var curr_collection_handle = ``;
var curr_page_has_query_str = curr_url.indexOf("?");
var curr_collection_handle_pdp = `not set`;
var curr_page = curr_url;
var loadScript = function (url, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else {
script.onload = function () {callback();};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
};
if (payment_status == "active" || payment_status == "trial" || payment_status == "allow_store") {
if (typeof jQuery === "undefined" || parseFloat(jQuery.fn.jquery) < 1.7) {
loadScript("//ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js", function () {jQuery191 = jQuery.noConflict(true);jQuery191("body").append(`<!-- BEGIN app snippet: age-verification_css --><style>
@media screen and (max-width: 370px) {
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title { font-size: 32px; }
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_subtitle, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_subtitle { font-size: 13px !important; }
.sb_av_cover_template_wrap .sb_av_cover_popup_main .sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 5px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button .sb_av_cover_popup_yes_no_btn { gap: 9px; width: 49%; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
}
@media screen and (max-width: 425px) {
.sb_av_cover_template_wrap .sb_av_cover_popup_main { width: 90vw; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 9px; }
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title { font-size: 27px; }
.sb_av_cover_popup_verification_button .sb_av_cover_popup_yes_no_btn { gap: 15px; width: 49%; }
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_subtitle, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_subtitle { font-size: 12px; }
.sb_av_cover_popup_main .sb_av_cover_popup_padding { padding: 0 13px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; margin-top: 0px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 15px 0; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_enter_btn { font-size: 14px; padding: 12px !important; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verify_year select { font-size: 15px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_input select { padding: 7px 14px; font-size: 14px; }
}
@media screen and (min-width: 425px) and (max-width: 560px) {
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title {font-size: 30px;}
.sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 10px; }
.sb_av_cover_popup_verification_button .sb_av_cover_popup_yes_no_btn { gap: 6px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 15px 0; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; margin-top: 0px; }
}
@media screen and (min-width: 561px) and (max-width: 767px) {
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title { font-size: 40px; }
.sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 15px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 20px 0; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; margin-top: 0px; }
}
@media screen and (min-width: 425px) and (max-width: 768px) {
.sb_av_cover_template_wrap .sb_av_cover_popup_main { width: 70vw; }
span.sb_av_cover_popup_no_btn_title, span.sb_av_cover_popup_yes_btn_title { font-size: 40px; }
.sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 25px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 20px 0; }
.sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 14px; margin-top: 0px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 14px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 20px 0; }
span.sb_av_cover_popup_no_btn_subtitle, span.sb_av_cover_popup_yes_btn_subtitle { font-size: 19px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_main { width: 60%; }
}
@media screen and (min-width: 1025px) {
span.sb_av_cover_popup_no_btn_title, span.sb_av_cover_popup_yes_btn_title { font-size: 35px; }
.sb_av_cover_popup_yes_no_btn { padding: 15px 15px; }
}
.popup_text { padding: 5%; }
.popup_text h2 { box-sizing: border-box; font-size: 26px; margin: 0 0 14px; padding-bottom: 11px; text-transform: capitalize; text-align: center; color: black; }
.popup_text p { box-sizing: border-box; color: #959595; font-size: 14px; text-align: center; }
button.mfp-close, button.mfp-arrow { display: none; }
.popup_btn_block { text-align: center; padding-bottom: 16px; }
.popup_btn_block .btn { background: #808080 none repeat scroll 0 0; border: 0 none; color: #ffffff; display: inline-block; font-size: 13px; font-weight: normal; line-height: 19px; padding: 7px 15px; text-align: center; vertical-align: middle; white-space: nowrap; text-decoration: none; box-shadow: none; }
.white-popup-block1 .block_1 { margin: 0 auto; position: relative; border: 12px solid; }
.white-popup-block1 .ageverification-wrapper-style2 .block_1, .white-popup-block1 .ageverification-wrapper-style3 .block_1 { border: 0; }
.header_text { background: #ff8c00; }
.ageverification-wrapper-style2 .header_text, .ageverification-wrapper-style3 .header_text { padding: 0 30px; }
.popup2_img { clear: both; display: inline-block; margin: 0 auto; overflow: hidden; text-align: center; width: 100%; padding: 20px 0 0; }
.ageverification-wrapper-style2 .popup2_img, .ageverification-wrapper-style3 .popup2_img { padding: 20px 0 0; }
.header_text h2 { box-sizing: border-box; font-size: 20px; margin: 0 0 14px; padding: 3%; text-align: center; color: white; text-transform: capitalize; }
.white-popup-block1 .block_3 p { text-align: center; color: white; font-size: 15px; }
.popup2_btn_block { text-align: center; padding: 5px 0 20px; position: relative; width: 45%;}
.sb_av_popup_main.sb_avp_verify_yes_no .popup2_btn_block { width: 100%; display: flex; justify-content: center; align-items: center; gap: 15px; }
.sb_av_popup_main.sb_avp_verify_yes_no .sb_cancel_btn_wrapper, .sb_av_popup_main.sb_avp_verify_yes_no .sb_accept_btn_wrapper { width: 50%; }
.ageverification-wrapper-style1 .block_3 p { margin: 0; }
.ageverification-wrapper-style2 .popup2_btn_block, .ageverification-wrapper-style3 .popup2_btn_block { padding: 0; }
.popup2_btn_block .btn { background: #ff8c00 none repeat scroll 0 0; border: 0 none; color: #ffffff; display: inline-block; font-size: 13px; font-weight: normal; line-height: 19px; padding: 7px 15px; text-align: center; vertical-align: middle; border-radius: 2px; box-shadow: none; cursor: pointer; height: 100%; }
#ageverification-form .select_wrapper p.required, .select_wrapper .validation-advice { font-size: 9px; }
#ageverification-form .select_wrapper { display: inline-table; }
.date_piker_main { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 10px; }
#ageverification-form .select_wrapper_main { text-align: center; display: flex; justify-content: center; gap: 10px; }
#ageverification-form .ageverify-success-msg { color: #3c763d; }
#ageverification-form .ageverify-success-msg { background: #fbfbfb none repeat scroll 0 0; color: #444443; font-size: 12px; padding: 5px; text-align: center; }
.popup2_img img { height: 120px; margin: 0 auto; text-align: center; width: auto; }
.select_wrapper select { width: 120px; color: #000000; font-size: 16px; padding: 2px 5px; background-color: white; }
.select_wrapper select option { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); padding: 2px; }
@media (max-width: 476px) {
.select_wrapper select { width: 100px; }
#ageverification-form .select_wrapper p.required, .select_wrapper .validation-advice { font-size: 8px; }
}
@media (max-width: 405px) {
#ageverification-form .select_wrapper { display: block; padding-bottom: 5px; }
.select_wrapper select { width: auto; min-width: 80px; }
}
#dvLoading { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: transparent !important; border-image: none; border-left: 1px solid #d87c0c; border-radius: 20px; border-right: 1px solid #d87c0c; border-style: solid; border-top: 1px solid #d87c0c; border-width: 1px; display: inline-block; vertical-align: middle; border-width: 3px 5px 2px 2px; height: 18px; width: 16px; animation: 0.8s linear 0s normal none infinite running spin; display: inline-block; margin: 0 auto; }
.ageverification-wrapper { border: 12px solid #808080; }
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
.mfp-zoom-out.mfp-bg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; }
.mfp-zoom-out.mfp-bg.mfp-ready { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.mfp-zoom-out.mfp-bg.mfp-removing { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.mfp-zoom-out .mfp-content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.mfp-zoom-out.mfp-ready .mfp-content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.mfp-zoom-out.mfp-removing .mfp-content { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.my-mfp-zoom-in { opacity: 0; transform: scale(0.8); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -webkit-transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.my-mfp-zoom-in.mfp-removing { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
.my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.3s ease-out 0s; -webkit-transition: opacity 0.3s ease-out 0s; }
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
.mfp-fade .mfp-content, .mfp-fade.mfp-bg { opacity: 0; transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; }
.mfp-fade.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-fade.mfp-removing.mfp-bg { opacity: 0; }
.mfp-fade.mfp-removing .mfp-content { opacity: 0; }
.mfp-move-horizontal { opacity: 0; transition: all 1s; transform: translateX(-50px); -webkit-transform: translateX(-50px); -webkit-transition: all 1s; }
.mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
.mfp-move-horizontal.mfp-ready { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
.mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-move-horizontal.mfp-removing { transform: translateX(50px); opacity: 0; -webkit-transform: translateX(50px); }
.mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; }
.popup2_btn_block.theme1 { margin-top: 10px; }
.white-popup-block1 .block_3 .spantheme2 { font-size: 17px; color: white; text-align: center; }
/*custome2 design*/
.custom2 .header_text, .custom1 .header_text { background: none; }
.custom2 .header_text h2, .custom1 .header_text h2 { padding: 10px 0; margin: 0; color: #f03d41; font-size: 35px; font-weight: bold; }
.custom2 .popup2_btn_block .btn, .custom1 .popup2_btn_block .btn { background: #f03d41; border-radius: 5px; color: #fff; /* padding: 10px 30px; */ padding: 0.8em; font-size: 17px; font-weight: 600; width: 100%; }
.custom2 .spantheme2, .custom1 .spantheme1 { padding: 0 20px 20px; font-size: 19px; color: white; text-align: center; font-weight: bold; margin: 0; }
.custom2 .spantheme2 input, .custom1 .spantheme1 input { margin-right: 9px; }
.custom1 .block_3 a { margin-left: 5px; }
.custom1 .spantheme1 { line-height: 1.3; }
@media (max-width: 419px) {
.custom1 .block_3 a { margin-top: 5px; }
}
.ageverification-wrapper-style2 .g-recaptcha { padding-bottom: 10px; }
.ageverification-wrapper-style3 .g-recaptcha { padding-bottom: 10px; }
#backgroundpattern1 { padding-left: 5px !important; }
.ageverification-ageverify-preview, .ageverification-ageverify-preview #ageverification-form, .ageverification-ageverify-preview .white-popup-block1 .block_1 { pointer-events: none; }
#recaptcha>div { margin: 0 auto 15px !important; }
@media (max-width: 360px) {
.white-popup-block1 .block_1 { border: 1px solid; }
}
.mfp-content #ageverification-form .ageverification-wrapper-style4 { display: flex; }
.ageverification-wrapper-style4 .popup4-2side .img-responsive { height: 100%; width: 100%; }
.block_41 .popup4_img .img-responsive { height: 66px; }
.ageverification-wrapper-style4 .popup4-2side { flex: 1; }
.mfp-content .popup4 { max-width: 730px; }
.block_41 .popup4_img { text-align: center; }
.ageverification-wrapper-style4 .popup4-1side { text-align: center; width: 75%; height: auto; flex: 1; }
.mfp-content #ageverification-form4 { height: 399px; }
.popup4-1side .block_41 .header_text h3, .popup4-1side .block_41 .header_text h2,
.popup4-1side .block_41 .spantheme4 { color: #000; }
.popup4-1side .block_41 .spantheme4 { font-size: 12px; padding: 9px 20px; font-weight: 600; line-height: 19px; }
.popup4-1side .block_41 .header_text h3 { margin-top: -11px; font-size: 14px; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn-close { background: #fff; width: 120px; color: #000; font-size: 17px; border-radius: 7px; border: 1px solid #000; margin: 6px; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn { width: 126px; font-size: 17px; border-radius: 7px; border: 1px solid #000; margin: 7px; padding: 5px 0; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn-yes { background: #000; color: #fff; }
.ageverification-wrapper-style4 .popup4-1side .left-side { padding: 32px; }
.popup4-1side .left-side .block_41 { border: 1px solid gray; padding: 2px; border-radius: 9px; }
.mfp-content .popup4-content { max-width: 868px; }
.popup4-1side .block_41 .header_text h2 { font-size: 21px; }
@media (min-width: 768px) {
.popup4.white-popup-block1 { max-width: 60%; }
}
@media (max-width: 485px) {
.ageverification-wrapper-style4 .popup4-2side { display: none; }
}
.mfp-content .popup5 { background: #292929; max-width: 585px; }
.popup5 .ageverification-wrapper-style5 .block_btn .popup_btn_block { background: #242424; margin: 20px 0 0; }
.popup5 .ageverification-wrapper-style5 .block_5 .header_text h2 { color: #fff; font-family: inherit; }
.popup5 .block_5 .adult-warning { text-align: center; color: rgb(227 219 219); font-size: 16px; font-style: italic; }
.popup5 .block_5 .spantheme5 { font-size: 14px; padding: 14px 75px 8px; color: #fff; font-family: unset; font-weight: 600; }
.popup5 .block_btn .popup_btn_block { margin: 20px 0 0; }
.popup5 .block_btn .popup_btn_block p { font-size: 14px; font-family: monospace; margin: 17px 0 -10px; letter-spacing: 1px; word-spacing: 0; }
.popup5 .block_btn .popup_btn_block .btn { padding: 25px 35px 15px; line-height: 16px; font-size: 50px; height: 85px; margin: 0 10px 6px 4px; font-weight: 600; border-radius: 7px; box-shadow: 0 0 8px #888; }
.popup5 .block_btn .popup_btn_block .adult-yes { background: #76aa30; box-shadow: 0 0 8px #76aa30; }
.popup5 .block_5 { margin-top: 40px; }
.popup5 .block_5_header p { font-size: 20px; color: #fff; text-align: center; padding-top: 32px; font-weight: 700; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("https://ageverify.setubridgeapps.com/asset/images/popup4heder.png") center; background-repeat: no-repeat; background-size: cover; height: 60px; }
.yaer_picker_main { display: flex; justify-content: center; align-items: center; gap: 15px; width: 100%; }
@media (max-width: 768px) {
.custom1 .popup2_btn_block .btn, .sb_av_cover_popup_verification_wrap.sb_avp_verify_dob .sb_avp_dob_input, .sb_av_cover_popup_verification_wrap.sb_avp_verify_year .sb_avp_dob_input, .sb_av_popup_main.sb_avp_verify_dob .sb_avp_dob_input, .sb_av_popup_main.sb_avp_verify_year .sb_avp_dob_input { font-size: 13px !important; }
.mfp-content .popup4 { max-width: 500px; }
.ageverification-wrapper-style4 .popup4-1side .left-side { padding: 20px; }
.popup4-1side .block_41 .header_text h2 { font-size: 16px; }
.popup4-1side .block_41 .header_text h3 { font-size: 13px; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn-close { background: #fff; width: 84px; color: #000; font-size: 14px; border-radius: 7px; border: 1px solid #000; margin: 4px; }
.popup4-1side .block_41 .spantheme4 { font-size: 10px; padding: 8px 10px 4px; font-weight: 600; line-height: 19px; }
.mfp-content .popup5 { max-width: 450px; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("https://ageverify.setubridgeapps.com/asset/images/popup4heder.png") center; background-repeat: no-repeat; height: 44px; }
.popup5 .block_btn .popup_btn_block .btn { font-size: 37px; padding: 10px 30px 7px; height: 76px; }
.popup5 .block_btn .popup_btn_block p { font-size: 10px; }
.popup5 .block_5 .spantheme5 { padding: 14px 40px 8px; text-align: center; }
.sb_av_popup_main.sb_avp_verify_year .sb_avp_verification_wrap button, .sb_av_popup_main.sb_avp_verify_dob .sb_avp_verification_wrap button{font-size: 15px !important; padding: 0.6em !important;}
}
@media (max-width: 510px) {
.mfp-content .popup5 { max-width: 350px; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("../../images/ageverification/mobilepopup5.png") 23px 16px; height: 41px; width: 100%; background-repeat: no-repeat; }
.popup5 .block_btn .popup_btn_block .btn { margin: 0 6px 20px 5px; font-size: 38px; padding: 10px 24px 7px; }
.custom2 .header_text h2, .custom1 .header_text h2 { font-size: 30px; }
.popup5 .block_5 .spantheme5 { font-size: 14px; }
.popup5 .block_5 .adult-warning { font-size: 12px; }
}
@media (max-width: 390px) {
.mfp-content .popup5 { max-width: 355px; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("../../images/ageverification/mobilepopup5.png") 26px 12px; background-repeat: no-repeat; }
.popup5 .block_btn .popup_btn_block .btn { padding: 10px 22px; font-size: 39px; }
.popup5 .block_5_header p { font-size: 16px; }
.popup5 .block_5 .spantheme5 { padding: 14px 20px 8px; }
}
@media (max-width: 350px) {
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("../../images/ageverification/mobilepopup5.png") 6px 12px; background-repeat: no-repeat; }
}
/* common css */
@media only screen and (max-width: 600px) {
.ageverification-wrapper-style1, ageverification-wrapper-style2, .ageverification-wrapper-style3-open, .sb-av-popup .sb-av-popbx { width: 90% !important; }
}
@media only screen and (max-width: 900px) {
.ageverification-wrapper-style1, .ageverification-wrapper-style2, .ageverification-wrapper-style3-open, .sb-av-popup .sb-av-popbx { width: 60% !important; }
}
.sb-av-mfp-hide { display: none; }
.ageverification-form {
position: fixed;
backdrop-filter: blur(5px);
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
overflow: hidden;
overflow-y: auto;
display: flex;
z-index: 99999999999;
}
.ageverification-form.sb_avp_ease_in_out_load{animation: sb_avp_drop_in_load 900ms ease backwards;}
.ageverification-form.sb_avp_ease_in_out_exit{animation: sb_avp_drop_in_exit 900ms ease backwards;}
@keyframes sb_avp_drop_in_load {
from { opacity: 0; transform: scale(1.5); }
to { opacity: 1; transform: scale(1); }
}
@keyframes sb_avp_drop_in_exit {
from { opacity: 1; transform: scale(1); }
to { opacity: 0; transform: scale(1.5); }
}
.ageverification-wrapper-style1, .ageverification-wrapper-style2, .ageverification-wrapper-style3, .ageverification-wrapper-style4 { max-width: 550px; border-radius: 12px; display: block; margin: auto; position: relative; overflow: visible; background: black; }
/* loader */
.sb_av_loader { overflow: hidden; text-align: center; width: 100%; display: none; }
#dvLoading {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: transparent !important;
border-image: none;
border-left: 1px solid #d87c0c;
border-radius: 20px;
border-right: 1px solid #d87c0c;
border-style: solid;
border-top: 1px solid #d87c0c;
border-width: 1px;
display: inline-block;
vertical-align: middle;
border-width: 3px 5px 2px 2px;
height: 18px;
width: 16px;
animation: 0.8s linear 0s normal none infinite running spin;
display: inline-block;
margin: 0 auto;
}
.select_wrapper_main { text-align: center; }
.select_wrapper { display: inline-flex; justify-content: center; width: 120px; color: #000000; font-size: 16px; padding: 2px 5px; margin: 1px; height: 50px; }
.select_wrapper .day { border-radius: 10px; height: 45px; width: 102px; background: rgb(216, 211, 211); }
.select_wrapper_year { display: inline-flex; }
#year_field {
width: auto;
min-width: 100px;
height: 39px;
font-size: 15px;
font-weight: bold;
border-radius: 6px;
margin: 0 0 12px;
text-align: center;
background-color: white !important;
color: #000 !important;
}
.select_wrapper_year { display: flex; justify-content: center; }
.required_entry {
font-size: 16px;
background-image: url("https://cdn.shopify.com/s/files/1/0702/7762/8221/files/down.jpg?v=1673951454") !important;
background-repeat: no-repeat !important;
background-size: 15px !important;
background-position: center right 4px !important;
border: none;
padding: 7px 20px !important;
text-align: left !important;
display: block !important;
line-height: 22px !important;
color: balck !important;
max-width: 130px !important;
-webkit-appearance: none !important;
margin-bottom: 0;
border-radius: 5px;
}
.block_1 { border-radius: 20px 20px 0 0; }
.block_3 { border-radius: 0 0 20px 20px; padding: 20px; }
.white_popup_block1 .block_1 { background: black; margin: 0 auto; position: relative; border: 0 solid; }
.mobile_white_popup_block1 { border-radius: 20px 20px 0 0; border: 0 solid; }
/*cart message CSS */
.sb_cart_validator { display: flex; gap: 5px; }
.sb_cart_msg_main {
width: 100%;
justify-content: flex-end;
background: #fff;
font-size: 14px;
line-height: 1.4;
border: 1px solid #bfbfbf;
padding: 8px;
border-radius: 5px;
}
.loader {
bottom: 0px;
right: 0px;
border: 3px solid #f3f3f3;
margin: auto;
border-radius: 62%;
border-top: 3px solid #afa6a6;
width: 22px;
height: 22px;
-webkit-animation: spin 2s linear infinite;
animation: spin 0.4s linear infinite;
position: absolute;
left: 2px;
top: -4px;
margin: auto;
display: none;
}
.btn.template2 { padding: 15px 23px 15px 22px !important; line-height: 18px !important; font-size: 39px !important; min-height: 85px !important; font-weight: 600 !important; border-radius: 7px !important; box-shadow: 0px 0 8px #888 !important; }
.template2 .p-subtxt { margin: 17px 0 -10px 0; letter-spacing: 1px; word-spacing: 0; }
.sb_template_2 .template_title { font-size: 28px !important; }
.sb_template_2 .template_subtitle { font-size: 16px !important; }
.sb_template_2 .ageverification-wrapper-style3 { max-width: 484px !important; }
@media (max-width: 600px) {
.white-popup-block1 .block_3 p { font-size: 10px; }
.btn.template2 { padding: 8px 13px 8px 13px !important; line-height: 11px !important; font-size: 31px !important; min-height: 72px !important; }
.sb_template_2 .template_title { font-size: 24px !important; }
.sb_template_2 .template_subtitle { font-size: 14px !important; }
.popup2_img img { height: 100px; }
}
.popup2_btn_block .btn { position: relative; display: inline-block; outline: none; }
.popup2_btn_block .btn:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; left: 0; direction: rtl; z-index: -1; box-shadow: 0 0 4px 1px #eee; border-radius: 8px; }
.popup2_btn_block .btn:hover:after { left: auto; right: 0; width: 100%; padding: initial; z-index: 0; }
.popup2_btn_block .btn:sb_active, .popup2_btn_block .btn:visited { transform: scale(0.9); }
.expland_width { width: 400px !important; transition-duration: 3s !important; }
.sb_checked {
width: 75px;
height: 75px;
border-radius: 40px;
box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
right: -40px;
opacity: 0;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
}
.sb_checked svg { width: 40px; margin: 15px; }
.sb_checked path { stroke-width: 3; stroke: #fff; stroke-dasharray: 34; stroke-dashoffset: 34; stroke-linecap: round; }
.sb_active { background: inherit; transition: 0.5s; }
.sb_active p { transition: 0.5s; margin-right: 100px; }
.sb_active .sb_checked { opacity: 1; transition: 1s; right: 0; }
.sb_active .sb_checked path { transition: 1s; transition-delay: 1s; stroke-dashoffset: 0; }
/* shaking css */
.error { animation: shake 150ms 2 linear; -moz-animation: shake 150ms 2 linear; -webkit-animation: shake 150ms 2 l; -o-animation: shake 150ms 2 linear; }
@keyframes shake {
0% { margin-left: 0rem; }
25% { margin-left: 0.5rem; }
75% { margin-left: -0.5rem; }
100% { margin-left: 0rem; }
}
.sb_template_2 .sb_close_popup_error { border: 1.5px solid red; }
.sb_template_1 .sb_checked { width: 40px; height: 40px; }
.sb_template_1 .sb_checked svg { width: 33px; margin: 2px; }
.sb_template_2 .sb_close_popup_error:after { box-shadow: none; }
@media (max-width: 600px) {
.sb_template_1 .sb_checked svg { width: 30px; margin: 10px; }
.sb_template_1 .sb_checked { width: 53px; height: 53px; }
}
.scroll-stop { overflow: hidden; }
/* template3 */
.sb_av_temp3_ageverification-wrapper {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
backdrop-filter: blur(5px);
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
overflow: hidden;
overflow-y: auto;
z-index: 99999999999;
}
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_flex-container { display: flex; border-radius: 15px; overflow: hidden; width: 100%; height: 100%; }
.temp3_popup_div { width: 900px; height: 450px; }
.sb_av_temp3_btn_block { margin: 15px; }
.sb_av_temp3_btn_block button {
width: 100%;
font-variant: JIS04;
font-size: 20px;
padding: 12px 0;
border-radius: 15px 0 15PX 0;
border: 1px solid #000;
margin: 6px 0;
cursor: pointer;
border-color: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side { text-align: center; height: 100%; flex: 1 1; }
.sb_av_temp3_popup4_img .sb_av_temp3_logo_img { height: 100px; width: unset; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side .sb_av_temp3_left-side { padding: 6%; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side .sb_av_temp3_logo_img { height: 450px; width: 450px; }
.sb_av_temp3_header_text h2, .sb_av_temp3_header_text h3, .sb_av_temp3_consent_text p { margin: 10px 0; font-weight: 400; }
@media only screen and (max-width: 800px) and (min-width: 700px) {
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side .sb_av_temp3_logo_img { height: 100%; width: 350px; }
.sb_av_temp3_ageverification-wrapper { padding: 38px; }
}
@media (max-width: 700px) {
.sb_av_temp3_flex-container { flex-direction: column-reverse; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side { width: 100%; height: 55%; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side { height: 70%; width: 100%; }
.temp3_popup_div { width: 85%; height: inherit; }
.sb_av_temp3_header_text, .sb_av_temp3_consent_text p { font-size: 13px; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side .sb_av_temp3_left-side { padding: 5%; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side .sb_av_temp3_logo_img { height: auto; width: 100%; }
.sb_av_temp3_popup4_img .sb_av_temp3_logo_img { height: 80px }
}
.sb_av_temp3_loader_btn {
border: 3px solid #f3f3f3;
margin: auto;
border-radius: 62%;
border-top: 3px solid #afa6a6;
width: 22px;
height: 22px;
-webkit-animation: spin 2s linear infinite;
animation: spin 0.4s linear infinite;
margin: 0;
display: none;
}
.temp3_error_msg { border: 2px solid red; padding: 15px 0; border-radius: 6px; }
.sb_av_temp3_btn_block button:hover { box-shadow: 0 0 20px 0px #adadad; }
/* single cover popup template */
.sb_av_cover_template_wrap { background-color: #1c1c1cad; backdrop-filter: blur(5px); height: 100vh; width: 100%; position: fixed; z-index: 99999999999999999999; overflow: auto; }
@media (min-width: 1800px) {
.sb_av_cover_popup_main {width: 30vw !important;}
}
.sb_av_cover_popup_main {
height: max-content;
width: 40vw;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
margin: auto;
border-radius: 5px;
overflow: hidden;
}
center.sb_av_cover_popup_logo_center img { vertical-align: middle; text-align: center; width: 100%; height: auto; }
center.sb_av_cover_popup_logo_center {
text-align: center;
border: none;
height: 125px;
width: 125px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 165px;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background-color: #fff;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.sb_av_cover_popup_text_wrap { display: flex; flex-direction: column; align-items: center; }
.sb_av_cover_popup_text_wrap span { font-weight: bold; text-align: center; }
.sb_av_cover_popup_text_title { font-size: 30px; }
.sb_av_cover_popup_text_subtitle { font-size: 17px; margin-top: 7px; }
.sb_av_cover_popup_verification_input select { padding: 10px 30px; outline: none; cursor: pointer; border-radius: 5px; font-size: 20px; }
.sb_av_cover_popup_verification_button { display: flex; justify-content: center; gap: 20px; border-radius: 5px; margin: 25px 0; width: 45%; }
.sb_av_cover_popup_verify_year_wrap { display: flex; justify-content: center; align-items: center; gap: 15px; width: 100%; }
.sb_av_cover_popup_verify_year select { padding: 20px; border-radius: 3px; font-size: 20px; outline: none; }
.sb_av_cover_popup_design_wrap { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 7px; }
.sb_av_cover_popup_design_hr { height: 1px; width: 37%; background-color: #000; }
.sb_av_cover_popup_yes_no_btn {
padding: 20px 27px;
cursor: pointer;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
font-family: inherit;
width: 45%;
}
.sb_av_cover_popup_enter_btn { font-family: inherit; font-size: 21px; padding: 20px; border-radius: 3px; cursor: pointer; position: relative; }
.sb_av_cover_popup_verification_input { display: flex; justify-content: center; align-items: center; margin-top: 20px; gap: 10px; }
span.sb_av_cover_popup_no_btn_title, span.sb_av_cover_popup_yes_btn_title { font-size: 50px; font-weight: bold; }
span.sb_av_cover_popup_no_btn_subtitle, span.sb_av_cover_popup_yes_btn_subtitle { font-size: 17px; text-align: left; width: 40%; }
.sb_av_cover_popup_verification_button button:hover { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }
.sb_av_cover_popup_verification_button button { border: none; position: relative; width: 100%; }
.sb_av_cover_popup_cover_div { height: 225px; width: 100%; background-size: cover; background-position: center; }
.sb_av_cover_popup_cover_wrap { height: 290px; }
/* .sb_av_cover_popup_cover_wrap,.sb_av_cover_popup_cover_div{height: 0px;} */
.sb_av_cover_popup_padding { padding: 0 20px; }
.cover_popup_loader {
position: absolute;
border: 3px solid #f3f3f3;
margin: auto;
border-radius: 62%;
border-top: 3px solid #afa6a6;
width: 22px;
height: 22px;
top: 0;
bottom: 0;
left: 0;
right: 0;
animation: spin 0.4s linear infinite;
display: none;
}
.sb_av_cover_checked {
width: 40px;
height: 40px;
border-radius: 40px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
position: absolute;
top: 0;
opacity: 0;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
}
.sb_active .sb_av_cover_checked { opacity: 1; transition: 1s; right: 0; }
.sb_active .sb_av_cover_checked path { transition: 1s; transition-delay: 1s; stroke-dashoffset: 0; }
.sb_av_cover_checked path { stroke-width: 3; stroke: #fff; stroke-dasharray: 34; stroke-dashoffset: 34; stroke-linecap: round; }
.sb_av_cover_popup_verify_year { width: 45%; }
div.sb_avp_dob_wrap { display: inline-block; position: relative; width: 45%; }
div.sb_avp_dob_wrap .sb_avp_dob_input {padding: 0.8em; border: 0px; border-radius: 5px; text-transform: uppercase; cursor: pointer; text-align: center; outline: none; width: 100%; font-size: 16px; background-color: #ffffff !important;}
div.sb_avp_dob_wrap .sb_avp_input_arrow {
border: solid #282828;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
margin-left: 10px;
transform: rotate(45deg);
/* transform: rotate(225deg); */
position: absolute;
top: 18px;
right: 10px;
}
div.sb_avp_dob_wrap ul {
display: none;
position: absolute;
background: #fff;
list-style: none;
border: 1px solid #f0f0f0;
line-height: 0.8em;
bottom: 50px;
left: 0;
right: 0;
text-align: center;
box-shadow: 0px 0px 3px 1px #ccc;
padding: 5px;
overflow-y: auto;
height: max-content;
max-height: 300px;
margin: 0;
z-index: 1;
}
div.sb_avp_dob_wrap ul li { padding: 0.8em; cursor: pointer; transition: background 250ms; }
div.sb_avp_dob_wrap ul li:hover { background: #f0f0f0; }
.sb_avp_dob_select_wrap { position: relative; }
div.sb_avp_dob_wrap ul::-webkit-scrollbar { width: 0; background-color: transparent; }
div.sb_avp_dob_wrap .sb_avp_dob_input::-webkit-inner-spin-button, div.sb_avp_dob_wrap .sb_avp_dob_input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.sb_av_cover_popup_main .sb_avp_dob_input { background-color: #ededed; }
.sb_av_cover_popup_verification_wrap { display: flex; }
.sb_av_cover_popup_verification_wrap.sb_avp_verify_dob { flex-direction: column; align-items: center; }
.sb_av_cover_popup_verification_wrap.sb_avp_verify_yes_no .sb_av_cover_popup_verification_button { width: 100%; }
.sb_av_cover_popup_verify_year div.sb_avp_dob_wrap { width: 100%; }
.sb_av_popup_main.sb_avp_verify_yes_no .block_3 { padding: 15px; }
</style><!-- END app snippet -->`);ageVerificationScript(jQuery191);});
} else {jQuery("body").append(`<!-- BEGIN app snippet: age-verification_css --><style>
@media screen and (max-width: 370px) {
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title { font-size: 32px; }
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_subtitle, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_subtitle { font-size: 13px !important; }
.sb_av_cover_template_wrap .sb_av_cover_popup_main .sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 5px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button .sb_av_cover_popup_yes_no_btn { gap: 9px; width: 49%; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
}
@media screen and (max-width: 425px) {
.sb_av_cover_template_wrap .sb_av_cover_popup_main { width: 90vw; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 9px; }
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title { font-size: 27px; }
.sb_av_cover_popup_verification_button .sb_av_cover_popup_yes_no_btn { gap: 15px; width: 49%; }
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_subtitle, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_subtitle { font-size: 12px; }
.sb_av_cover_popup_main .sb_av_cover_popup_padding { padding: 0 13px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; margin-top: 0px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 15px 0; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_enter_btn { font-size: 14px; padding: 12px !important; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verify_year select { font-size: 15px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_input select { padding: 7px 14px; font-size: 14px; }
}
@media screen and (min-width: 425px) and (max-width: 560px) {
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title {font-size: 30px;}
.sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 10px; }
.sb_av_cover_popup_verification_button .sb_av_cover_popup_yes_no_btn { gap: 6px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 15px 0; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; margin-top: 0px; }
}
@media screen and (min-width: 561px) and (max-width: 767px) {
.sb_av_cover_popup_verification_button span.sb_av_cover_popup_no_btn_title, .sb_av_cover_popup_verification_button span.sb_av_cover_popup_yes_btn_title { font-size: 40px; }
.sb_av_cover_popup_verification_button .sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 15px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 20px 0; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_main .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 12px; margin-top: 0px; }
}
@media screen and (min-width: 425px) and (max-width: 768px) {
.sb_av_cover_template_wrap .sb_av_cover_popup_main { width: 70vw; }
span.sb_av_cover_popup_no_btn_title, span.sb_av_cover_popup_yes_btn_title { font-size: 40px; }
.sb_av_cover_popup_btn.sb_av_cover_popup_yes_no_btn { padding: 15px 25px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 20px 0; }
.sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_title { font-size: 23px; }
.sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 14px; margin-top: 0px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.sb_av_cover_template_wrap .sb_av_cover_popup_cover_wrap { height: 260px; }
.sb_av_cover_template_wrap center.sb_av_cover_popup_logo_center { height: 100px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_text_wrap .sb_av_cover_popup_text_subtitle { font-size: 14px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_verification_button { margin: 20px 0; }
span.sb_av_cover_popup_no_btn_subtitle, span.sb_av_cover_popup_yes_btn_subtitle { font-size: 19px; }
.sb_av_cover_template_wrap .sb_av_cover_popup_main { width: 60%; }
}
@media screen and (min-width: 1025px) {
span.sb_av_cover_popup_no_btn_title, span.sb_av_cover_popup_yes_btn_title { font-size: 35px; }
.sb_av_cover_popup_yes_no_btn { padding: 15px 15px; }
}
.popup_text { padding: 5%; }
.popup_text h2 { box-sizing: border-box; font-size: 26px; margin: 0 0 14px; padding-bottom: 11px; text-transform: capitalize; text-align: center; color: black; }
.popup_text p { box-sizing: border-box; color: #959595; font-size: 14px; text-align: center; }
button.mfp-close, button.mfp-arrow { display: none; }
.popup_btn_block { text-align: center; padding-bottom: 16px; }
.popup_btn_block .btn { background: #808080 none repeat scroll 0 0; border: 0 none; color: #ffffff; display: inline-block; font-size: 13px; font-weight: normal; line-height: 19px; padding: 7px 15px; text-align: center; vertical-align: middle; white-space: nowrap; text-decoration: none; box-shadow: none; }
.white-popup-block1 .block_1 { margin: 0 auto; position: relative; border: 12px solid; }
.white-popup-block1 .ageverification-wrapper-style2 .block_1, .white-popup-block1 .ageverification-wrapper-style3 .block_1 { border: 0; }
.header_text { background: #ff8c00; }
.ageverification-wrapper-style2 .header_text, .ageverification-wrapper-style3 .header_text { padding: 0 30px; }
.popup2_img { clear: both; display: inline-block; margin: 0 auto; overflow: hidden; text-align: center; width: 100%; padding: 20px 0 0; }
.ageverification-wrapper-style2 .popup2_img, .ageverification-wrapper-style3 .popup2_img { padding: 20px 0 0; }
.header_text h2 { box-sizing: border-box; font-size: 20px; margin: 0 0 14px; padding: 3%; text-align: center; color: white; text-transform: capitalize; }
.white-popup-block1 .block_3 p { text-align: center; color: white; font-size: 15px; }
.popup2_btn_block { text-align: center; padding: 5px 0 20px; position: relative; width: 45%;}
.sb_av_popup_main.sb_avp_verify_yes_no .popup2_btn_block { width: 100%; display: flex; justify-content: center; align-items: center; gap: 15px; }
.sb_av_popup_main.sb_avp_verify_yes_no .sb_cancel_btn_wrapper, .sb_av_popup_main.sb_avp_verify_yes_no .sb_accept_btn_wrapper { width: 50%; }
.ageverification-wrapper-style1 .block_3 p { margin: 0; }
.ageverification-wrapper-style2 .popup2_btn_block, .ageverification-wrapper-style3 .popup2_btn_block { padding: 0; }
.popup2_btn_block .btn { background: #ff8c00 none repeat scroll 0 0; border: 0 none; color: #ffffff; display: inline-block; font-size: 13px; font-weight: normal; line-height: 19px; padding: 7px 15px; text-align: center; vertical-align: middle; border-radius: 2px; box-shadow: none; cursor: pointer; height: 100%; }
#ageverification-form .select_wrapper p.required, .select_wrapper .validation-advice { font-size: 9px; }
#ageverification-form .select_wrapper { display: inline-table; }
.date_piker_main { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 10px; }
#ageverification-form .select_wrapper_main { text-align: center; display: flex; justify-content: center; gap: 10px; }
#ageverification-form .ageverify-success-msg { color: #3c763d; }
#ageverification-form .ageverify-success-msg { background: #fbfbfb none repeat scroll 0 0; color: #444443; font-size: 12px; padding: 5px; text-align: center; }
.popup2_img img { height: 120px; margin: 0 auto; text-align: center; width: auto; }
.select_wrapper select { width: 120px; color: #000000; font-size: 16px; padding: 2px 5px; background-color: white; }
.select_wrapper select option { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); padding: 2px; }
@media (max-width: 476px) {
.select_wrapper select { width: 100px; }
#ageverification-form .select_wrapper p.required, .select_wrapper .validation-advice { font-size: 8px; }
}
@media (max-width: 405px) {
#ageverification-form .select_wrapper { display: block; padding-bottom: 5px; }
.select_wrapper select { width: auto; min-width: 80px; }
}
#dvLoading { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: transparent !important; border-image: none; border-left: 1px solid #d87c0c; border-radius: 20px; border-right: 1px solid #d87c0c; border-style: solid; border-top: 1px solid #d87c0c; border-width: 1px; display: inline-block; vertical-align: middle; border-width: 3px 5px 2px 2px; height: 18px; width: 16px; animation: 0.8s linear 0s normal none infinite running spin; display: inline-block; margin: 0 auto; }
.ageverification-wrapper { border: 12px solid #808080; }
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
.mfp-zoom-out.mfp-bg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; }
.mfp-zoom-out.mfp-bg.mfp-ready { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.mfp-zoom-out.mfp-bg.mfp-removing { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.mfp-zoom-out .mfp-content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.mfp-zoom-out.mfp-ready .mfp-content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.mfp-zoom-out.mfp-removing .mfp-content { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.my-mfp-zoom-in { opacity: 0; transform: scale(0.8); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -webkit-transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.my-mfp-zoom-in.mfp-removing { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
.my-mfp-zoom-in.mfp-bg { opacity: 0; transition: opacity 0.3s ease-out 0s; -webkit-transition: opacity 0.3s ease-out 0s; }
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
.mfp-fade .mfp-content, .mfp-fade.mfp-bg { opacity: 0; transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; }
.mfp-fade.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-fade.mfp-removing.mfp-bg { opacity: 0; }
.mfp-fade.mfp-removing .mfp-content { opacity: 0; }
.mfp-move-horizontal { opacity: 0; transition: all 1s; transform: translateX(-50px); -webkit-transform: translateX(-50px); -webkit-transition: all 1s; }
.mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
.mfp-move-horizontal.mfp-ready { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
.mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-move-horizontal.mfp-removing { transform: translateX(50px); opacity: 0; -webkit-transform: translateX(50px); }
.mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; }
.popup2_btn_block.theme1 { margin-top: 10px; }
.white-popup-block1 .block_3 .spantheme2 { font-size: 17px; color: white; text-align: center; }
/*custome2 design*/
.custom2 .header_text, .custom1 .header_text { background: none; }
.custom2 .header_text h2, .custom1 .header_text h2 { padding: 10px 0; margin: 0; color: #f03d41; font-size: 35px; font-weight: bold; }
.custom2 .popup2_btn_block .btn, .custom1 .popup2_btn_block .btn { background: #f03d41; border-radius: 5px; color: #fff; /* padding: 10px 30px; */ padding: 0.8em; font-size: 17px; font-weight: 600; width: 100%; }
.custom2 .spantheme2, .custom1 .spantheme1 { padding: 0 20px 20px; font-size: 19px; color: white; text-align: center; font-weight: bold; margin: 0; }
.custom2 .spantheme2 input, .custom1 .spantheme1 input { margin-right: 9px; }
.custom1 .block_3 a { margin-left: 5px; }
.custom1 .spantheme1 { line-height: 1.3; }
@media (max-width: 419px) {
.custom1 .block_3 a { margin-top: 5px; }
}
.ageverification-wrapper-style2 .g-recaptcha { padding-bottom: 10px; }
.ageverification-wrapper-style3 .g-recaptcha { padding-bottom: 10px; }
#backgroundpattern1 { padding-left: 5px !important; }
.ageverification-ageverify-preview, .ageverification-ageverify-preview #ageverification-form, .ageverification-ageverify-preview .white-popup-block1 .block_1 { pointer-events: none; }
#recaptcha>div { margin: 0 auto 15px !important; }
@media (max-width: 360px) {
.white-popup-block1 .block_1 { border: 1px solid; }
}
.mfp-content #ageverification-form .ageverification-wrapper-style4 { display: flex; }
.ageverification-wrapper-style4 .popup4-2side .img-responsive { height: 100%; width: 100%; }
.block_41 .popup4_img .img-responsive { height: 66px; }
.ageverification-wrapper-style4 .popup4-2side { flex: 1; }
.mfp-content .popup4 { max-width: 730px; }
.block_41 .popup4_img { text-align: center; }
.ageverification-wrapper-style4 .popup4-1side { text-align: center; width: 75%; height: auto; flex: 1; }
.mfp-content #ageverification-form4 { height: 399px; }
.popup4-1side .block_41 .header_text h3, .popup4-1side .block_41 .header_text h2,
.popup4-1side .block_41 .spantheme4 { color: #000; }
.popup4-1side .block_41 .spantheme4 { font-size: 12px; padding: 9px 20px; font-weight: 600; line-height: 19px; }
.popup4-1side .block_41 .header_text h3 { margin-top: -11px; font-size: 14px; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn-close { background: #fff; width: 120px; color: #000; font-size: 17px; border-radius: 7px; border: 1px solid #000; margin: 6px; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn { width: 126px; font-size: 17px; border-radius: 7px; border: 1px solid #000; margin: 7px; padding: 5px 0; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn-yes { background: #000; color: #fff; }
.ageverification-wrapper-style4 .popup4-1side .left-side { padding: 32px; }
.popup4-1side .left-side .block_41 { border: 1px solid gray; padding: 2px; border-radius: 9px; }
.mfp-content .popup4-content { max-width: 868px; }
.popup4-1side .block_41 .header_text h2 { font-size: 21px; }
@media (min-width: 768px) {
.popup4.white-popup-block1 { max-width: 60%; }
}
@media (max-width: 485px) {
.ageverification-wrapper-style4 .popup4-2side { display: none; }
}
.mfp-content .popup5 { background: #292929; max-width: 585px; }
.popup5 .ageverification-wrapper-style5 .block_btn .popup_btn_block { background: #242424; margin: 20px 0 0; }
.popup5 .ageverification-wrapper-style5 .block_5 .header_text h2 { color: #fff; font-family: inherit; }
.popup5 .block_5 .adult-warning { text-align: center; color: rgb(227 219 219); font-size: 16px; font-style: italic; }
.popup5 .block_5 .spantheme5 { font-size: 14px; padding: 14px 75px 8px; color: #fff; font-family: unset; font-weight: 600; }
.popup5 .block_btn .popup_btn_block { margin: 20px 0 0; }
.popup5 .block_btn .popup_btn_block p { font-size: 14px; font-family: monospace; margin: 17px 0 -10px; letter-spacing: 1px; word-spacing: 0; }
.popup5 .block_btn .popup_btn_block .btn { padding: 25px 35px 15px; line-height: 16px; font-size: 50px; height: 85px; margin: 0 10px 6px 4px; font-weight: 600; border-radius: 7px; box-shadow: 0 0 8px #888; }
.popup5 .block_btn .popup_btn_block .adult-yes { background: #76aa30; box-shadow: 0 0 8px #76aa30; }
.popup5 .block_5 { margin-top: 40px; }
.popup5 .block_5_header p { font-size: 20px; color: #fff; text-align: center; padding-top: 32px; font-weight: 700; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("https://ageverify.setubridgeapps.com/asset/images/popup4heder.png") center; background-repeat: no-repeat; background-size: cover; height: 60px; }
.yaer_picker_main { display: flex; justify-content: center; align-items: center; gap: 15px; width: 100%; }
@media (max-width: 768px) {
.custom1 .popup2_btn_block .btn, .sb_av_cover_popup_verification_wrap.sb_avp_verify_dob .sb_avp_dob_input, .sb_av_cover_popup_verification_wrap.sb_avp_verify_year .sb_avp_dob_input, .sb_av_popup_main.sb_avp_verify_dob .sb_avp_dob_input, .sb_av_popup_main.sb_avp_verify_year .sb_avp_dob_input { font-size: 13px !important; }
.mfp-content .popup4 { max-width: 500px; }
.ageverification-wrapper-style4 .popup4-1side .left-side { padding: 20px; }
.popup4-1side .block_41 .header_text h2 { font-size: 16px; }
.popup4-1side .block_41 .header_text h3 { font-size: 13px; }
.popup4-1side .left-side .block_41 .popup4_btn_block .btn-close { background: #fff; width: 84px; color: #000; font-size: 14px; border-radius: 7px; border: 1px solid #000; margin: 4px; }
.popup4-1side .block_41 .spantheme4 { font-size: 10px; padding: 8px 10px 4px; font-weight: 600; line-height: 19px; }
.mfp-content .popup5 { max-width: 450px; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("https://ageverify.setubridgeapps.com/asset/images/popup4heder.png") center; background-repeat: no-repeat; height: 44px; }
.popup5 .block_btn .popup_btn_block .btn { font-size: 37px; padding: 10px 30px 7px; height: 76px; }
.popup5 .block_btn .popup_btn_block p { font-size: 10px; }
.popup5 .block_5 .spantheme5 { padding: 14px 40px 8px; text-align: center; }
.sb_av_popup_main.sb_avp_verify_year .sb_avp_verification_wrap button, .sb_av_popup_main.sb_avp_verify_dob .sb_avp_verification_wrap button{font-size: 15px !important; padding: 0.6em !important;}
}
@media (max-width: 510px) {
.mfp-content .popup5 { max-width: 350px; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("../../images/ageverification/mobilepopup5.png") 23px 16px; height: 41px; width: 100%; background-repeat: no-repeat; }
.popup5 .block_btn .popup_btn_block .btn { margin: 0 6px 20px 5px; font-size: 38px; padding: 10px 24px 7px; }
.custom2 .header_text h2, .custom1 .header_text h2 { font-size: 30px; }
.popup5 .block_5 .spantheme5 { font-size: 14px; }
.popup5 .block_5 .adult-warning { font-size: 12px; }
}
@media (max-width: 390px) {
.mfp-content .popup5 { max-width: 355px; }
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("../../images/ageverification/mobilepopup5.png") 26px 12px; background-repeat: no-repeat; }
.popup5 .block_btn .popup_btn_block .btn { padding: 10px 22px; font-size: 39px; }
.popup5 .block_5_header p { font-size: 16px; }
.popup5 .block_5 .spantheme5 { padding: 14px 20px 8px; }
}
@media (max-width: 350px) {
.popup5 .ageverification-wrapper-style5 .block_5_header p { background: url("../../images/ageverification/mobilepopup5.png") 6px 12px; background-repeat: no-repeat; }
}
/* common css */
@media only screen and (max-width: 600px) {
.ageverification-wrapper-style1, ageverification-wrapper-style2, .ageverification-wrapper-style3-open, .sb-av-popup .sb-av-popbx { width: 90% !important; }
}
@media only screen and (max-width: 900px) {
.ageverification-wrapper-style1, .ageverification-wrapper-style2, .ageverification-wrapper-style3-open, .sb-av-popup .sb-av-popbx { width: 60% !important; }
}
.sb-av-mfp-hide { display: none; }
.ageverification-form {
position: fixed;
backdrop-filter: blur(5px);
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
overflow: hidden;
overflow-y: auto;
display: flex;
z-index: 99999999999;
}
.ageverification-form.sb_avp_ease_in_out_load{animation: sb_avp_drop_in_load 900ms ease backwards;}
.ageverification-form.sb_avp_ease_in_out_exit{animation: sb_avp_drop_in_exit 900ms ease backwards;}
@keyframes sb_avp_drop_in_load {
from { opacity: 0; transform: scale(1.5); }
to { opacity: 1; transform: scale(1); }
}
@keyframes sb_avp_drop_in_exit {
from { opacity: 1; transform: scale(1); }
to { opacity: 0; transform: scale(1.5); }
}
.ageverification-wrapper-style1, .ageverification-wrapper-style2, .ageverification-wrapper-style3, .ageverification-wrapper-style4 { max-width: 550px; border-radius: 12px; display: block; margin: auto; position: relative; overflow: visible; background: black; }
/* loader */
.sb_av_loader { overflow: hidden; text-align: center; width: 100%; display: none; }
#dvLoading {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: transparent !important;
border-image: none;
border-left: 1px solid #d87c0c;
border-radius: 20px;
border-right: 1px solid #d87c0c;
border-style: solid;
border-top: 1px solid #d87c0c;
border-width: 1px;
display: inline-block;
vertical-align: middle;
border-width: 3px 5px 2px 2px;
height: 18px;
width: 16px;
animation: 0.8s linear 0s normal none infinite running spin;
display: inline-block;
margin: 0 auto;
}
.select_wrapper_main { text-align: center; }
.select_wrapper { display: inline-flex; justify-content: center; width: 120px; color: #000000; font-size: 16px; padding: 2px 5px; margin: 1px; height: 50px; }
.select_wrapper .day { border-radius: 10px; height: 45px; width: 102px; background: rgb(216, 211, 211); }
.select_wrapper_year { display: inline-flex; }
#year_field {
width: auto;
min-width: 100px;
height: 39px;
font-size: 15px;
font-weight: bold;
border-radius: 6px;
margin: 0 0 12px;
text-align: center;
background-color: white !important;
color: #000 !important;
}
.select_wrapper_year { display: flex; justify-content: center; }
.required_entry {
font-size: 16px;
background-image: url("https://cdn.shopify.com/s/files/1/0702/7762/8221/files/down.jpg?v=1673951454") !important;
background-repeat: no-repeat !important;
background-size: 15px !important;
background-position: center right 4px !important;
border: none;
padding: 7px 20px !important;
text-align: left !important;
display: block !important;
line-height: 22px !important;
color: balck !important;
max-width: 130px !important;
-webkit-appearance: none !important;
margin-bottom: 0;
border-radius: 5px;
}
.block_1 { border-radius: 20px 20px 0 0; }
.block_3 { border-radius: 0 0 20px 20px; padding: 20px; }
.white_popup_block1 .block_1 { background: black; margin: 0 auto; position: relative; border: 0 solid; }
.mobile_white_popup_block1 { border-radius: 20px 20px 0 0; border: 0 solid; }
/*cart message CSS */
.sb_cart_validator { display: flex; gap: 5px; }
.sb_cart_msg_main {
width: 100%;
justify-content: flex-end;
background: #fff;
font-size: 14px;
line-height: 1.4;
border: 1px solid #bfbfbf;
padding: 8px;
border-radius: 5px;
}
.loader {
bottom: 0px;
right: 0px;
border: 3px solid #f3f3f3;
margin: auto;
border-radius: 62%;
border-top: 3px solid #afa6a6;
width: 22px;
height: 22px;
-webkit-animation: spin 2s linear infinite;
animation: spin 0.4s linear infinite;
position: absolute;
left: 2px;
top: -4px;
margin: auto;
display: none;
}
.btn.template2 { padding: 15px 23px 15px 22px !important; line-height: 18px !important; font-size: 39px !important; min-height: 85px !important; font-weight: 600 !important; border-radius: 7px !important; box-shadow: 0px 0 8px #888 !important; }
.template2 .p-subtxt { margin: 17px 0 -10px 0; letter-spacing: 1px; word-spacing: 0; }
.sb_template_2 .template_title { font-size: 28px !important; }
.sb_template_2 .template_subtitle { font-size: 16px !important; }
.sb_template_2 .ageverification-wrapper-style3 { max-width: 484px !important; }
@media (max-width: 600px) {
.white-popup-block1 .block_3 p { font-size: 10px; }
.btn.template2 { padding: 8px 13px 8px 13px !important; line-height: 11px !important; font-size: 31px !important; min-height: 72px !important; }
.sb_template_2 .template_title { font-size: 24px !important; }
.sb_template_2 .template_subtitle { font-size: 14px !important; }
.popup2_img img { height: 100px; }
}
.popup2_btn_block .btn { position: relative; display: inline-block; outline: none; }
.popup2_btn_block .btn:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; left: 0; direction: rtl; z-index: -1; box-shadow: 0 0 4px 1px #eee; border-radius: 8px; }
.popup2_btn_block .btn:hover:after { left: auto; right: 0; width: 100%; padding: initial; z-index: 0; }
.popup2_btn_block .btn:sb_active, .popup2_btn_block .btn:visited { transform: scale(0.9); }
.expland_width { width: 400px !important; transition-duration: 3s !important; }
.sb_checked {
width: 75px;
height: 75px;
border-radius: 40px;
box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
right: -40px;
opacity: 0;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
}
.sb_checked svg { width: 40px; margin: 15px; }
.sb_checked path { stroke-width: 3; stroke: #fff; stroke-dasharray: 34; stroke-dashoffset: 34; stroke-linecap: round; }
.sb_active { background: inherit; transition: 0.5s; }
.sb_active p { transition: 0.5s; margin-right: 100px; }
.sb_active .sb_checked { opacity: 1; transition: 1s; right: 0; }
.sb_active .sb_checked path { transition: 1s; transition-delay: 1s; stroke-dashoffset: 0; }
/* shaking css */
.error { animation: shake 150ms 2 linear; -moz-animation: shake 150ms 2 linear; -webkit-animation: shake 150ms 2 l; -o-animation: shake 150ms 2 linear; }
@keyframes shake {
0% { margin-left: 0rem; }
25% { margin-left: 0.5rem; }
75% { margin-left: -0.5rem; }
100% { margin-left: 0rem; }
}
.sb_template_2 .sb_close_popup_error { border: 1.5px solid red; }
.sb_template_1 .sb_checked { width: 40px; height: 40px; }
.sb_template_1 .sb_checked svg { width: 33px; margin: 2px; }
.sb_template_2 .sb_close_popup_error:after { box-shadow: none; }
@media (max-width: 600px) {
.sb_template_1 .sb_checked svg { width: 30px; margin: 10px; }
.sb_template_1 .sb_checked { width: 53px; height: 53px; }
}
.scroll-stop { overflow: hidden; }
/* template3 */
.sb_av_temp3_ageverification-wrapper {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
backdrop-filter: blur(5px);
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
overflow: hidden;
overflow-y: auto;
z-index: 99999999999;
}
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_flex-container { display: flex; border-radius: 15px; overflow: hidden; width: 100%; height: 100%; }
.temp3_popup_div { width: 900px; height: 450px; }
.sb_av_temp3_btn_block { margin: 15px; }
.sb_av_temp3_btn_block button {
width: 100%;
font-variant: JIS04;
font-size: 20px;
padding: 12px 0;
border-radius: 15px 0 15PX 0;
border: 1px solid #000;
margin: 6px 0;
cursor: pointer;
border-color: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side { text-align: center; height: 100%; flex: 1 1; }
.sb_av_temp3_popup4_img .sb_av_temp3_logo_img { height: 100px; width: unset; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side .sb_av_temp3_left-side { padding: 6%; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side .sb_av_temp3_logo_img { height: 450px; width: 450px; }
.sb_av_temp3_header_text h2, .sb_av_temp3_header_text h3, .sb_av_temp3_consent_text p { margin: 10px 0; font-weight: 400; }
@media only screen and (max-width: 800px) and (min-width: 700px) {
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side .sb_av_temp3_logo_img { height: 100%; width: 350px; }
.sb_av_temp3_ageverification-wrapper { padding: 38px; }
}
@media (max-width: 700px) {
.sb_av_temp3_flex-container { flex-direction: column-reverse; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side { width: 100%; height: 55%; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side { height: 70%; width: 100%; }
.temp3_popup_div { width: 85%; height: inherit; }
.sb_av_temp3_header_text, .sb_av_temp3_consent_text p { font-size: 13px; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-1side .sb_av_temp3_left-side { padding: 5%; }
.sb_av_temp3_ageverification-wrapper .sb_av_temp3_popup4-2side .sb_av_temp3_logo_img { height: auto; width: 100%; }
.sb_av_temp3_popup4_img .sb_av_temp3_logo_img { height: 80px }
}
.sb_av_temp3_loader_btn {
border: 3px solid #f3f3f3;
margin: auto;
border-radius: 62%;
border-top: 3px solid #afa6a6;
width: 22px;
height: 22px;
-webkit-animation: spin 2s linear infinite;
animation: spin 0.4s linear infinite;
margin: 0;
display: none;
}
.temp3_error_msg { border: 2px solid red; padding: 15px 0; border-radius: 6px; }
.sb_av_temp3_btn_block button:hover { box-shadow: 0 0 20px 0px #adadad; }
/* single cover popup template */
.sb_av_cover_template_wrap { background-color: #1c1c1cad; backdrop-filter: blur(5px); height: 100vh; width: 100%; position: fixed; z-index: 99999999999999999999; overflow: auto; }
@media (min-width: 1800px) {
.sb_av_cover_popup_main {width: 30vw !important;}
}
.sb_av_cover_popup_main {
height: max-content;
width: 40vw;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
margin: auto;
border-radius: 5px;
overflow: hidden;
}
center.sb_av_cover_popup_logo_center img { vertical-align: middle; text-align: center; width: 100%; height: auto; }
center.sb_av_cover_popup_logo_center {
text-align: center;
border: none;
height: 125px;
width: 125px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 165px;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background-color: #fff;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.sb_av_cover_popup_text_wrap { display: flex; flex-direction: column; align-items: center; }
.sb_av_cover_popup_text_wrap span { font-weight: bold; text-align: center; }
.sb_av_cover_popup_text_title { font-size: 30px; }
.sb_av_cover_popup_text_subtitle { font-size: 17px; margin-top: 7px; }
.sb_av_cover_popup_verification_input select { padding: 10px 30px; outline: none; cursor: pointer; border-radius: 5px; font-size: 20px; }
.sb_av_cover_popup_verification_button { display: flex; justify-content: center; gap: 20px; border-radius: 5px; margin: 25px 0; width: 45%; }
.sb_av_cover_popup_verify_year_wrap { display: flex; justify-content: center; align-items: center; gap: 15px; width: 100%; }
.sb_av_cover_popup_verify_year select { padding: 20px; border-radius: 3px; font-size: 20px; outline: none; }
.sb_av_cover_popup_design_wrap { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 7px; }
.sb_av_cover_popup_design_hr { height: 1px; width: 37%; background-color: #000; }
.sb_av_cover_popup_yes_no_btn {
padding: 20px 27px;
cursor: pointer;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
font-family: inherit;
width: 45%;
}
.sb_av_cover_popup_enter_btn { font-family: inherit; font-size: 21px; padding: 20px; border-radius: 3px; cursor: pointer; position: relative; }
.sb_av_cover_popup_verification_input { display: flex; justify-content: center; align-items: center; margin-top: 20px; gap: 10px; }
span.sb_av_cover_popup_no_btn_title, span.sb_av_cover_popup_yes_btn_title { font-size: 50px; font-weight: bold; }
span.sb_av_cover_popup_no_btn_subtitle, span.sb_av_cover_popup_yes_btn_subtitle { font-size: 17px; text-align: left; width: 40%; }
.sb_av_cover_popup_verification_button button:hover { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }
.sb_av_cover_popup_verification_button button { border: none; position: relative; width: 100%; }
.sb_av_cover_popup_cover_div { height: 225px; width: 100%; background-size: cover; background-position: center; }
.sb_av_cover_popup_cover_wrap { height: 290px; }
/* .sb_av_cover_popup_cover_wrap,.sb_av_cover_popup_cover_div{height: 0px;} */
.sb_av_cover_popup_padding { padding: 0 20px; }
.cover_popup_loader {
position: absolute;
border: 3px solid #f3f3f3;
margin: auto;
border-radius: 62%;
border-top: 3px solid #afa6a6;
width: 22px;
height: 22px;
top: 0;
bottom: 0;
left: 0;
right: 0;
animation: spin 0.4s linear infinite;
display: none;
}
.sb_av_cover_checked {
width: 40px;
height: 40px;
border-radius: 40px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
position: absolute;
top: 0;
opacity: 0;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
}
.sb_active .sb_av_cover_checked { opacity: 1; transition: 1s; right: 0; }
.sb_active .sb_av_cover_checked path { transition: 1s; transition-delay: 1s; stroke-dashoffset: 0; }
.sb_av_cover_checked path { stroke-width: 3; stroke: #fff; stroke-dasharray: 34; stroke-dashoffset: 34; stroke-linecap: round; }
.sb_av_cover_popup_verify_year { width: 45%; }
div.sb_avp_dob_wrap { display: inline-block; position: relative; width: 45%; }
div.sb_avp_dob_wrap .sb_avp_dob_input {padding: 0.8em; border: 0px; border-radius: 5px; text-transform: uppercase; cursor: pointer; text-align: center; outline: none; width: 100%; font-size: 16px; background-color: #ffffff !important;}
div.sb_avp_dob_wrap .sb_avp_input_arrow {
border: solid #282828;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
margin-left: 10px;
transform: rotate(45deg);
/* transform: rotate(225deg); */
position: absolute;
top: 18px;
right: 10px;
}
div.sb_avp_dob_wrap ul {
display: none;
position: absolute;
background: #fff;
list-style: none;
border: 1px solid #f0f0f0;
line-height: 0.8em;
bottom: 50px;
left: 0;
right: 0;
text-align: center;
box-shadow: 0px 0px 3px 1px #ccc;
padding: 5px;
overflow-y: auto;
height: max-content;
max-height: 300px;
margin: 0;
z-index: 1;
}
div.sb_avp_dob_wrap ul li { padding: 0.8em; cursor: pointer; transition: background 250ms; }
div.sb_avp_dob_wrap ul li:hover { background: #f0f0f0; }
.sb_avp_dob_select_wrap { position: relative; }
div.sb_avp_dob_wrap ul::-webkit-scrollbar { width: 0; background-color: transparent; }
div.sb_avp_dob_wrap .sb_avp_dob_input::-webkit-inner-spin-button, div.sb_avp_dob_wrap .sb_avp_dob_input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.sb_av_cover_popup_main .sb_avp_dob_input { background-color: #ededed; }
.sb_av_cover_popup_verification_wrap { display: flex; }
.sb_av_cover_popup_verification_wrap.sb_avp_verify_dob { flex-direction: column; align-items: center; }
.sb_av_cover_popup_verification_wrap.sb_avp_verify_yes_no .sb_av_cover_popup_verification_button { width: 100%; }
.sb_av_cover_popup_verify_year div.sb_avp_dob_wrap { width: 100%; }
.sb_av_popup_main.sb_avp_verify_yes_no .block_3 { padding: 15px; }
</style><!-- END app snippet -->`); ageVerificationScript(jQuery);}
}
function ageVerificationScript($) {
var sb_age_check = getCookieAV("sb_age_verification");
if (is_enabled == "1" && (sb_age_check == null || sb_age_check == undefined || typeof sb_age_check == 'undefined') )activate_age_verification = 1;
if (activate_age_verification == 1) age_verifier($);
if (window.location.pathname.indexOf("/cart") !== -1 && disable_cart_msg == "1") cartValidationMsg($);
if (sticky_badge_show == 1 && is_enabled == "1") {
var show_hide_badge_cookie = getCookieAV("sb_show_verify_badge");
if (show_hide_badge_cookie == 1 || show_hide_badge_cookie == null) {stickyVerifiedBadge($);if (sb_age_check != null) $(".sb_av_verified_svg").show();} else {$(".sb_av_verified_svg").hide();}
}
// badge
$("#ub_cross").click(function () {$(".sb_av_verified_svg").hide(); setCookieAV("sb_show_verify_badge", "0");});
}
function stickyVerifiedBadge($) {
var badgehtml = `<div class="sb_av_verified_svg"> <div class="ub_verify-svg"> <div class="ub_svg-wrapper"> <img src="https://ageverify.setubridgeapps.com/asset/images/user_verify1.png" > <span class="ub_svg_badge-txt"></span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="ub_cross"> <path fill="#464646" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm3.21 11.79a1 1 0 0 1 0 1.42 1 1 0 0 1-1.42 0L12 13.41l-1.79 1.8a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.42l1.8-1.79-1.8-1.79a1 1 0 0 1 1.42-1.42l1.79 1.8 1.79-1.8a1 1 0 0 1 1.42 1.42L13.41 12Z"></path></svg></div></div></div><style>/* sb_svg_code */.sb_av_verified_svg { display: none; } .ub_verify-svg { position: fixed; bottom: 0; right: 0; margin: 50px 0; z-index: 99999999; } .ub_svg-wrapper { display: flex; align-items: center; transition: 0.5s; flex-direction: column; padding: 7px 7px 2px 7px; box-shadow: 0 0 8px 0px #878787; background-color: #fff; } .ub_svg-wrapper img { height: 52px; } svg#ub_cross { width: 20px; right: 0; position: absolute; padding: 20px; top: 0; transition: 1s; cursor: pointer; } .ub_svg-wrapper:hover #ub_cross { transition: 0.5s; padding: 0px; } span.ub_svg_badge-txt { font-size: 11px; color: #000; }</style>`;
$("body").append(badgehtml);
$(".ub_svg_badge-txt").text(badge_text);
}
function cartValidationMsg($) {
var sb_cart_checkbox = "";
var verify_status = "Unverified";
if (activate_age_verification == "0") {
sb_cart_checkbox = "checked";
verify_status = "Verified";
}
var sb_av_cartMsg =
'<div class="sb_cart_msg_main"><div class="sb_cart_validator"><div><input id="sb_age_vefiry" type="hidden" name="attributes[Age Verification Status]" value="' +
verify_status +
'"><input type="checkbox" id="sb_enableCartBtn" name="verify_cart_btn" ' +
sb_cart_checkbox +
"></div><div>" +
cart_validation_msg +
"</div></div></div>";
function getCartObj($) {
var cartOBJ = null;
$("form").each(function (index) {
var getForm = $(this).attr("action");
if (typeof getForm != "undefined") {
if (getForm == "/cart") cartOBJ = $(this);
}
});
return cartOBJ;
}
function searchCheckout(divFind, element, classname) {
var avpCheckoutBtn = classname;
var current_object = "";
$(divFind).each(function (i) {
var class_title = $(this).attr(element);
if (typeof class_title != "undefined") {
if (class_title.includes(avpCheckoutBtn)) {
current_object = $(this);
return false;
}
}
});
return current_object;
}
var cartForm = getCartObj($);
if (cartForm != null) {
var divFind = cartForm.find("button,input");
var current_object = searchCheckout(divFind, "class", "checkout");
if (current_object == "") current_object = searchCheckout(divFind, "name", "checkout");
if (current_object == "") current_object = searchCheckout(divFind, "id", "checkout");
// for free theme
if (current_object == "") {
divFind = $(".cart__footer").find("div");
current_object = searchCheckout(divFind, "class", "cart__ctas");
}
if (Shopify.shop == "motion-plus-limited.myshopify.com") {
if (is_allPages == 0) {
var av_prod_available = false;
$(".cart__row .cart__product-information .list-view-item__title").each(function () {
var cart_item_prod = $(this).find("a.cart__product-title").attr("href");
var cart_product_handle = cart_item_prod.split("/products/")[1].split("?")[0];
$.each(specific_rule_data, function (indexInArray, valueOfElement) {
if (cart_product_handle == valueOfElement.rule_name) av_prod_available = true;
});
});
if (av_prod_available) {
if (current_object == "") cartForm.append(sb_av_cartMsg);
else current_object.before(sb_av_cartMsg);
}
} else {
if (current_object == "") cartForm.append(sb_av_cartMsg);
else current_object.before(sb_av_cartMsg);
}
} else {
if (current_object == "") cartForm.append(sb_av_cartMsg);
else current_object.before(sb_av_cartMsg);
}
}
$("#sb_enableCartBtn").change(function () {
var verfied = "";
var unverfied = "";
if (this.checked) {
verfied = "Verified";
$("#sb_age_vefiry").val(verfied);
cookie_time = parseInt(cookie_time);
setCookieAV("sb_age_verification", "1", cookie_time);
$(".sb_av_verified_svg").show();
} else {
unverfied = "Unverified";
$("#sb_age_vefiry").val(unverfied);
eraseCookieAV("sb_age_verification");
}
});
}
// form->checkout class,name --------
function setCookieAV(name, value, exdays) {
const d = new Date();
d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
let expires = "; expires=" + d.toUTCString();
document.cookie = name + "=" + value + ";" + expires + "; path=/";
}
function getCookieAV(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookieAV(name) {
document.cookie = name + "=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
}
function age_verifier($) {
var verification_dates = generateOption(1, 31, false);
var verification_months = generateOption(1, 12, false);
var verification_years = generateOption(1950, 2024, true);
var template_class = "sb_template_" + template_type;
if (verification_method == "verify_dob") {
var verify_button =
`<div class='date_piker_main sb_avp_verification_wrap'>
<div class="select_wrapper_main">
<div class="sb_avp_dob_wrap sb_avp_dob_day"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_day" value="1" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_day" data-currSelector="sb_avp_dob_input_day">${verification_dates}</ul></div>
<div class="sb_avp_dob_wrap sb_avp_dob_month"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_month" value="1" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_month" data-currSelector="sb_avp_dob_input_month">${verification_months}</ul></div>
<div class="sb_avp_dob_wrap sb_avp_dob_year"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_year" value="2024" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_year" data-currSelector="sb_avp_dob_input_year">${verification_years}</ul></div>
</div>
<div class="popup2_btn_block">
<button name="enter" id="enter" class=" btn sb_enter_btn" type="button">${enter_btn}</button>
<div class="loader" ></div>
<span id="access_denied_err"></span>
</div>
</div>`;
} else if (verification_method == "verify_year") {
var verify_button =
`<div class='yaer_picker_main'>
<div class="sb_avp_dob_wrap sb_avp_dob_year"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_year" value="2024" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_year" data-currSelector="sb_avp_dob_input_year">${verification_years}</ul></div>
<div class="popup2_btn_block">
<button name="enter" id="enter" class="btn sb_enter_btn" type="button">${enter_btn}</button>
<div class="loader" ></div>
<span id="access_denied_err"></span>
</div>
</div>`;
} else {
if (template_type == 2 || template_type == 5) {
var verify_button =
`<div class="popup2_btn_block">
<div style="position: relative;" class="sb_accept_btn_wrapper">
<button name="enter" id="enter_btn" class="btn sb_accept_btn template2" type="button">
<span> ${yesNo_popup_yes} </span><p class="p-subtxt" id="btnText">${accept_btn}</p>
<div class="sb_checked"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="transparent" d="M14.1 27.2l7.1 7.2 16.7-16.8"></path></svg></div>
</button>
<div class="loader" ></div>
</div>
<div class="sb_cancel_btn_wrapper" style="position: relative;">
<button name="enter" id="enter_btn" class="btn exit sb_close_popup sb_cancel_btn template2" type="button" >${yesNo_popup_no}<p class="p-subtxt">${cancel_btn}</p></button>
<div class="loader" ></div>
</div>
</div>`;
} else {
var verify_button =
`<div class="popup2_btn_block">
<div style="position: relative;" class="sb_accept_btn_wrapper">
<button name="enter" id="enter_btn" class="btn sb_accept_btn" type="button" style="font-size: 14px;color: rgb(255, 254, 254);background: rgb(17, 83, 11);"><div class="temp1_btn_text">${accept_btn}</div><div class="sb_checked"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="transparent" d="M14.1 27.2l7.1 7.2 16.7-16.8"></path></svg></div></button>
<div class="loader" ></div>
</div>
<div class="sb_cancel_btn_wrapper" style="position: relative;">
<button name="enter" id="enter_btn" class="btn exit sb_close_popup sb_cancel_btn" type="button" style="font-size: 14px; color: rgb(223, 230, 222); background: rgb(136, 8, 10);"><div class="temp1_cbtn_text">${cancel_btn}</div></button>
<div class="loader"></div>
</div>
</div>`;
}
}
var template_html =
`<div method="post" id="ageverification-form" class="` + template_class + ` custom2 white-popup-block1 ageverification-form">
<div class="ageverification-wrapper-style3">
<div class="sb_av_popup_main sb_avp_${verification_method}">
<div class="ageverify-success-msg" style="display: none;" id="success_message"></div>
<div class="block_1"> <div class="popup2_img">
<img src="` + template_logo + `" height="70" width="70" alt="` + Shopify.cdnHost.split("/cdn")[0] + " logo" + `" class="img-responsive template_logo" />
</div>
<div class="header_text"> <h2 class="template_title"> ` + template_title + ` </h2> </div>
<div class="sb_av_loader"><span id="dvLoading"></span></div>
<p class="spantheme2 template_subtitle"> ` + template_subtitle + ` </p>
</div>
<div class="block_3 sb_avp_verification_wrap">` + verify_button + ` </div>
</div>
</div>
</div>`;
var template3_html =
`<div class="sb_av_temp3_ageverification-wrapper">
<div class="temp3_popup_div">
<div class="sb_av_temp3_flex-container" style="background-color: ${background_clr}">
<div class="sb_av_temp3_popup4-1side">
<div class="sb_av_temp3_left-side">
<div class="sb_av_temp3_block_41">
<div class="sb_av_temp3_popup4_img"> <img src="${template_logo}" height="70" width="70" alt="` + Shopify.cdnHost.split("/cdn")[0] + " logo" + `" class="sb_av_temp3_logo_img" /> </div>
<div class="sb_av_temp3_header_text"> <h2 style="color: ${text_clr}">${template_title}</h2> <h3 style="color: ${subtitle_text_clr}">${template_subtitle}</h3> </div>
<div class="sb_av_temp3_btn_block">
<button class="btn sb_av_temp3_yes_btn" style="background-color: ${enter_btn_clr}; color: ${btn_text_clr}" type="button"><span>${accept_btn}</span><div class="sb_av_temp3_loader_btn" ></div></button>
<button name="enter" class="btn sb_av_temp3_no_btn" style="background-color: ${cancel_btn_clr}; color: ${exit_btntext_clr}" type="button"><span>${cancel_btn}</span><div class="sb_av_temp3_loader_btn" ></div></button>
</div>
<div class="sb_av_temp3_consent_text"> <p style="color: ${subtitle_text_clr}">${consent_title}</p> </div>
</div>
</div>
</div>
<div class="sb_av_temp3_popup4-2side"> <img src="${sideBanner}" height="70" width="70" alt="` + Shopify.cdnHost.split("/cdn")[0] + " logo" + `" class="sb_av_temp3_logo_img" /> </div>
</div>
</div>
</div> `;
if (template_type == 3) template_html = template3_html;
var single_popup_template_verification_method = "";
if (verification_method == "verify_year") {
var yearsOptions = generateOption(1950, 2024, true);
single_popup_template_verification_method += `<div class="sb_av_cover_popup_verify_year"><div class="sb_avp_dob_wrap sb_avp_dob_year"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_year" value="2024" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_year" data-currSelector="sb_avp_dob_input_year">${yearsOptions}</ul></div></div>`;
} else if (verification_method == "verify_dob") {
var yearsOptions = generateOption(1950, 2024, true);
var monthsOptions = generateOption(1, 12, false);
var daysOptions = generateOption(1, 31, false);
single_popup_template_verification_method += `<div class="sb_av_cover_popup_verification_input">
<div class="sb_avp_dob_wrap sb_avp_dob_day"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_day" value="1" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_day" data-currSelector="sb_avp_dob_input_day">${daysOptions}</ul></div>
<div class="sb_avp_dob_wrap sb_avp_dob_month"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_month" value="1" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_month" data-currSelector="sb_avp_dob_input_month">${monthsOptions}</ul></div>
<div class="sb_avp_dob_wrap sb_avp_dob_year"><div class="sb_avp_dob_select_wrap"><input type="number" class="sb_avp_dob_input sb_avp_dob_input_year" value="2024" /><!-- <span class="sb_avp_input_arrow"></span> --></div><ul class="sb_avp_dob_list sb_avp_dob_list_year" data-currSelector="sb_avp_dob_input_year">${yearsOptions}</ul></div>
</div>`;
}
var single_popup_template_verification_btns = "";
if (verification_method == "verify_yes_no") single_popup_template_verification_btns += `<button class="sb_av_cover_popup_btn sb_av_btn_no sb_av_cover_popup_yes_no_btn" style="background-color: ${cancel_btn_clr}; color: ${exit_btntext_clr}"><span class="sb_av_cover_popup_no_btn_title sb_av_cover_btn_span">${yesNo_popup_no}</span><span class="sb_av_cover_popup_no_btn_subtitle sb_av_cover_btn_span">${cancel_btn}</span><span class="cover_popup_loader"></span></button><button class="sb_av_cover_popup_btn sb_av_btn_yes sb_av_cover_popup_yes_no_btn" style="background-color: ${enter_btn_clr}; color: ${btn_text_clr}"><span class="sb_av_cover_popup_yes_btn_title sb_av_cover_btn_span">${yesNo_popup_yes}</span><span class="sb_av_cover_popup_yes_btn_subtitle sb_av_cover_btn_span">${accept_btn}</span><span class="cover_popup_loader"></span><div class="sb_av_cover_checked"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"> <path fill="transparent" d="M14.1 27.2l7.1 7.2 16.7-16.8"></path> </svg> </div></button>`;
else single_popup_template_verification_btns += `<button class="sb_av_cover_popup_btn sb_av_btn_enter sb_av_cover_popup_enter_btn" style="background-color: ${enter_btn_clr}; color: ${btn_text_clr}"><span class="sb_av_cover_popup_btn_text">${enter_btn}</span><span class="cover_popup_loader"></span><div class="sb_av_cover_checked"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"> <path fill="transparent" d="M14.1 27.2l7.1 7.2 16.7-16.8"></path> </svg> </div></button>`;
var single_popup_template =
`<div class="sb_av_cover_template_wrap">
<div class="sb_av_cover_popup_main" style="background-color: ${background_clr};">
<div class="sb_av_cover_popup_cover_wrap">
<div class="sb_av_cover_popup_cover_div" style="display: block!important; background-color: ${popup_cover_bg_color}; height: 225px; "></div>
<center class="sb_av_cover_popup_logo_center"><img height="70" width="70" alt="` + Shopify.cdnHost.split("/cdn")[0] + " logo" + `" src="${template_logo}" ></center>
</div>
<div class="sb_av_cover_popup_text_wrap sb_av_cover_popup_padding"> <span class="sb_av_cover_popup_text_title" style="color: ${text_clr};">${template_title}</span> <span class="sb_av_cover_popup_text_subtitle" style="color: ${subtitle_text_clr};">${template_subtitle}</span> </div>
<div class="sb_av_cover_popup_design_wrap sb_av_cover_popup_padding">
<span class="sb_av_cover_popup_design_hr"></span>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" height="15px" width="15px" version="1.1" id="Layer_1" viewBox="-19.8 -19.8 369.60 369.60" xml:space="preserve" stroke="#000000" stroke-width="22.110000000000003"><path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"></path></svg>
<span class="sb_av_cover_popup_design_hr"></span>
</div>
<div class="sb_av_cover_popup_verification_wrap sb_avp_verification_wrap sb_avp_${verification_method} sb_av_cover_popup_padding">
${single_popup_template_verification_method}
<div class="sb_av_cover_popup_verification_button"> ${single_popup_template_verification_btns} </div>
</div>
</div>
</div>`;
if (template_type == 4) template_html = single_popup_template;
if (is_allPages == 1 || is_allPages == "1" || typeof is_allPages == "undefined") {
$("body").append(template_html);
if(template_type == 5) $(".ageverification-form").addClass("sb_avp_ease_in_out_load");
keysDisable($);
$("body").addClass("scroll-stop");
} else {
var url_matched = false;
var product_page_matched = false;
var collection_page_matched = false;
var collection_page_product_matched = false;
$.each(specific_rule_data, function (indexInArray, valueOfElement) {
if (valueOfElement.rule_type == "url") {
if (curr_page == valueOfElement.rule_name) url_matched = true;
} else if (valueOfElement.rule_type == "product_page" && curr_template == "product") {
if (valueOfElement.rule_name == curr_product_handle) product_page_matched = true;
} else if (valueOfElement.rule_type == "collection_page" && curr_template == "collection") {
if (valueOfElement.rule_name == curr_collection_handle) collection_page_matched = true;
}
if (valueOfElement.rule_type == "collection_page" && curr_template == "product") {
if (valueOfElement.rule_name == curr_collection_handle_pdp) collection_page_product_matched = true;
}
});
if (url_matched || product_page_matched || collection_page_matched || collection_page_product_matched) {
$("body").append(template_html);
if(template_type == 5) $(".ageverification-form").addClass("sb_avp_ease_in_out_load");
keysDisable($);
$("body").addClass("scroll-stop");
} else {}
}
if (template_type == 4) {
$('.sb_av_verify_year option[value="2024"]').prop("selected", true);
if (!avCoverBgColorImage) $(".sb_av_cover_popup_cover_div").css("background-image", `url("${sideBanner}")`);
}
if ( (verification_method == "verify_year" || verification_method == "verify_dob") && template_type == "4" ) {
if (window.innerWidth <= 425) $(".sb_av_cover_popup_enter_btn").css("padding", "7px 30px");
else $(".sb_av_cover_popup_enter_btn").css("padding", "12px 35px");
}
if (verification_method == "verify_year" && template_type == "4") {
$(".sb_av_cover_popup_verification_wrap").addClass("sb_av_cover_popup_verify_year_wrap");
if (window.innerWidth <= 425) $(".sb_av_verify_year").css("padding", "7px 15px");
else $(".sb_av_verify_year").css("padding", "10px 25px");
}
if (template_type == "1") {
// responsive css
$("body").append(`<style>@media (max-width: 510px) { .custom2 .header_text h2{font-size:` + (parseInt(title_text_size) - 5) + `px!important;} .custom2 .spantheme2{font-size:` + (parseInt(caption_text_size) - 4) + `px!important;} .custom2 .popup2_btn_block .btn{font-size:` + (parseInt(button_text_size) - 4) + `px!important;} }</style>`);
}
if ((title_text_size != "") | (title_text_size != null)) $(".custom2 .header_text h2").css({ color: text_clr });
if ((caption_text_size != "") | (caption_text_size != null)) $(".custom2 .spantheme2").css({ color: subtitle_text_clr });
if ((button_text_size != "") | (button_text_size != null)) $(".custom2 .popup2_btn_block .btn").css({ color: btn_text_clr });
if ((button_text_size != "") | (button_text_size != null)) $(".custom2 .popup2_btn_block .btn").css({ color: exit_btntext_clr });
$(".sb_accept_btn").css({ "color": btn_text_clr, "background": enter_btn_clr });
$(".sb_cancel_btn").css({"color": exit_btntext_clr, "background": cancel_btn_clr});
$(".sb_enter_btn").css({ "color": btn_text_clr, "background": enter_btn_clr });
$(".ageverification-wrapper-style3").css({ "background": background_clr });
// keysDisable($);
// ---------------------------------------------------------------------------
$(document).on("keyup", ".sb_avp_dob_input_day, .sb_avp_dob_input_month, .sb_avp_dob_input_year", function (e) {
var keycode = e.charCode || e.keyCode;
var closest_btn = $(this).closest(".sb_avp_verification_wrap");
if(!check_valid_dob()){
closest_btn.find("button").css({"opacity": "0.5", "cursor": "not-allowed!important"});
closest_btn.find("button").prop("disabled", true);
}else{
closest_btn.find("button").css({"opacity": "1", "cursor": "pointer"});
closest_btn.find("button").prop("disabled", false);
}
var value = $(this).val();
var $parent = $(this).closest(".sb_avp_dob_wrap");
$(".noresults", $parent).remove();
var results = 0;
if ($(this).hasClass("sb_avp_dob_input_day")) var curr_input = "searchInputDay";
else if ($(this).hasClass("sb_avp_dob_input_month")) var curr_input = "searchInputMonth";
else var curr_input = "searchInputYear";
$("ul li:not(." + curr_input + "):not(.noresults)", $parent).each(function (index) {
$(this).hide();
if (new RegExp(value, "i").test($(this).text())) {
$(this).show();
results = 1;
}
});
if (results == 0) {
if (!$(".noresults", $parent).length && !check_valid_dob()){
// $("ul", $parent).append('<li class="noresults">No results found</li>');
closest_btn.find("button").css({"opacity": "0.5", "cursor": "not-allowed"});
closest_btn.find("button").prop("disabled", true);
}else{
$(".noresults", $parent).remove();
closest_btn.find("button").css({"opacity": "1", "cursor": "pointer"});
closest_btn.find("button").prop("disabled", false);
}
}
if($(this).closest(".sb_avp_dob_wrap").find(".sb_avp_dob_list li[style='display: none;']").length == $(this).closest(".sb_avp_dob_wrap").find(".sb_avp_dob_list li").length){
$(this).closest(".sb_avp_dob_wrap").find(".sb_avp_dob_list").hide()
}else{
$(this).closest(".sb_avp_dob_wrap").find(".sb_avp_dob_list").show()
}
});
$(".sb_avp_dob_wrap .sb_avp_dob_input").on("click", function () {
$(".sb_avp_dob_wrap ul").hide();
var curr_search_list_ul = $(this).closest(".sb_avp_dob_wrap").find("ul").show();
curr_search_list_ul.show();
}
);
$(document).on("click", ".sb_avp_dob_wrap ul li:not(.noresults)", function () {
var curr_text = $(this).text();
var curr_selector = $(this).parent().attr("data-currSelector");
var closest_btn = $(this).closest(".sb_avp_verification_wrap");
$(`.${curr_selector}`).val(curr_text);
$(this).parent().hide();
if (!check_valid_dob()){
closest_btn.find("button").css({"opacity": "0.5", "cursor": "not-allowed"});
closest_btn.find("button").prop("disabled", true);
}else{
closest_btn.find("button").css({"opacity": "1", "cursor": "pointer"});
closest_btn.find("button").prop("disabled", false);
}
});
$("html").on("click", function (e) {
if ($(e.target).parents(".sb_avp_dob_wrap").length == 0 && $(e.target).siblings(".sb_avp_dob_wrap").length == 0 && $(e.target).children(".sb_avp_dob_wrap").length == 0) {
$(".sb_avp_dob_wrap ul").hide();
$(".sb_avp_dob_day_wrapsearch").val("").keyup();
}
});
// ---------------------------------------------------------------------------
// validate date inputs
function check_valid_dob(){
var is_input_valid = is_input_valid_day = is_input_valid_month = is_input_valid_year = 0;
if($(".sb_avp_verification_wrap .sb_avp_dob_input_day").length > 0 && $(".sb_avp_verification_wrap .sb_avp_dob_input_day").val().length <= 2 && $(".sb_avp_verification_wrap .sb_avp_dob_input_day").val().indexOf("-") == -1 && $(".sb_avp_verification_wrap .sb_avp_dob_input_day").val() != "-" && parseInt($(".sb_avp_verification_wrap .sb_avp_dob_input_day").val()) < 32 && parseInt($(".sb_avp_verification_wrap .sb_avp_dob_input_day").val()) != 0) is_input_valid_day = 1;
if($(".sb_avp_verification_wrap .sb_avp_dob_input_month").length > 0 && $(".sb_avp_verification_wrap .sb_avp_dob_input_month").val().length <= 2 && $(".sb_avp_verification_wrap .sb_avp_dob_input_month").val().indexOf("-") == -1 && $(".sb_avp_verification_wrap .sb_avp_dob_input_month").val() != "-" && parseInt($(".sb_avp_verification_wrap .sb_avp_dob_input_month").val()) < 13 && parseInt($(".sb_avp_verification_wrap .sb_avp_dob_input_month").val()) != 0) is_input_valid_month = 1;
if($(".sb_avp_verification_wrap .sb_avp_dob_input_year").length > 0 && $(".sb_avp_verification_wrap .sb_avp_dob_input_year").val().length <= 4 && $(".sb_avp_verification_wrap .sb_avp_dob_input_year").val().indexOf("-") == -1 && $(".sb_avp_verification_wrap .sb_avp_dob_input_year").val() != "-" && parseInt($(".sb_avp_verification_wrap .sb_avp_dob_input_year").val()) <= new Date().getFullYear() && parseInt($(".sb_avp_verification_wrap .sb_avp_dob_input_year").val()) > 1900 && parseInt($(".sb_avp_verification_wrap .sb_avp_dob_input_year").val()) != 0) is_input_valid_year = 1;
if(verification_method == "verify_dob"){
if(is_input_valid_day && is_input_valid_month && is_input_valid_year) is_input_valid = 1;
else is_input_valid = 0;
}else{
if(is_input_valid_year) is_input_valid = 1;
else is_input_valid = 0;
}
return is_input_valid;
}
$(document).on("click", ".sb_accept_btn, .sb_av_temp3_yes_btn, .sb_av_btn_yes", function () {
keysEnable();
var thiscurr = $(this);
if (template_type == 3) {
thiscurr.find(".sb_av_temp3_loader_btn").css({ display: "block" });
thiscurr.find("span").css({ display: "none" });
setTimeout(function () {
thiscurr.find(".sb_av_temp3_loader_btn").css({ display: "none" });
thiscurr.find("span").css({ display: "block" });
$(".sb_av_temp3_ageverification-wrapper").hide();
}, 600);
} else if (template_type == 4) {
$(thiscurr).find(".sb_av_cover_btn_span").css("opacity", "0");
$(thiscurr).find(".cover_popup_loader").css("display", "block");
$(thiscurr).find(".sb_av_cover_checked").css({ height: "70px", width: "70px" });
setTimeout(function () {
$(thiscurr).find(".cover_popup_loader").css("display", "none");
$(thiscurr).addClass("sb_active");
}, 800);
setTimeout(function () {
$(thiscurr).find(".sb_av_cover_btn_span").css("opacity", "1");
$(thiscurr).removeClass("sb_active");
}, 3100);
} else {
$(".sb_accept_btn span,.sb_accept_btn p").text("");
$(".temp1_btn_text").css("visibility", "hidden");
$(".sb_accept_btn_wrapper .loader").css("display", "block");
setTimeout(function () {
$(".sb_accept_btn_wrapper .loader").css("display", "none");
$(thiscurr).addClass("sb_active");
}, 500);
}
setTimeout(() => {
if (template_type == 4){
$(".sb_av_cover_template_wrap").css("display", "none");
}else if(template_type == 5){
$(".ageverification-form").removeClass("sb_avp_ease_in_out_load");
$(".ageverification-form").addClass("sb_avp_ease_in_out_exit")
setTimeout(function(){$("#ageverification-form").hide();}, 900);
}else{
$("#ageverification-form").hide();
}
$("body").removeClass("scroll-stop");
$(".sb_av_verified_svg").show();
}, 2800);
// setCookie
cookie_time = parseInt(cookie_time);
setCookieAV("sb_age_verification", "1", cookie_time);
cookie_time = parseInt(cookie_time);
setCookieAV("sb_show_verify_badge", "1");
$("#sb_enableCartBtn").attr("checked", "checked");
$("#sb_enableCartBtn").prop("checked", "checked");
// Usage analytics
verification_status = "yes";
usageAnalytics(verification_status, "");
}
);
// ------------------------Age calculation function for verification method DOB ------------------------------------
// keysDisable($);
$(document).on("click", ".sb_enter_btn, .sb_av_btn_enter", function () {
keysEnable();
var thiscurr = $(this);
if (template_type == 4) {
var year = parseInt($(".sb_avp_dob_input_year").val());
var month = parseInt($(".sb_avp_dob_input_month").val());
var day = parseInt($(".sb_avp_dob_input_day").val());
$(this).find(".sb_av_cover_popup_btn_text").css("opacity", "0");
$(".sb_av_btn_enter").find(".cover_popup_loader").css("display", "block");
} else {
$(".popup2_btn_block .loader").css("display", "block");
var year = parseInt($(".sb_avp_dob_input_year").val());
var month = parseInt($(".sb_avp_dob_input_month").val());
var day = parseInt($(".sb_avp_dob_input_day").val());
}
var dob_date = year + "-" + month + "-" + day;
if (verification_method == "verify_year") {
if (template_type == 4) var year = parseInt($(".sb_avp_dob_input_year").val());
else var year = parseInt($(".sb_avp_dob_input_year").val());
var dt = new Date();
var month = dt.getMonth() + 1;
var day = dt.getDate();
dob_date = year;
}
var theirDate = new Date(year, month, day);
if (theirDate == null || theirDate == "") {
return false;
} else {
// calculate month difference from current date in time
var month_diff = Date.now() - theirDate.getTime();
var age_dt = new Date(month_diff);
var year = age_dt.getUTCFullYear(); // extract year from date
var age = Math.abs(year - 1970); // now calculate the age of the user
setTimeout(function () {
if (age >= age_limit) {
if (template_type == 4) {
setTimeout(function () {
$(".sb_av_btn_enter").find(".cover_popup_loader").css("display", "none");
$(thiscurr).addClass("sb_active");
}, 300);
setTimeout(function () {
$(thiscurr).removeClass("sb_active");
$(thiscurr).find(".sb_av_cover_popup_btn_text").css("opacity", "1");
$(".sb_av_cover_template_wrap").css("display", "none");
}, 2800);
} else {
if(template_type == 5){
$(".ageverification-form").removeClass("sb_avp_ease_in_out_load");
$(".ageverification-form").addClass("sb_avp_ease_in_out_exit")
setTimeout(function(){$("#ageverification-form").hide();}, 900);
}else{
$("#ageverification-form").hide();
}
$("#sb_enableCartBtn").attr("checked", "checked");
$("#sb_enableCartBtn").prop("checked", "checked");
// $("#ageverification-form").hide();
}
cookie_time = parseInt(cookie_time);
setCookieAV("sb_age_verification", "1", cookie_time);
$("body").removeClass("scroll-stop");
verification_status = "yes";
// badge
$(".sb_av_verified_svg").show();
setCookieAV("sb_show_verify_badge", "1");
} else {
if (under_age_option == "msg") {
if (template_type == 4) {
$(".sb_av_cover_popup_verification_wrap > div").css("display", "none");
$(".sb_av_cover_popup_verification_wrap").append(`<div style="background-color: #fff;padding: 10px;color: red;font-weight: bold;text-align: center; width: 100%;">${under_age_msg}</div>`);
} else {
$(".block_3").after(`<div class="sb-av-alert sb_avp_alert_success" style="background-color: #fff;padding: 10px;color: red;font-weight: bold;text-align: center;width: 100%;">${under_age_msg}</div>`);
$(".block_3").hide();
}
} else if (under_age_option == "link") {
redirect_page = under_age_link.trim();
if (redirect_page.length == 0) return false;
if (template_type == 4) $(".sb_av_btn_enter").parent().find(".cover_popup_loader").css("display", "none");
else $(".popup2_btn_block .loader").css("display", "none");
window.open(redirect_page, "_self");
}
}
$(".sb_accept_btn_wrapper .loader").css("display", "none");
// Usage analytics
usageAnalytics(verification_status, dob_date);
}, 2000);
}
});
$(document).on("click", ".sb_cancel_btn, .sb_av_temp3_no_btn, .sb_av_btn_no", function () {
var thiscurr = $(this);
var curr_cancel_text = $(this).html();
if (template_type == 1) {
$(".temp1_cbtn_text").css("visibility", "hidden");
$(".sb_cancel_btn_wrapper .loader").css("display", "block");
setTimeout(() => {
$(".sb_av_popup_main").addClass("error");
$(".sb_cancel_btn_wrapper .loader").css("display", "none");
}, 500);
} else if (template_type == 3) {
thiscurr.find(".sb_av_temp3_loader_btn").css({ display: "block" });
thiscurr.find("span").css({ display: "none" });
setTimeout(function () {
$(".temp3_popup_div ").addClass("error");
}, 600);
} else if (template_type == 4) {
$(thiscurr).find(".sb_av_cover_btn_span").css("opacity", "0");
$(thiscurr).find(".cover_popup_loader").css("display", "block");
setTimeout(function () {
$(thiscurr).find(".sb_av_cover_btn_span").css("opacity", "1");
$(thiscurr).find(".cover_popup_loader").css("display", "none");
}, 1500);
} else {
$(".sb_cancel_btn").text("");
$(".sb_cancel_btn_wrapper .loader").css("display", "block");
setTimeout(() => {
$(".sb_av_popup_main").addClass("error");
$(".sb_cancel_btn_wrapper .loader").css("display", "none");
}, 500);
}
setTimeout(function () {
if (under_age_option == "msg") {
if (template_type == "1") {
$(".block_3").after(`<div class="sb-av-alert sb_avp_alert_success" style="background-color: #fff;padding: 10px;color: red;font-weight: bold;text-align: center; width: 100%">${under_age_msg}</div>`);
$(".block_3").hide();
setTimeout(function () {
$(".ageverification-wrapper-style1 .sb_avp_alert_success").remove();
}, 2000);
} else if (template_type == 3) {
$(".sb_av_temp3_btn_block").html(`<p class='temp3_error_msg' style="background-color: ${cancel_btn_clr}; color: ${exit_btntext_clr}"> ${under_age_msg}</p>`);
} else if (template_type == 4) {
$(".sb_av_cover_popup_verification_wrap > div").css("display", "none");
$(".sb_av_cover_popup_verification_wrap").append(`<div style="background-color: #fff;padding: 10px;color: red;font-weight: bold;text-align: center; width: 100%;">${under_age_msg}</div>`);
$(".sb_av_cover_popup_verification_wrap").removeClass("sb_av_cover_popup_padding");
} else {
// $(".sb_accept_btn").hide();
// $(".sb_cancel_btn").html("<p class='error_msg'>" + under_age_msg + "</p>");
$(".block_3").after(`<div class="sb-av-alert sb_avp_alert_success" style="background-color: #fff;padding: 10px;color: red;font-weight: bold;text-align: center; width: 100%">${under_age_msg}</div>`);
$(".block_3").hide();
$(".sb_cancel_btn").removeClass("template2");
$(".sb_cancel_btn").addClass("sb_close_popup_error");
$(".sb_cancel_btn").removeClass("sb_cancel_btn");
}
} else if (under_age_option == "link") {
redirect_page = under_age_link.trim();
if (redirect_page.length == 0) return false;
if (template_type == "3") {
thiscurr.find(".sb_av_temp3_loader_btn").css("display", "none");
thiscurr.find("span").css("display", "block");
} else {
$(".sb_cancel_btn").html(curr_cancel_text);
}
window.open(redirect_page, "_self");
}
}, 1500);
$("#enter, #exit").hide();
// Usage analytics
verification_status = "no";
usageAnalytics(verification_status, "");
}
);
function usageAnalytics(verification_statu, dob) {
var page_url = window.location.href;
var device = "";
if (window.matchMedia("(max-width: 425px)").matches) {
device = "mobile";
} else if (window.matchMedia("(max-width: 768px)").matches) {
device = "tablet";
} else {
device = "desktop";
}
var myKeyVals = {
shop: Shopify.shop,
verify_status: verification_statu,
verify_method: verification_method,
dob: dob,
template: template_type,
page_url: page_url,
device: device,
};
$.ajax({
type: "POST",
url: serverPath + "/usageAnalytics",
data: myKeyVals,
dataType: "json",
success: function (resultData) {},
});
}
}
// Hide verify badge on Cross click
function generateOption(startVal, EndVal, reverse) {
var returnRespo = "";
if (reverse) {
for (let i = EndVal; i >= startVal; i--) {
returnRespo += `<li><span>${i}</span></li>`;
}
} else {
for (let i = startVal; i <= EndVal; i++) {
returnRespo += `<li><span>${i}</span></li>`;
}
}
return returnRespo;
}
function keysDisable($) {
// document.onkeydown = function (e) { return false; };
$(document).keydown(function(objEvent) {
if (objEvent.keyCode == 9) {
objEvent.preventDefault();
}
})
}
function keysEnable() {
document.onkeydown = function (e) {
return true;
};
}
}
</script>
</div><div id="shopify-block-Ad1J4OXVMUGEyRnhGd__8242177366965752170" class="shopify-block shopify-app-block"><!-- src attributed modified by ci -->
<script defer id="load-web-components" src="https://cdn.superpayments.com/js/super.js"></script>
<script src="https://cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/express_checkout.js" defer></script>
<script src="https://cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/pre_checkout.js" defer></script>
<script src="https://cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/banner_utills.js" defer></script>
<script src="https://cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/cart_utills.js" defer></script>
<script src="https://cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/drawer_utills.js" defer></script>
<script src="https://cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/pdp_utills.js" defer></script>
<script src="https://cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/plp_utills.js" defer></script>
<link href="//cdn.shopify.com/extensions/97bdfbdc-4031-4e67-9fd2-078222364262/super-payments-marketing-133/assets/precheckout.css" rel="stylesheet" type="text/css" media="all" />
<script id="super-utils" defer>
/*------------------- REPLACE IN EXTENSION -----------------*/
function getCurrentItem(quantity = 1) {
const product_name = '';
const variant_id = '';
const variant_url = '';
const variant_price = '';
if (!variant_id) return null;
return {
id: variant_id,
name: product_name,
url: `${location.protocol}//${location.hostname}` + variant_url,
quantity: quantity,
minorUnitAmount: parseInt(variant_price, 10) || 0,
variantId: variant_id,
};
}
function getSiteName() {
let siteName = 'Eliquids Outlet';
if (!siteName) {
siteName = document.querySelector('meta[property="og:site_name"]')?.content;
}
if (!siteName) {
console.error('Could not find site name meta tag');
}
return siteName;
}
/* ----------------- SAME IN EXTENSION ----------------------*/
const superApiUrl = 'https://api.superpayments.com';
/*-----------------------------------------------------------*/
let isDebugModeCached = null;
function debugOnly(func) {
if (isDebugMode()) {
func();
}
}
function isDebugMode() {
if (isDebugModeCached === null) {
const debugStr = localStorage.getItem('_debug_site') ?? 'false';
isDebugModeCached = debugStr === 'true';
}
return isDebugModeCached;
}
function getDebugSettings() {
return {
platform: 'shopify',
enable_banner_on: {
home: true,
pdp: true,
plp: true,
cart: true,
},
enable_product_callout_on: {
pdp: true,
plp: true,
},
enable_cart_callout_on: {
drawer: true,
cart: true,
},
enable_pre_checkout_on: {
drawer: true,
cart: true,
},
enable_express_checkout_on: {
pdp: true,
drawer: true,
cart: true,
},
pre_checkout_asset_type: 'slider',
enable_locale: false,
};
}
function getStoredValue(key) {
const storedSelector = localStorage.getItem(key);
if (storedSelector && storedSelector != 'null') return storedSelector;
return null;
}
function mixinLocalOverrides(obj) {
if (!obj) return null;
for (const key of Object.keys(obj)) {
const localValue = getStoredValue(`_${key}`);
if (localValue) {
obj[key] = localValue != '-' ? localValue : null;
}
}
return obj;
}
/*-----------------------------------------------------------*/
let timers = {};
let timersPaused = false;
let originalSetTimeout = window.setTimeout;
function trackTimers(enable) {
if (!enable) {
debugOnly(() => console.log('restoring setTimeout function'));
window.setTimeout = originalSetTimeout;
return;
}
debugOnly(() => console.log(`timer tracking: ${enable ? 'enabled' : 'disabled'}`));
window.setTimeout = (func, t = 0, was_resumed = false) => {
if (timersPaused) {
const pause_id = new Date().getTime();
timers[pause_id] = { id: pause_id, setAt: null, func: func, remaining: t, paused: true };
return;
}
debugOnly(() => console.log('replacing setTimeout function'));
let id = originalSetTimeout(() => {
delete timers[id];
func();
}, t);
timers[id] = { id: id, setAt: new Date(), func: func, remaining: t, paused: false };
};
}
function pauseTimers() {
timersPaused = true;
for (const id in timers) {
const timer = timers[id];
if (!timer.paused) {
clearTimeout(timer.id);
timer.paused = true;
timer.setAt = null;
timer.remaining = timer.remaining - (new Date() - timer.setAt);
}
}
debugOnly(() => console.log(`timer tracking: paused`));
}
function resumeTimers() {
timersPaused = false;
for (const id in timers) {
const timer = timers[id];
if (timer.paused) {
delete timers[id];
window.setTimeout(timer.func, 0);
}
}
debugOnly(() => console.log(`timer tracking: resumed`));
}
/*-----------------------------------------------------------*/
function getPageName() {
const path = window.location && window.location.pathname;
if (path === '/') {
return 'home';
} else if (path.includes('/products/')) {
return 'pdp';
} else if (path.includes('/collections/')) {
return 'plp';
} else if (path.includes('/cart')) {
return 'cart';
} else if (path.includes('/checkout')) {
return 'checkout';
} else {
return 'unknown';
}
}
function toAnalyticsPage(page) {
if (page === 'pdp') return 'product-detail';
if (page === 'plp') return 'product-listing';
return page;
}
function getThemeId() {
if (!(window.Shopify && window.Shopify.theme)) return 'preview';
const themeStoreId = window.Shopify.theme.theme_store_id?.toString().trim() ?? null;
if (themeStoreId) return themeStoreId;
const themeNameStr = window.Shopify.theme.name?.toString().trim();
if (!themeNameStr) return null;
const themeName = themeNameStr.replace(/(Copy of |theme )/g, '').trim();
if (themeName?.includes('| Codiux')) {
return themeName.split('|')[1].trim();
}
if (themeName?.includes('-')) {
return themeName.split('-')[0].trim();
}
return themeName;
}
function getCountry() {
if (!window.Shopify) return 'UK';
return window.Shopify.country ?? 'unknown';
}
function getCurrency() {
if (!window.Shopify) return 'GBP';
return window.Shopify.currency?.active ?? 'unknown';
}
function getShop() {
if (!window.Shopify) return 'https://unknown.myshopify.com';
return window.Shopify.shop ?? `${window.location.hostname}`;
}
function getVersion() {
const version = localStorage.getItem('_config_version');
return version === 'PREVIEW' ? 'PREVIEW' : 'PUBLISHED';
}
/*-----------------------------------------------------------*/
async function nextTick() {
return new Promise((resolve) => setTimeout(resolve, 50));
}
function superDebounce(func, delay) {
let timer;
return (...args) => {
clearTimeout(timer);
timer = setTimeout(() => func.apply(this, args), delay);
};
}
function superThrottle(func, delay) {
let timerFlag = null;
return (...args) => {
if (timerFlag === null) {
timerFlag = setTimeout(() => {
timerFlag = null;
}, delay);
setTimeout(() => func(...args), 0);
}
};
}
/*--------------------------------------------------------------------------------*/
let cached_cart = null;
async function fetchCart(prevId) {
try {
const res = await fetch('/cart.js');
const shopifyCart = await res.json();
const id = prevId || getCart().id || crypto.randomUUID();
const total = shopifyCart.total_price;
const items =
shopifyCart.items.map((item) => {
return {
id: item.id,
name: item.title || 'Unknown',
url: `${location.protocol}//${location.hostname}` + item.url,
quantity: item.quantity || 1,
minorUnitAmount: item.price || 0,
variantId: item.variant_id,
};
}) ?? [];
return {
id,
total,
items,
};
} catch (error) {
console.error(error);
return {
id,
total: 0,
items: [],
};
}
}
function saveCart(new_cart) {
cached_cart = new_cart;
localStorage.setItem('_super_cart', JSON.stringify(new_cart));
return new_cart;
}
function createCart() {
const cart = {
id: crypto.randomUUID(),
total: 0,
items: [],
};
return saveCart(cart);
}
function tryRetrieveCart() {
const retrieved_cart = JSON.parse(localStorage.getItem('_super_cart'));
if (!retrieved_cart) return null;
cached_cart = retrieved_cart;
return retrieved_cart;
}
function getCart() {
if (cached_cart) return cached_cart;
try {
const retrieved_cart = tryRetrieveCart();
if (retrieved_cart) return retrieved_cart;
return createCart();
} catch (error) {
console.error(error);
return createCart();
}
}
async function refreshCart() {
const fetched_cart = await fetchCart();
return saveCart(fetched_cart);
}
async function addCurrentItem(quantity = 1) {
const variant_id = '';
if (!variant_id) return;
const data = {
items: [
{
id: variant_id,
quantity: quantity,
},
],
};
try {
const res = await fetch('/cart/add.js', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(data),
});
return res.ok;
} catch (error) {
console.error(error);
}
return false;
}
/*--------------------------------------------------------------------------------*/
function getDrawerStyles(selectors) {
const drawerEl = getNode(selectors.drawer_placement_modal);
if (!drawerEl) {
console.error('drawer root element: not found');
return;
}
const styles = getComputedStyle(drawerEl);
return {
right: styles.right ?? 'undefined',
left: styles.left ?? 'undefined',
top: styles.top ?? 'undefined',
bottom: styles.bottom ?? 'undefined',
display: styles.display ?? 'undefined',
transform: styles.transform ?? 'undefined',
visibility: styles.visibility ?? 'undefined',
opacity: styles.opacity ?? 'undefined',
overflow: styles.overflow ?? 'undefined',
};
}
function diffStyles(oldStyles, newStyles) {
if (!oldStyles) return newStyles;
if (!newStyles) return null;
const diff = {};
let is_diff = false;
for (const key of Object.keys(oldStyles)) {
if (oldStyles[key] !== newStyles[key]) {
diff[key] = newStyles[key];
is_diff = true;
}
}
return is_diff ? diff : null;
}
/*--------------------------------------------------------------------------------*/
function getDrawerCheckParams(settings, selectors) {
const is_enabled =
settings.enable_cart_callout_on.drawer ||
settings.enable_pre_checkout_on.drawer ||
settings.enable_express_checkout_on.drawer;
const has_selectors = selectors.drawer_placement_modal && selectors.drawer_cta;
if (!is_enabled || !has_selectors) return null;
//TODO - drawer_check_selector to move into mac once fully tested
const drawer_check_override = localStorage.getItem('_drawer_check_selector');
const result = {
event_name: 'drawer_changed',
root_element: selectors.drawer_placement_modal,
check_element: drawer_check_override ?? selectors.drawer_cta,
content_filter: 'super-checkout-button, super-cart-callout',
};
debugOnly(() => console.log('drawer_check: ', result));
return result;
}
function getPageCheckParams(page, settings, selectors) {
//TODO - plp_root_selector, pdp_root_selector, cart_root_selector to move into mac once fully tested
const page_root = localStorage.getItem(`_${page}_placement_modal`) ?? 'body';
//TODO - plp_check_selector, pdp_check_selector, cart_check_selector to move into mac once fully tested
const page_check_element = localStorage.getItem(`_${page}_check_selector`) ?? 'body';
const result = {
event_name: 'page_changed',
root_element: page_root,
check_element: page_check_element,
content_filter: 'super-checkout-button, super-cart-callout, super-product-callout',
};
debugOnly(() => console.log('page_check: ', result));
return result;
}
/*--------------------------------------------------------------------------------*/
async function emitUserInterfaceChange(check_params, cause, cart) {
if (!check_params) return;
const { event_name, check_element } = check_params;
const has_element = !!getNode(check_element);
if (has_element) {
const event = new CustomEvent(event_name, { detail: { cart, cause, has_element } });
debugOnly(() => console.log(`DISPATCHING EVENT[${event_name}(${cause})]: `, event));
window.dispatchEvent(event);
} else {
debugOnly(() => console.log(`EVENT DISPATCH BLOCKED[${event_name}-${cause}]: ${check_element} not yet found`));
}
}
/*--------------------------------------------------------------------------------*/
let check_element_styles = null;
async function checkForDrawerChanges(drawer_check) {
const checkEl = getNode(drawer_check.check_element);
if (!checkEl) {
console.error('check element: not found');
return;
}
// styles is a dynamic object
const styles = getComputedStyle(checkEl);
// try 10 times to detect a change
for (let i = 0; i < 10; i++) {
let new_styles = {
right: styles.right ?? 'undefined',
left: styles.left ?? 'undefined',
top: styles.top ?? 'undefined',
bottom: styles.bottom ?? 'undefined',
display: styles.display ?? 'undefined',
transform: styles.transform ?? 'undefined',
visibility: styles.visibility ?? 'undefined',
opacity: styles.opacity ?? 'undefined',
overflow: styles.overflow ?? 'undefined',
};
let style_diff = diffStyles(check_element_styles, new_styles);
if (style_diff) {
debugOnly(() => console.log(`DRAWER STATE CHANGE[${i}]: detected`, style_diff));
emitUserInterfaceChange(drawer_check, 'drawer_visibility', getCart());
check_element_styles = new_styles;
return;
}
await nextTick();
}
}
async function checkForPageContent(page_check) {
// try 10 times to detect a change
for (let i = 0; i < 10; i++) {
const checkEl = getNode(page_check.check_element);
if (checkEl) {
debugOnly(() => console.log(`PAGE CONTENT VISIBLE[${i}]`, page_check.check_element));
emitUserInterfaceChange(page_check, 'content_visibility', getCart());
return;
}
await nextTick();
}
}
/*--------------------------------------------------------------------------------*/
function filteredElementCheck(rootEl, check_parms, cause) {
const block_event = check_parms.content_filter ? !!rootEl.querySelector(check_parms.content_filter) : false;
if (block_event) return;
emitUserInterfaceChange(check_parms, cause, getCart());
}
async function observeCartChanges(page_check, drawer_check) {
const cartObserver = new PerformanceObserver((list) => {
list.getEntries().forEach(async (entry) => {
const isValidRequestType = ['xmlhttprequest', 'fetch'].includes(entry.initiatorType);
const isCartChangeRequest = /\/cart\//.test(entry.name);
if (isValidRequestType && isCartChangeRequest) {
const cart = await refreshCart();
emitUserInterfaceChange(page_check, 'cart_change', cart);
emitUserInterfaceChange(drawer_check, 'cart_change', cart);
}
});
});
cartObserver.observe({ entryTypes: ['resource'] });
}
async function observePageContentChanges(page_check) {
const rootEl = getNode(page_check.root_element);
if (!rootEl) return;
const config = { childList: true, subtree: true };
const check = superThrottle(checkForPageContent, 500);
const observer = new MutationObserver(() => check(page_check));
observer.observe(rootEl, config);
}
async function observeDrawerContentChanges(drawer_check) {
const rootEl = getNode(drawer_check.root_element);
if (!rootEl) return;
const config = { attributes: true, attributeFilter: ['style', 'class'] };
const check = superThrottle(checkForDrawerChanges, 500);
const observer = new MutationObserver(() => check(drawer_check));
observer.observe(document.body, config);
observer.observe(rootEl, config);
}
async function observeRootElementChanges(check_params) {
const rootEl = getNode(check_params.root_element);
if (!rootEl) return;
const config = { childList: true, subtree: true };
const check = superDebounce(filteredElementCheck, 200);
const observer = new MutationObserver(() => check(rootEl, check_params, 'content_change'));
observer.observe(rootEl, config);
}
function startWatchers(page, settings, selectors, cart) {
try {
const drawer_check = getDrawerCheckParams(settings, selectors);
const page_check = getPageCheckParams(page, settings, selectors);
observeCartChanges(page_check, drawer_check);
if (page_check) {
emitUserInterfaceChange(page_check, 'initial_page_state', cart).then(() => {
observeRootElementChanges(page_check);
observePageContentChanges(page_check);
});
}
if (drawer_check) {
emitUserInterfaceChange(drawer_check, 'initial_drawer_state', cart).then(() => {
observeRootElementChanges(drawer_check);
observeDrawerContentChanges(drawer_check);
});
}
} catch (error) {
console.error('Super Payments: startWatchers error: ', error);
}
}
/*--------------------------------------------------------------------------------*/
function getNode(selector, offset) {
let initial_node;
if (!selector) {
initial_node = document.body;
} else if (offset && offset.startsWith('instance')) {
const offset_arr = offset.split(',');
const [offset_type, offset_value] = offset_arr.shift().trim().split(':');
const el_arr = document.querySelectorAll(selector);
initial_node = offset_value < el_arr.length ? el_arr[offset_value] : el_arr[el_arr.length - 1];
} else {
initial_node = document.querySelector(selector);
}
return getRelativeNode(initial_node, offset);
}
function getRelativeNode(initial_node, offset) {
if (!initial_node) return null;
if (!offset) return initial_node;
const offset_arr = offset.split(',');
return offset_arr.reduce((node, offset) => {
if (!node) return null;
const [offset_type, offset_value] = offset.trim().split(':');
return getNextNode(node, offset_type, offset_value);
}, initial_node);
}
function getElementStyles(el) {
const inlineStyles = el.style;
const inlineStylesObject = {};
for (let i = 0; i < inlineStyles.length; i++) {
const property = inlineStyles[i];
inlineStylesObject[property] = inlineStyles[property];
}
return inlineStylesObject;
}
function getClassAndStyles(el) {
const className = el.className;
const styles = getElementStyles(el);
return {
className,
styles,
};
}
function copyClassAndStyles(sourceEl, targetEl) {
const { className, styles } = getClassAndStyles(sourceEl);
targetEl.className = className;
for (const property in styles) {
targetEl.style[property] = styles[property];
}
}
const listTags = ['UL', 'OL'];
function injectMarketingAsset(node, superAsset, placementRule) {
let superAssetContainer = superAsset;
if (listTags.includes(node.parentNode.tagName)) {
const liElement = document.createElement('li');
liElement.appendChild(superAsset);
console.log('added li element as parent');
copyClassAndStyles(node, liElement);
superAssetContainer = liElement;
}
node[placementRule](superAssetContainer);
}
function getNextNode(node, offset_type = null, offset_value = 1) {
if (!node) return null;
if (!offset_type) return node;
switch (offset_type) {
case 'parent':
for (let i = 0; i < offset_value; i++) {
node = node.parentNode ?? null;
if (!node) return null;
}
return node;
case 'child':
for (let i = 0; i < offset_value; i++) {
node = node.childNodes[0] ?? null;
if (!node) return null;
}
return node;
case 'next':
for (let i = 0; i < offset_value; i++) {
node = node.nextSibling ?? null;
if (!node) return null;
}
return node;
case 'prev':
for (let i = 0; i < offset_value; i++) {
node = node.previousSibling ?? null;
if (!node) return null;
}
return node;
case 'amount':
const amount_el_arr = getAmountElArr(node);
return amount_el_arr.length > offset_value - 1
? amount_el_arr[offset_value - 1]
: amount_el_arr[amount_el_arr.length - 1];
case 'this':
return node;
default:
return null;
}
}
/*--------------------------------------------------------------------------------*/
const ignoredTag = { SCRIPT: true, STYLE: true, NOSCRIPT: true, SUB: true, SUP: true };
function printAmountArr(prefix, amount_arr) {
const val_str = JSON.stringify(amount_arr.map((el) => el.nodeValue.trim()));
console.log(`${prefix}: ${val_str}`);
}
function getAmountElArr(parent) {
if (!parent) return [];
let el_arr = [];
for (let node of parent.childNodes) {
if (node.nodeType === Node.TEXT_NODE && node.nodeValue?.search(/\d/) !== -1) {
el_arr.push(node);
} else if (node.nodeType === Node.ELEMENT_NODE && !ignoredTag[node.nodeName]) {
el_arr = el_arr.concat(getAmountElArr(node));
}
}
return el_arr;
}
function getAmount(amountEl, defaultAmount = 0) {
if (!amountEl) return defaultAmount;
let amountStr;
const sibling = amountEl.nextSibling;
if (sibling && (sibling.nodeName === 'SUP' || sibling.nodeName === 'SUB')) {
amountStr = `${amountEl.nodeValue}.${sibling.innerText}`;
} else {
amountStr = amountEl.nodeValue;
}
if (amountStr && !amountStr.includes('.')) {
amountStr = amountStr + '.00';
}
amountStr = amountStr?.replace(/\D/g, '') ?? '';
const amount = amountStr !== '' ? parseInt(amountStr) : defaultAmount;
debugOnly(() => console.log(`getAmount return: ${amount}`));
return amount;
}
/*--------------------------------------------------------------------------------*/
function addTranslationRule(el, translationRule) {
if (!el || !translationRule) return;
el.style = `position: absolute; transform: translate(${translationRule}); z-index: 10000;`;
}
function enableForThisLocale(settings) {
const gbpOnlyRule = settings.enable_locale == 'true';
if (!gbpOnlyRule) return true;
return getCurrency() === 'GBP';
}
function inIframe() {
try {
return window.self !== window.top;
} catch (e) {
return true;
}
}
function isHidden(el) {
return window.getComputedStyle(el).display == 'none';
}
/*--------------------------------------------------------------------------------*/
async function initSuperJs(super_api_key, super_integration_id, page, theme, version) {
const config = {
page: toAnalyticsPage(page),
theme,
version,
platform: 'shopify',
platformVersion: 'unknown',
superPluginVersion: '1.0.0',
integrationId: super_integration_id,
currency: getCurrency(),
enableForCurrencies: ['GBP'],
isDebugEnabled: false,
};
const result = await superjs.init(super_api_key, config);
if (!result) return null;
return {
settings: mixinLocalOverrides(isDebugMode() ? getDebugSettings() : result.siteSettings),
selectors: mixinLocalOverrides(result.adaptorConfig),
};
}
function installAdaptors(page, settings, selectors, cart, merchantLogo) {
try {
if (isBannerVisible(settings, page)) {
installBannerOnPage(page, cart, settings);
}
if (isCartCalloutOnDrawerVisible(settings, selectors, page)) {
installCartCalloutOnDrawer(page, selectors, cart);
}
if (isProductCalloutOnPlpVisible(settings, page)) {
installProductCalloutOnPlpPage(page, selectors, cart);
}
if (isProductCalloutOnPdpVisible(settings, page)) {
installProductCalloutOnPdpPage(page, selectors, cart);
}
if (isCartCalloutOnCartPageVisible(settings, page)) {
installCartCalloutOnCartPage(page, selectors, cart);
}
if (isExpressCheckoutEnabled(settings, selectors, page)) {
installExpressCheckout(page, selectors, settings, cart);
}
if (isPreCheckoutEnabled(page, settings, selectors)) {
installPreCheckout(page, selectors, settings, merchantLogo);
}
} catch (error) {
console.error('Super Payment installation error: ', error);
}
}
async function installSuperPlugin(super_api_key, super_integration_id, config_version, merchantLogo = '') {
try {
const theme = getThemeId();
const page = getPageName(theme);
let config = await initSuperJs(super_api_key, super_integration_id, page, theme, config_version);
if (!config) throw new Error('Unable to retrieve mac config');
const { settings, selectors } = config;
/* don't install if not enabled for this locale */
if (!enableForThisLocale(settings)) {
debugOnly(() => console.log('SuperJS: not enabled for this locale'));
return;
}
debugOnly(() => console.log(`page: ${page}`));
debugOnly(() => console.log(`theme: ${theme}`));
debugOnly(() => console.log(`version: ${config_version}`));
debugOnly(() => console.log('settings: ', settings));
debugOnly(() => console.log('selectors: ', selectors));
const cart = await refreshCart();
debugOnly(() => console.log(`cart: `, cart));
installAdaptors(page, settings, selectors, cart, merchantLogo);
startWatchers(page, settings, selectors, cart);
} catch (error) {
console.error(error);
}
}
</script>
<script id="super-banner" defer>
(() => {
if (inIframe()) return;
const super_api_key = "PUB_Bkh-4-FqxYNuWmDvglX6EddKo5dsKzCosItRgpEU"
const super_integration_id = "054b7e68-2247-4352-9599-ab5bce496756"
const config_version = getVersion();
// Could not retrieve brand logo
const merchant_logo = "";
if (!super_api_key) {
console.error("Super API key not found, please set it in your admin panel.");
return;
}
if (!super_integration_id) {
console.error("Super integration ID not found, please set it in your admin panel.");
return;
}
document.addEventListener('DOMContentLoaded', async () => {
installSuperPlugin(super_api_key, super_integration_id, config_version, merchant_logo);
});
})();
</script>
</div><div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
id="chat-button-container"
data-horizontal-position=bottom_right
data-vertical-position=lowest
data-icon=chat_bubble
data-text=chat_with_us
data-color=#000000
data-secondary-color=#FFFFFF
data-ternary-color=#6A6A6A
data-greeting-message=%F0%9F%91%8B+Hi%2C+message+us+with+any+questions.+We%27re+happy+to+help%21
data-domain=www.eliquidsoutlet.com
data-shop-domain=www.eliquidsoutlet.com
data-external-identifier=1EQbXBzwGlhO-8pl1oef0HQYO599b-L7w6mS6bCsOYY
>
</script>
</div></body>
</html>