1<!doctype html> 2<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> 3<!--[if IE 9 ]> <html class="ie9 no-js"> <![endif]--> 4<!-- [if (gt IE 9)|!(IE)]><! --> 5<html class="no-js"> 6 <!-- <![endif] --> 7 <head> 8 <!-- Basic page needs ================================================== --> 9 <meta charset="utf-8"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 12 <!-- Title and description ================================================== --> 13 <title> 14 CLOT x KODAK Lanyard - Yellow | JUICESTORE 15 16 17 18 </title> 19 20 21 <meta name="description" content="Shop the CLOT x KODAK Lanyard in Yellow at JUICESTORE. Discover accessories from the collaborative CLOT x KODAK collection."> 22 23 24 <!-- Helpers ================================================== --> 25 <!-- /snippets/social-meta-tags.liquid --> 26 27 28 29<link rel="shortcut icon" href="//clotinc.com/cdn/shop/t/82/assets/favicon.png?v=147104011057987250161767548677" type="image/png" /> 30 31<link rel="apple-touch-icon-precomposed" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile.png?v=65757710341460822291767548677" /> 32<link rel="apple-touch-icon-precomposed" sizes="57x57" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_57x57.png?v=65757710341460822291767548677" /> 33<link rel="apple-touch-icon-precomposed" sizes="60x60" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_60x60.png?v=65757710341460822291767548677" /> 34<link rel="apple-touch-icon-precomposed" sizes="72x72" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_72x72.png?v=65757710341460822291767548677" /> 35<link rel="apple-touch-icon-precomposed" sizes="76x76" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_76x76.png?v=65757710341460822291767548677" /> 36<link rel="apple-touch-icon-precomposed" sizes="114x114" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_114x114.png?v=65757710341460822291767548677" /> 37<link rel="apple-touch-icon-precomposed" sizes="120x120" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_120x120.png?v=65757710341460822291767548677" /> 38<link rel="apple-touch-icon-precomposed" sizes="144x144" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_144x144.png?v=65757710341460822291767548677" /> 39<link rel="apple-touch-icon-precomposed" sizes="152x152" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_152x152.png?v=65757710341460822291767548677" /> 40 41 42 43 <meta property="og:type" content="product"> 44 <meta property="og:title" content="CLOT X KODAK Lanyard (Yellow)"> 45 46 <meta property="og:image" content="http://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_grande.jpg?v=1788835957"> 47 <meta property="og:image:secure_url" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_grande.jpg?v=1788835957"> 48 49 <meta property="og:image" content="http://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-1_grande.jpg?v=1788835957"> 50 <meta property="og:image:secure_url" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-1_grande.jpg?v=1788835957"> 51 52 <meta property="og:image" content="http://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-2_grande.jpg?v=1788835957"> 53 <meta property="og:image:secure_url" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-2_grande.jpg?v=1788835957"> 54 55 <meta property="og:price:amount" content="67.00"> 56 <meta property="og:price:currency" content="HKD"> 57 58 59 <meta property="og:description" content="Shop the CLOT x KODAK Lanyard in Yellow at JUICESTORE. Discover accessories from the collaborative CLOT x KODAK collection."> 60 61 <meta property="og:url" content="https://juicestore.com/products/clot-kodak-lanyard-yellow"> 62 <meta property="og:site_name" content="JUICESTORE"> 63 64 65 66 67 68<meta name="twitter:card" content="summary"> 69 70 <meta name="twitter:title" content="CLOT X KODAK Lanyard (Yellow)"> 71 <meta name="twitter:description" content="Shop the CLOT x KODAK Lanyard in Yellow at JUICESTORE. Discover accessories from the collaborative CLOT x KODAK collection."> 72 <meta name="twitter:image" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_medium.jpg?v=1788835957"> 73 <meta name="twitter:image:width" content="240"> 74 <meta name="twitter:image:height" content="240"> 75 76 77 <link rel="canonical" href="https://juicestore.com/products/clot-kodak-lanyard-yellow"> 78 <meta name="viewport" content="width=device-width,initial-scale=1"> 79 <meta name="theme-color" content="#7fc9c4"> 80 81 <meta name="google-site-verification" content="0ciYOuAk1zeyEPA8cdij97Z3DS9a3tM4n7va6Mzi_fE"> 82 83 <link rel="icon" href="//clotinc.com/cdn/shop/t/82/assets/favicon.png?v=147104011057987250161767548677" type="image/png" sizes="16x16"> 84 85 86 87 88 89 <!-- font --> 90 91 92 93 94
95<script type="text/javascript"> 96 WebFontConfig = { 97 google: { families: [ 98 99 'Inter:100,200,300,400,500,600,700,800,900' 100 101 102 ] } 103 }; 104 (function() { 105 var wf = document.createElement('script'); 106 wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 107 '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 108 wf.type = 'text/javascript'; 109 wf.async = 'true'; 110 var s = document.getElementsByTagName('script')[0]; 111 s.parentNode.insertBefore(wf, s); 112 })(); 113</script>
113 114 115 <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet"> 116 117 <!-- CSS ================================================== --> 118 119 <link href="//clotinc.com/cdn/shop/t/82/assets/timber.scss.css?v=148415783638499378441790248082" rel="stylesheet" type="text/css" media="all" /> 120 121 122 123 <link href="//clotinc.com/cdn/shop/t/82/assets/bootstrap.min.css?v=121287910720252085271767548677" rel="stylesheet" type="text/css" media="all" /> 124 <link href="//clotinc.com/cdn/shop/t/82/assets/font-awesome.min.css?v=21869632697367095781767548677" rel="stylesheet" type="text/css" media="all" /> 125 <link href="//clotinc.com/cdn/shop/t/82/assets/icomoon.css?v=144229704615930495921767548677" rel="stylesheet" type="text/css" media="all" /> 126 <link href="//clotinc.com/cdn/shop/t/82/assets/font_icon.css?v=14331199926979694091767548677" rel="stylesheet" type="text/css" media="all" /> 127 128 <link href="//clotinc.com/cdn/shop/t/82/assets/flaticon.css?v=168048587626315319201767548677" rel="stylesheet" type="text/css" media="all" /> 129 <link href="//clotinc.com/cdn/shop/t/82/assets/slick.css?v=98340474046176884051767548677" rel="stylesheet" type="text/css" media="all" /> 130 <link href="//clotinc.com/cdn/shop/t/82/assets/slick-theme.css?v=13445216298947159291767548677" rel="stylesheet" type="text/css" media="all" /> 131 <link href="//clotinc.com/cdn/shop/t/82/assets/jquery.fancybox.min.css?v=55675584413537998841767548677" rel="stylesheet" type="text/css" media="all" /> 132 <link href="//clotinc.com/cdn/shop/t/82/assets/threesixty-customize.css?v=109025387368926313381767548677" rel="stylesheet" type="text/css" media="all" /> 133 <link href="//clotinc.com/cdn/shop/t/82/assets/style-main.scss.css?v=45622612961487525321778740851" rel="stylesheet" type="text/css" media="all" /> 134 <link href="//clotinc.com/cdn/shop/t/82/assets/theme-customize.scss.css?v=5454403888781005541778741497" rel="stylesheet" type="text/css" media="all" /> 135 <link href="//clotinc.com/cdn/shop/t/82/assets/mobile-thumbnail-arrows.scss.css?v=86910568597956099131767548677" rel="stylesheet" type="text/css" media="all" /> 136 137 <!-- Header hook for plugins ================================================== --> 138
138<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
138<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/14175782/digital_wallets/dialog"> 139<meta id="in-context-paypal-metadata" data-shop-id="14175782" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 140<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/41634579284026:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://juicestore.com/products/clot-kodak-lanyard-yellow.oembed">
141<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3440698"></script>
141 142<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
143<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3440698&shop_id=14175782" crossorigin="anonymous"></script>
vendor: 1 bytes, line 143
143
144<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":14175782,"countryCode":"HK","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/14175782","merchantName":"JUICESTORE","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"JUICESTORE","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 144
144
145<script id="shopify-features" type="application/json">{"accessToken":"9a6e64f5fcbd1ddee3e5d00bfee47e5c","betas":["rich-media-storefront-analytics"],"domain":"clotinc.com","predictiveSearch":true,"shopId":14175782,"locale":"en"}</script>
vendor: 1 bytes, line 145
145
146<script>var Shopify = Shopify || {}; 147Shopify.shop = "clotonline.myshopify.com"; 148Shopify.locale = "en"; 149Shopify.currency = {"active":"USD","rate":"0.13063"}; 150Shopify.country = "US"; 151Shopify.theme = {"name":"juice-home-preview","id":128912457786,"schema_name":"JUICESTORE","schema_version":"1.0.1","theme_store_id":null,"role":"main"}; 152Shopify.theme.handle = "null"; 153Shopify.theme.style = {"id":null,"handle":null}; 154Shopify.cdnHost = "clotinc.com/cdn"; 155Shopify.routes = Shopify.routes || {}; 156Shopify.routes.root = "/"; 157Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 158Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 159Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 160Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 160
160
161<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 161
161
162<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>
vendor: 1 bytes, line 162
162
163<script> 164 window.ShopifyPay = window.ShopifyPay || {}; 165 window.ShopifyPay.apiHost = "shop.app\/pay"; 166 window.ShopifyPay.redirectState = null; 167</script>
vendor: 1 bytes, line 167
167
168<script> 169 window.Shopify = window.Shopify || {}; 170 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 171 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 172 window.Shopify.SignInWithShop.eligible = true; 173</script>
vendor: 1 bytes, line 173
173
174<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 174
174
175<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 175
175
176<script type="module"> 177 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 178 179 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 180 181</script>
vendor: 1 bytes, line 181
181
182<script> 183 window.Shopify = window.Shopify || {}; 184 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 185 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 186</script>
vendor: 1 bytes, line 186
186
187<script>(function() { 188 var isLoaded = false; 189 function asyncLoad() { 190 if (isLoaded) return; 191 isLoaded = true; 192 var urls = ["\/\/social-login.oxiapps.com\/api\/init?vt=125\u0026shop=clotonline.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRA3RG5V214ZC86NYXBFY?source=shopify1click\u0026shop=clotonline.myshopify.com","https:\/\/ecom-app.rakutenadvertising.io\/rakuten_advertising.js?shop=clotonline.myshopify.com","https:\/\/tag.rmp.rakuten.com\/122856.ct.js?shop=clotonline.myshopify.com","https:\/\/crossborder-integration.global-e.com\/resources\/js\/app?shop=clotonline.myshopify.com","\/\/cdn.shopify.com\/proxy\/9ccad784dc4b3d20a98a79aa32ba6a63b3ba03cba7894a381d017c07ce33dcc7\/web.global-e.com\/merchant\/storefrontattributes?merchantid=30000655\u0026shop=clotonline.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/media.9gtb.com\/loader.js?g_cvt_id=701a3a85-267b-44f1-8892-1eaa4227a567\u0026shop=clotonline.myshopify.com"]; 193 for (var i = 0; i < urls.length; i++) { 194 var s = document.createElement('script'); 195 s.type = 'text/javascript'; 196 s.async = true; 197 s.src = urls[i]; 198 var x = document.getElementsByTagName('script')[0]; 199 x.parentNode.insertBefore(s, x); 200 } 201 }; 202 if(window.attachEvent) { 203 window.attachEvent('onload', asyncLoad); 204 } else { 205 window.addEventListener('load', asyncLoad, false); 206 } 207})();</script>
vendor: 1 bytes, line 207
207
208<script id="__st">var __st={"a":14175782,"offset":28800,"reqid":"f823a7d7-1cb8-4b48-827b-1a6182c269a4-1790293443","pageurl":"clotinc.com\/products\/clot-kodak-lanyard-yellow","u":"f2fcbfc8ce45","p":"product","rtyp":"product","rid":7604357070906};</script>
vendor: 1 bytes, line 208
208
209<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 209
209
210<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.3.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>
vendor: 1 bytes, line 210
210
211<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//clotinc.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 211
211
212<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//clotinc.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
212<script crossorigin="anonymous" defer="defer" src="//clotinc.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 212
212
213<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 213
213
214<script> 215 window.Shopify = window.Shopify || {}; 216 window.Shopify.MCP = window.Shopify.MCP || {}; 217 window.Shopify.MCP.enabled = true; 218 window.Shopify.MCP.shop = "clotonline.myshopify.com"; 219 window.Shopify.MCP.mcpEndpoint = "https:\/\/clotinc.com\/api\/mcp"; 220 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 221</script>
vendor: 1 bytes, line 221
221
222<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/clotinc.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 223</script>
vendor: 1 bytes, line 223
223
224<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://clotinc.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 225</script>
vendor: 1 bytes, line 225
225
226<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 227 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); 228</script>
vendor: 1 bytes, line 228
228
229<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})}})); 230</script>
vendor: 1 bytes, line 230
230
231<script id='scb4127' type='text/javascript' async='' src='https://clotinc.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
231<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://clotinc.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 232<style id="shopify-accelerated-checkout-cart"> 233 #shopify-buyer-consent { 234 margin-top: 1em; 235 display: inline-block; 236 width: 100%; 237} 238 239#shopify-buyer-consent.hidden { 240 display: none; 241} 242 243#shopify-subscription-policy-button { 244 background: none; 245 border: none; 246 padding: 0; 247 text-decoration: underline; 248 font-size: inherit; 249 cursor: pointer; 250} 251 252#shopify-subscription-policy-button::before { 253 box-shadow: none; 254} 255 256 </style> 257
258<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
258 259 <!-- /snippets/oldIE-js.liquid --> 260 261 262<!--[if lt IE 9]>
263<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 263
263
264<script src="//clotinc.com/cdn/shop/t/82/assets/respond.min.js?v=22194" type="text/javascript"></script>
264 265<link href="//clotinc.com/cdn/shop/t/82/assets/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> 266<link href="//juicestore.com/search?q=a818e1b3e9a7e49d58354cbab4307c24" id="respond-redirect" rel="respond-redirect" />
267<script src="//juicestore.com/search?q=a818e1b3e9a7e49d58354cbab4307c24" type="text/javascript"></script>
267 268<![endif]--> 269 270 271 272
272<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
272 273
273<script src="//clotinc.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" type="text/javascript"></script>
273 274
274<script src="//clotinc.com/cdn/shop/t/82/assets/modernizr-2.8.3.min.js?v=174727525422211915231767548677" type="text/javascript"></script>
274 275
275<script src="//clotinc.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
275 276 277 278
278<script src="https://www.googleoptimize.com/optimize.js?id=OPT-NDTSQP8"></script>
278 279 280 281 282 283
283<script> 284 window.ajax_cart = true; 285 window.money_format = '${{amount}} USD'; 286 window.shop_currency = 'HKD'; 287 window.show_multiple_currencies = true; 288 window.loading_url = "//clotinc.com/cdn/shop/t/82/assets/loader.gif?v=9076874988191347041767548677"; 289 window.use_color_swatch = true; 290 window.product_image_resize = true; 291 window.enable_sidebar_multiple_choice = true; 292 293 window.file_url = "//clotinc.com/cdn/shop/files/?v=22194"; 294 window.asset_url = ""; 295 window.images_size = { 296 is_crop: true, 297 ratio_width: 1, 298 ratio_height: 1, 299 }; 300 window.inventory_text = { 301 in_stock: "In Stock", 302 many_in_stock: "Translation missing: en.products.product.many_in_stock", 303 out_of_stock: "Out Of Stock", 304 add_to_cart: "Add to Cart", 305 sold_out: "Sold Out", 306 unavailable: "Unavailable", 307 }; 308 309 window.sidebar_toggle = { 310 show_sidebar_toggle: "Translation missing: en.general.sidebar_toggle.show_sidebar_toggle", 311 hide_sidebar_toggle: "Translation missing: en.general.sidebar_toggle.hide_sidebar_toggle", 312 }; 313 </script>
313 314 315 316 317 318 <!-- /snippets/social-meta-tags.liquid --> 319 320 321 322<link rel="shortcut icon" href="//clotinc.com/cdn/shop/t/82/assets/favicon.png?v=147104011057987250161767548677" type="image/png" /> 323 324<link rel="apple-touch-icon-precomposed" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile.png?v=65757710341460822291767548677" /> 325<link rel="apple-touch-icon-precomposed" sizes="57x57" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_57x57.png?v=65757710341460822291767548677" /> 326<link rel="apple-touch-icon-precomposed" sizes="60x60" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_60x60.png?v=65757710341460822291767548677" /> 327<link rel="apple-touch-icon-precomposed" sizes="72x72" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_72x72.png?v=65757710341460822291767548677" /> 328<link rel="apple-touch-icon-precomposed" sizes="76x76" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_76x76.png?v=65757710341460822291767548677" /> 329<link rel="apple-touch-icon-precomposed" sizes="114x114" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_114x114.png?v=65757710341460822291767548677" /> 330<link rel="apple-touch-icon-precomposed" sizes="120x120" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_120x120.png?v=65757710341460822291767548677" /> 331<link rel="apple-touch-icon-precomposed" sizes="144x144" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_144x144.png?v=65757710341460822291767548677" /> 332<link rel="apple-touch-icon-precomposed" sizes="152x152" href="//clotinc.com/cdn/shop/t/82/assets/icon-for-mobile_152x152.png?v=65757710341460822291767548677" /> 333 334 335 336 <meta property="og:type" content="product"> 337 <meta property="og:title" content="CLOT X KODAK Lanyard (Yellow)"> 338 339 <meta property="og:image" content="http://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_grande.jpg?v=1788835957"> 340 <meta property="og:image:secure_url" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_grande.jpg?v=1788835957"> 341 342 <meta property="og:image" content="http://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-1_grande.jpg?v=1788835957"> 343 <meta property="og:image:secure_url" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-1_grande.jpg?v=1788835957"> 344 345 <meta property="og:image" content="http://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-2_grande.jpg?v=1788835957"> 346 <meta property="og:image:secure_url" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-2_grande.jpg?v=1788835957"> 347 348 <meta property="og:price:amount" content="67.00"> 349 <meta property="og:price:currency" content="HKD"> 350 351 352 <meta property="og:description" content="Shop the CLOT x KODAK Lanyard in Yellow at JUICESTORE. Discover accessories from the collaborative CLOT x KODAK collection."> 353 354 <meta property="og:url" content="https://juicestore.com/products/clot-kodak-lanyard-yellow"> 355 <meta property="og:site_name" content="JUICESTORE"> 356 357 358 359 360 361<meta name="twitter:card" content="summary"> 362 363 <meta name="twitter:title" content="CLOT X KODAK Lanyard (Yellow)"> 364 <meta name="twitter:description" content="Shop the CLOT x KODAK Lanyard in Yellow at JUICESTORE. Discover accessories from the collaborative CLOT x KODAK collection."> 365 <meta name="twitter:image" content="https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_medium.jpg?v=1788835957"> 366 <meta name="twitter:image:width" content="240"> 367 <meta name="twitter:image:height" content="240"> 368 369 370 <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 371 372 373 374 375 376 377 378 379 380 381 382 383
383<script async src="https://static.klaviyo.com/onsite/js/WuTXsb/klaviyo.js?company_id=WuTXsb"></script>
383 384
384<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
384 385 386 387
387<script id="viewed_product"> 388 if (item == null) { 389 var _learnq = _learnq || []; 390 391 var MetafieldReviews = null 392 var MetafieldYotpoRating = null 393 var MetafieldYotpoCount = null 394 var MetafieldLooxRating = null 395 var MetafieldLooxCount = null 396 var okendoProduct = null 397 var okendoProductReviewCount = null 398 var okendoProductReviewAverageValue = null 399 try { 400 // The following fields are used for Customer Hub recently viewed in order to add reviews. 401 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 402 MetafieldReviews = {}; 403 MetafieldYotpoRating = null 404 MetafieldYotpoCount = null 405 MetafieldLooxRating = null 406 MetafieldLooxCount = null 407 408 okendoProduct = null 409 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 410 if (okendoProduct && 'error' in okendoProduct) { 411 okendoProduct = null 412 } 413 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 414 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 415 } catch (error) { 416 console.error('Error in Klaviyo onsite reviews tracking:', error); 417 } 418 419 var item = { 420 Name: "CLOT X KODAK Lanyard (Yellow)", 421 ProductID: 7604357070906, 422 Categories: ["Accessories","All","CLOT X KODAK","Klaviyo Birthday Discount Collection","New Arrivals","Shop","Small Goods"], 423 ImageURL: "https://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_grande.jpg?v=1788835957", 424 URL: "https://juicestore.com/products/clot-kodak-lanyard-yellow", 425 Brand: "CLOT x KODAK", 426 Price: "$67.00", 427 Value: "67.00", 428 CompareAtPrice: "$0.00" 429 }; 430 _learnq.push(['track', 'Viewed Product', item]); 431 _learnq.push(['trackViewedItem', { 432 Title: item.Name, 433 ItemId: item.ProductID, 434 Categories: item.Categories, 435 ImageUrl: item.ImageURL, 436 Url: item.URL, 437 Metadata: { 438 Brand: item.Brand, 439 Price: item.Price, 440 Value: item.Value, 441 CompareAtPrice: item.CompareAtPrice 442 }, 443 metafields:{ 444 reviews: MetafieldReviews, 445 yotpo:{ 446 rating: MetafieldYotpoRating, 447 count: MetafieldYotpoCount, 448 }, 449 loox:{ 450 rating: MetafieldLooxRating, 451 count: MetafieldLooxCount, 452 }, 453 okendo: { 454 rating: okendoProductReviewAverageValue, 455 count: okendoProductReviewCount, 456 } 457 } 458 }]); 459 } 460 </script>
460 461 462 463 464 465 466
466<script> 467 window.klaviyoReviewsProductDesignMode = false 468 </script>
468 469 470 471 472 473 474 475 476 477 478<!-- END app block -->
478<script src="https://cdn.shopify.com/extensions/01a0c84d-09f9-74b4-a007-90becfd116ee/2026-09-22-08-46-47-UTC--1331660/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
478 479<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
480<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 14175782,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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>
vendor: 1 bytes, line 480
480
481<script> 482 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 483</script>
vendor: 1 bytes, line 483
483
484<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
484).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 14175782,storefrontBaseUrl: "https://juicestore.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://clotinc.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"703725626","configuration":"{\"accountID\":\"WuTXsb\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"468123706","configuration":"{\"loggingEnabled\":\"false\",\"serverPixelEnabled\":\"true\",\"useShopifyItemLevelTax\":\"false\",\"ranMid\":\"46384\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3c4e0707a22db0bd439a5e4b720ea9d0","type":"APP","apiClientId":2531653,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
484,"dataSharingState":"unrestricted"},{"id":"306380858","configuration":"{\"accountId\":\"Global-e\",\"merchantId\":\"30000655\",\"baseApiUrl\":\"https:\/\/checkout-service.global-e.com\/api\/v1\",\"siteId\":\"7ce243a1e1a2\",\"BorderfreeMetaCAPIEnabled\":\"True\",\"FT_IsLegacyAnalyticsSDKEnabled\":\"True\",\"FT_IsAnalyticsSDKEnabled\":\"False\",\"CDNUrl\":\"https:\/\/webservices.global-e.com\/\",\"BfGoogleAdsEnabled\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a468b580d34b71ec153d0e091429a1f8","type":"APP","apiClientId":5806573,"privacyPurposes":["SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"229539898","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-VNRKST2XV1\\\",\\\"GT-5TPW9V5\\\"],\\\"target_country\\\":\\\"HK\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-VNRKST2XV1\\\",\\\"MC-LHYT2JHDQ9\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-VNRKST2XV1\\\",\\\"MC-LHYT2JHDQ9\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-VNRKST2XV1\\\",\\\"MC-LHYT2JHDQ9\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-VNRKST2XV1\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"94011450","configuration":"{\"pixel_id\":\"180981295823599\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"JUICESTORE","paymentSettings":{"currencyCode":"HKD"},"myshopifyDomain":"clotonline.myshopify.com","countryCode":"HK","storefrontUrl":"https:\/\/juicestore.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":67.0,"currencyCode":"USD"},"product":{"title":"CLOT X KODAK Lanyard (Yellow)","vendor":"CLOT x KODAK","id":"7604357070906","untranslatedTitle":"CLOT X KODAK Lanyard (Yellow)","url":"\/products\/clot-kodak-lanyard-yellow","type":"Small goods"},"id":"41634579284026","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957"},"sku":"CLAC26FKD602YEFRE","title":"One size","untranslatedTitle":"One size"}],"products":[{"id":"7604357070906","handle":"clot-kodak-lanyard-yellow","isCollective":null,"title":"CLOT X KODAK L
484anyard (Yellow)","type":"Small goods","untranslatedTitle":"CLOT X KODAK Lanyard (Yellow)","url":"\/products\/clot-kodak-lanyard-yellow","vendor":"CLOT x KODAK","remoteShopId":null,"variants":[{"id":"41634579284026","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957"},"price":{"amount":67.0,"currencyCode":"USD"},"sku":"CLAC26FKD602YEFRE","title":"One size","untranslatedTitle":"One size"}]},{"id":"7598760034362","handle":"clot-kodak-charmera-camera-blind-box-single","isCollective":null,"title":"CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Single Box) (Random) (Multi)","type":"Small goods","untranslatedTitle":"CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Single Box) (Random) (Multi)","url":"\/products\/clot-kodak-charmera-camera-blind-box-single","vendor":"CLOT x KODAK","remoteShopId":null,"variants":[{"id":"41613158907962","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-charmera-keychain-digital-camera-blind-box-1.jpg?v=1788837875"},"price":{"amount":69.0,"currencyCode":"USD"},"sku":"CLOT26FKD0PCMUFRE","title":"One size","untranslatedTitle":"One size"}]},{"id":"7598760099898","handle":"clot-kodak-charmera-camera-blind-box-6pc-set","isCollective":null,"title":"CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Whole Set â 6 Pcs) (Multi)","type":"Small goods","untranslatedTitle":"CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Whole Set â 6 Pcs) (Multi)","url":"\/products\/clot-kodak-charmera-camera-blind-box-6pc-set","vendor":"CLOT x KODAK","remoteShopId":null,"variants":[{"id":"41613158973498","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-charmera-keychain-digital-camera-blind-box-3.jpg?v=1788837896"},"price":{"amount":415.0,"currencyCode":"USD"},"sku":"CLOT26FKDSETMUFRE","title":"One size","untranslatedTitle":"One size"}]},{"id":"7604357103674","handle":"clot-kodak-cap-black","isCollective":null,"title":"CLOT X KODAK Cap (Black)","type":"Caps","untranslatedTitle":"CLOT X KODAK Cap (Black)","url":"\/products\/clot-kodak-cap-black","vendor":"CLOT x KODAK","remoteShopId":null,"variants":[{"id":"41634579316794","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-cap-black-1_23a40874-fdb4-44c7-8133-a757d93a0d57.jpg?v=1788836653"},"price":{"amount":80.0,"currencyCode":"USD"},"sku":"CLCP26FKD601BKFRE","title":"One size","untranslatedTitle":"One size"}]},{"id":"7604357201978","handle":"clot-kodak-t-shirt-black","isCollective":null,"title":"CLOT X KODAK T-Shirt (Black)","type":"T-Shirts","untranslatedTitle":"CLOT X KODAK T-Shirt (Black)","url":"\/products\/clot-kodak-t-shirt-black","vendor":"CLOT x KODAK","remoteShopId":null,"variants":[{"id":"41634579677242","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-t-shirt-black-1.jpg?v=1788835837"},"price":{"amount":125.0,"currencyCode":"USD"},"sku":"CLTE26FKD101BK00S","title":"S","untranslatedTitle":"S"}]},{"id":"7604357136442","handle":"clot-kodak-shirt-yellow","isCollective":null,"title":"CLOT X KODAK Shirt (Yellow)","type":"Shirts","untranslatedTitle":"CLOT X KODAK Shirt (Yellow)","url":"\/products\/clot-kodak-shirt-yellow","vendor":"CLOT x KODAK","remoteShopId":null,"variants":[{"id":"41634579349562","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-shirt-yellow-1.jpg?v=1788835904"},"price":{"amount":270.0,"currencyCode":"USD"},"sku":"CLSH26FKD201YE00S","title":"S","untranslatedTitle":"S"}]},{"id":"7604357169210","handle":"clot-kodak-t-shirt-white","isCollective":null,"title":"CLOT X KODAK T-Shirt (White)","type":"T-Shirts","untranslatedTitle":"CLOT X KODAK T-Shirt (White)","url":"\/products\/clot-kodak-t-shirt-white","vendor":"CLOT x KODAK","remoteShopId":null,"variants":[{"id":"41634579546170","image":{"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-t-shirt-white-1.jpg?v=1788835853"},"price":{"amount":125.0,"currencyCode":"USD"},"sku":"CLTE26FKD101WH00M","title":"M","untranslatedTitle":"M"}]}],"purchasingCompany":null},},"https://clotinc.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"128912457786","themePublished":"true","eventMetadataId":"3ab953b3-4b4f-4929-9f52-792a8596df2b","pageType":"product","resourceId":"7604357070906","shopId":"14175782","storefrontBaseUrl":"https:\/\/juicestore.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":67.0,\"currencyCode\":\"USD\"}
484,\"product\":{\"title\":\"CLOT X KODAK Lanyard (Yellow)\",\"vendor\":\"CLOT x KODAK\",\"id\":\"7604357070906\",\"untranslatedTitle\":\"CLOT X KODAK Lanyard (Yellow)\",\"url\":\"\/products\/clot-kodak-lanyard-yellow\",\"type\":\"Small goods\"},\"id\":\"41634579284026\",\"image\":{\"src\":\"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957\"},\"sku\":\"CLAC26FKD602YEFRE\",\"title\":\"One size\",\"untranslatedTitle\":\"One size\"}}]]"});})();</script>
484<script> 485 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 486 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 487 window.ShopifyAnalytics.meta.currency = 'USD'; 488 var meta = {"product":{"id":7604357070906,"gid":"gid:\/\/shopify\/Product\/7604357070906","vendor":"CLOT x KODAK","type":"Small goods","handle":"clot-kodak-lanyard-yellow","variants":[{"id":41634579284026,"price":6700,"name":"CLOT X KODAK Lanyard (Yellow) - One size","public_title":"One size","sku":"CLAC26FKD602YEFRE"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":7604357070906,"requestId":"f823a7d7-1cb8-4b48-827b-1a6182c269a4-1790293443"}}; 489 for (var attr in meta) { 490 window.ShopifyAnalytics.meta[attr] = meta[attr]; 491 } 492</script>
vendor: 1 bytes, line 492
492
493<script class="analytics"> 494 (function () { 495 var customDocumentWrite = function(content) { 496 var jquery = null; 497 498 if (window.jQuery) { 499 jquery = window.jQuery; 500 } else if (window.Checkout && window.Checkout.$) { 501 jquery = window.Checkout.$; 502 } 503 504 if (jquery) { 505 jquery('body').append(content); 506 } 507 }; 508 509 var hasLoggedConversion = function(token) { 510 if (token) { 511 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 512 } 513 return false; 514 } 515 516 var setCookieIfConversion = function(token) { 517 if (token) { 518 var twoMonthsFromNow = new Date(Date.now()); 519 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 520 521 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 522 } 523 } 524 525 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 526 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 527 if (trekkie.integrations) { 528 return; 529 } 530 trekkie.methods = [ 531 'identify', 532 'page', 533 'ready', 534 'track', 535 'trackForm', 536 'trackLink' 537 ]; 538 trekkie.factory = function(method) { 539 return function() { 540 var args = Array.prototype.slice.call(arguments); 541 args.unshift(method); 542 trekkie.push(args); 543 if (method == 'track' || method == 'page') { 544 var pageUrl; 545 try { 546 pageUrl = window.location.href; 547 } catch (e) {} 548 var pageReferrer; 549 try { 550 pageReferrer = document.referrer; 551 } catch (e) {} 552 try { 553 if (window.__TREKKIE_SHIM_QUEUE == null) { 554 window.__TREKKIE_SHIM_QUEUE = []; 555 } 556 window.__TREKKIE_SHIM_QUEUE.push({ 557 from: 'trekkie-stub', 558 method: method, 559 args: args.slice(1), 560 pageContext: { 561 url: pageUrl, 562 referrer: pageReferrer 563 } 564 }); 565 } catch (e) { 566 // no-op 567 } 568 } 569 return trekkie; 570 }; 571 }; 572 for (var i = 0; i < trekkie.methods.length; i++) { 573 var key = trekkie.methods[i]; 574 trekkie[key] = trekkie.factory(key); 575 } 576 trekkie.load = function(config) { 577 trekkie.config = config || {}; 578 trekkie.config.initialDocumentCookie = document.cookie; 579 var first = document.getElementsByTagName('script')[0]; 580var script = document.createElement('script'); 581script.type = 'text/javascript'; 582script.onerror = function(e) { 583 var scriptFallback = document.createElement('script'); 584 scriptFallback.type = 'text/javascript'; 585 scriptFallback.onerror = function(error) { 586 var Monorail = { 587 produce: function produce(monorailDomain, schemaId, payload) { 588 var currentMs = new Date().getTime(); 589 var event = { 590 schema_id: schemaId, 591 payload: payload, 592 metadata: { 593 event_created_at_ms: currentMs, 594 event_sent_at_ms: currentMs 595 } 596 }; 597 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 598 }, 599 sendRequest: function sendRequest(endpointUrl, payload) { 600 // Try the sendBeacon API 601 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 602 var blobData = new window.Blob([payload], { 603 type: 'text/plain' 604 }); 605 606 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 607 return true; 608 } // sendBeacon was not successful 609 610 } // XHR beacon 611 612 var xhr = new XMLHttpRequest(); 613 614 try { 615 xhr.open('POST', endpointUrl); 616 xhr.setRequestHeader('Content-Type', 'text/plain'); 617 xhr.send(payload); 618 } catch (e) { 619 console.log(e); 620 } 621 622 return false; 623 }, 624 isIos12: function isIos12() { 625 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 626 } 627 }; 628 Monorail.produce('monorail-edge.shopifysvc.com', 629 'trekkie_storefront_load_errors/1.1', 630 {shop_id: 14175782, 631 theme_id: 128912457786, 632 app_name: "storefront", 633 context_url: window.location.href, 634 source_url: "//clotinc.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 635 636 }; 637 scriptFallback.async = true; 638 scriptFallback.src = '//clotinc.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 639 first.parentNode.insertBefore(scriptFallback, first); 640}; 641script.async = true; 642script.src = '//clotinc.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 643first.parentNode.insertBefore(script, first); 644 645 }; 646 trekkie.load( 647 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":14175782,"isMerchantRequest":null,"themeId":128912457786,"themeCityHash":"8371764438612609855","contentLanguage":"en","currency":"USD","eventMetadataId":"3ab953b3-4b4f-4929-9f52-792a8596df2b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 648 ); 649 650 var loaded = false;
651 trekkie.ready(function() { 652 if (loaded) return; 653 loaded = true; 654 655 window.ShopifyAnalytics.lib = window.trekkie; 656 657 var originalDocumentWrite = document.write; 658 document.write = customDocumentWrite; 659 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 660 document.write = originalDocumentWrite; 661 662 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 663 var token = match? match[1]: undefined; 664 if (!hasLoggedConversion(token)) { 665 setCookieIfConversion(token); 666 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":41634579284026,"productId":7604357070906,"productGid":"gid:\/\/shopify\/Product\/7604357070906","name":"CLOT X KODAK Lanyard (Yellow) - One size","price":"67.00","sku":"CLAC26FKD602YEFRE","brand":"CLOT x KODAK","variant":"One size","category":"Small goods","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 667 } 668 }); 669 670 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":7604357070906,"requestId":"f823a7d7-1cb8-4b48-827b-1a6182c269a4-1790293443","shopifyEmitted":true}); 671 672 var eventsListenerScript = document.createElement('script'); 673 eventsListenerScript.async = true; 674 eventsListenerScript.src = "//clotinc.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 675 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 676})();</script>
676 677
677<script> 678 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 679 window.ga = function ga() { 680 (window.ga.q = window.ga.q || []).push(arguments); 681 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 682 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 683 } 684 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."); 685 }; 686 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 687 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 688 } 689 } 690</script>
vendor: 1 bytes, line 690
690
691<script 692 defer 693 src="https://clotinc.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 694 data-application="storefront-renderer" 695 data-shop-id="14175782" 696 data-render-region="gcp-us-central1" 697 data-page-type="product" 698 data-theme-instance-id="128912457786" 699 data-theme-name="JUICESTORE" 700 data-theme-version="1.0.1" 701 data-monorail-region="shop_domain" 702 data-resource-timing-sampling-rate="10" 703 data-shs="true" 704 data-shs-beacon="true" 705 data-shs-export-with-fetch="true" 706 data-shs-logs-sample-rate="1" 707 data-shs-beacon-endpoint="https://clotinc.com/api/collect" 708></script>
708 709<meta name="shopify-y" content="ee5641b6-774c-406b-8a9e-21c455170b62" data-expiration="1821851043000"><meta name="shopify-s" content="18d15d74-74c0-415c-a51d-3f0466afdc6e" data-expiration="1790295243000"><meta name="new-cookie-storage-activated" content="t"> 710</head> 711 712 <body 713 class="preload push_filter_left" 714 715 > 716 <div class="wrap"> 717 <div class="contentbody"> 718 <div id="shopify-section-header" class="shopify-section index-section"><!-- /sections/header.liquid --> 719 720 721 722 723 724 725 <header 726 id="header" 727 class="header-v4-h4 js_height_hd jsheader4 d-none d-xl-block " 728> 729 <div class="container-casa"> 730 <div class="row align-items-center"> 731 <div class="col-lg-5"> 732 <div class="menu left"> 733 <nav class="navbar navbar-expand-lg navbar-light p-0 text-center justify-content-between"> 734 <div class="collapse navbar-collapse"> 735 <ul class="navbar-nav"> 736 737 738 739 740 741 742 743 744 745 746 747 748 749 <li class="nav-item dropdown"> 750 <a 751 href="/collections/new-arrivals" 752 title="NEW" 753 class="delay03 relative menu_lv1 nav-link" 754 >NEW</a> 755 </li> 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 <li class="nav-item dropdown megamenu-shop-dropdown"> 787 788 <a 789 href="/collections/all" 790 title="SHOP" 791 class="delay03 relative nav-link menu_lv1 " 792 >SHOP</a> 793 794 795 <div class="dropdown-menu list-woman featured show megamenu-shop-content megamenu-shop-content--clean"> 796 <div class="megamenu-clean-wrap"> 797 798 799 800 801 802 803 <div class="megamenu-clean-col megamenu-clean-col-categories"> 804 <div class="list-clothing"> 805 <div class="title"> 806 <h5> 807 <a href="#">Categories</a> 808 </h5> 809 </div> 810 811 812 <ul class="mb-0 list-unstyled"> 813 814 <li> 815 <a 816 href="/collections/all" 817 title="All" 818 class="delay03 relative nav-link menu_lv1" 819 >All</a> 820 </li> 821 822 <li> 823 <a 824 href="/collections/new-arrivals" 825 title="New Arrivals" 826 class="delay03 relative nav-link menu_lv1" 827 >New Arrivals</a> 828 </li> 829 830 <li> 831 <a 832 href="/collections/sale" 833 title="Sale" 834 class="delay03 relative nav-link menu_lv1" 835 >Sale</a> 836 </li> 837 838 <li> 839 <a 840 href="/collections/womens" 841 title="Women's" 842 class="delay03 relative nav-link menu_lv1" 843 >Women's</a> 844 </li> 845 846 <li> 847 <a 848 href="/collections/kids" 849 title="Kids" 850 class="delay03 relative nav-link menu_lv1" 851 >Kids</a> 852 </li> 853 854 <li> 855 <a 856 href="/collections/t-shirts" 857 title="T-Shirts" 858 class="delay03 relative nav-link menu_lv1" 859 >T-Shirts</a> 860 </li> 861 862 <li> 863 <a 864 href="/collections/hoodies" 865 title="Hoodies" 866 class="delay03 relative nav-link menu_lv1" 867 >Hoodies</a> 868 </li> 869 870 <li> 871 <a 872 href="/collections/sweatshirts" 873 title="Sweatshirts" 874 class="delay03 relative nav-link menu_lv1" 875 >Sweatshirts</a> 876 </li> 877 878 <li> 879 <a 880 href="/collections/knitwear" 881 title="Knitwear" 882 class="delay03 relative nav-link menu_lv1" 883 >Knitwear</a> 884 </li> 885 886 <li> 887 <a 888 href="/collections/outerwear" 889 title="Outerwear" 890 class="delay03 relative nav-link menu_lv1" 891 >Outerwear</a> 892 </li> 893 894 <li> 895 <a 896 href="/collections/shirts-1" 897 title="Shirts" 898 class="delay03 relative nav-link menu_lv1" 899 >Shirts</a> 900 </li> 901 902 <li> 903 <a 904 href="/collections/pants" 905 title="Bottoms" 906 class="delay03 relative nav-link menu_lv1" 907 >Bottoms</a> 908 </li> 909 910 <li> 911 <a 912 href="/collections/shoes" 913 title="Footwear" 914 class="delay03 relative nav-link menu_lv1" 915 >Footwear</a> 916 </li> 917 918 <li> 919 <a 920 href="/collections/accessories" 921 title="Accessories" 922 class="delay03 relative nav-link menu_lv1" 923 >Accessories</a> 924 </li> 925 926 <li> 927 <a 928 href="/collections/essentials-1" 929 title="Essentials" 930 class="delay03 relative nav-link menu_lv1" 931 >Essentials</a> 932 </li> 933 934 <li> 935 <a 936 href="/collections/pet-collection" 937 title="Pet" 938 class="delay03 relative nav-link menu_lv1" 939 >Pet</a> 940 </li> 941 942 </ul> 943 944 </div> 945 </div> 946 947 948 949 950 951 952 953 <div class="megamenu-clean-col megamenu-clean-col-brands"> 954 <div class="list-clothing"> 955 <div class="title"> 956 <h5> 957 <a href="#">BRANDS</a> 958 </h5> 959 </div> 960 961 962 <ul class="mb-0 list-unstyled brands-grid"> 963 964 <li> 965 <a 966 href="/collections/adidas" 967 title="adidas" 968 class="delay03 relative nav-link menu_lv1" 969 >adidas</a> 970 </li> 971 972 <li> 973 <a 974 href="/collections/adidas-originals-by-edc" 975 title="adidas Originals by EDC" 976 class="delay03 relative nav-link menu_lv1" 977 >adidas Originals by EDC</a> 978 </li> 979 980 <li> 981 <a 982 href="/collections/andersson-bell" 983 title="Andersson Bell" 984 class="delay03 relative nav-link menu_lv1" 985 >Andersson Bell</a> 986 </li> 987 988 <li> 989 <a 990 href="/collections/anything" 991 title="aNYthing" 992 class="delay03 relative nav-link menu_lv1" 993 >aNYthing</a> 994 </li> 995 996 <li> 997 <a 998 href="/collections/asics" 999 title="Asics" 1000 class="delay03 relative nav-link menu_lv1" 1001 >Asics</a> 1002 </li> 1003 1004 <li> 1005 <a 1006 href="/collections/basketcase-gallery" 1007 title="Basketcase.gallery" 1008 class="delay03 relative nav-link menu_lv1" 1009 >Basketcase.gallery</a> 1010 </li> 1011 1012 <li> 1013 <a 1014 href="/collections/bape-x-clot" 1015 title="BAPE® x CLOT" 1016 class="delay03 relative nav-link menu_lv1" 1017 >BAPE® x CLOT</a> 1018 </li> 1019 1020 <li> 1021 <a 1022 href="/collections/clesste" 1023 title="CLESSTE" 1024 class="delay03 relative nav-link menu_lv1" 1025 >CLESSTE</a> 1026 </li> 1027 1028 <li> 1029 <a 1030 href="/collections/clot" 1031 title="CLOT" 1032 class="delay03 relative nav-link menu_lv1" 1033 >CLOT</a> 1034 </li> 1035 1036 <li> 1037 <a 1038 href="/collections/clot-x-kodak" 1039 title="CLOT x KODAK" 1040 class="delay03 relative nav-link menu_lv1" 1041 >CLOT x KODAK</a> 1042 </li> 1043 1044 <li> 1045 <a 1046 href="/collections/clot-x-gundam" 1047 title="CLOT x GUNDAM" 1048 class="delay03 relative nav-link menu_lv1" 1049 >CLOT x GUNDAM</a> 1050 </li> 1051 1052 <li> 1053 <a 1054 href="/collections/clot-x-coach" 1055 title="Coach x CLOT" 1056 class="delay03 relative nav-link menu_lv1" 1057 >Coach x CLOT</a> 1058 </li> 1059 1060 <li> 1061 <a 1062 href="/collections/clot-x-neighborhood" 1063 title="CLOT x NEIGHBORHOOD" 1064 class="delay03 relative nav-link menu_lv1" 1065 >CLOT x NEIGHBORHOOD</a> 1066 </li> 1067 1068 <li> 1069 <a 1070 href="/collections/clot-universal-by-laowang" 1071 title="CLOT | Universal by Laowang" 1072 class="delay03 relative nav-link menu_lv1" 1073 >CLOT | Universal by Laowang</a> 1074 </li> 1075 1076 <li> 1077 <a 1078 href="/collections/clot-x-malbon" 1079 titl
1079e="CLOT x MALBON" 1080 class="delay03 relative nav-link menu_lv1" 1081 >CLOT x MALBON</a> 1082 </li> 1083 1084 <li> 1085 <a 1086 href="/collections/crocs" 1087 title="Crocs" 1088 class="delay03 relative nav-link menu_lv1" 1089 >Crocs</a> 1090 </li> 1091 1092 <li> 1093 <a 1094 href="/collections/crtfd" 1095 title="CRTFD" 1096 class="delay03 relative nav-link menu_lv1" 1097 >CRTFD</a> 1098 </li> 1099 1100 <li> 1101 <a 1102 href="/collections/domrebel" 1103 title="DOMREBEL" 1104 class="delay03 relative nav-link menu_lv1" 1105 >DOMREBEL</a> 1106 </li> 1107 1108 <li> 1109 <a 1110 href="/collections/fdmtl" 1111 title="FDMTL" 1112 class="delay03 relative nav-link menu_lv1" 1113 >FDMTL</a> 1114 </li> 1115 1116 <li> 1117 <a 1118 href="/collections/filmelange" 1119 title="FilMelange" 1120 class="delay03 relative nav-link menu_lv1" 1121 >FilMelange</a> 1122 </li> 1123 1124 <li> 1125 <a 1126 href="/collections/fr2" 1127 title="#FR2 " 1128 class="delay03 relative nav-link menu_lv1" 1129 >#FR2 </a> 1130 </li> 1131 1132 <li> 1133 <a 1134 href="/collections/fog-essentials" 1135 title="FOG Essentials" 1136 class="delay03 relative nav-link menu_lv1" 1137 >FOG Essentials</a> 1138 </li> 1139 1140 <li> 1141 <a 1142 href="/collections/howlin" 1143 title="Howlin'" 1144 class="delay03 relative nav-link menu_lv1" 1145 >Howlin'</a> 1146 </li> 1147 1148 <li> 1149 <a 1150 href="/collections/industry-of-all-nations" 1151 title="Industry of All Nationsâ¢" 1152 class="delay03 relative nav-link menu_lv1" 1153 >Industry of All Nationsâ¢</a> 1154 </li> 1155 1156 <li> 1157 <a 1158 href="/collections/infrathin" 1159 title="Infrathin" 1160 class="delay03 relative nav-link menu_lv1" 1161 >Infrathin</a> 1162 </li> 1163 1164 <li> 1165 <a 1166 href="/collections/is-ness" 1167 title="IS-NESS" 1168 class="delay03 relative nav-link menu_lv1" 1169 >IS-NESS</a> 1170 </li> 1171 1172 <li> 1173 <a 1174 href="/collections/kakawow" 1175 title="KAKAWOW" 1176 class="delay03 relative nav-link menu_lv1" 1177 >KAKAWOW</a> 1178 </li> 1179 1180 <li> 1181 <a 1182 href="/collections/kidsuper" 1183 title="KidSuper" 1184 class="delay03 relative nav-link menu_lv1" 1185 >KidSuper</a> 1186 </li> 1187 1188 <li> 1189 <a 1190 href="/collections/kuumba" 1191 title="Kuumba" 1192 class="delay03 relative nav-link menu_lv1" 1193 >Kuumba</a> 1194 </li> 1195 1196 <li> 1197 <a 1198 href="/collections/meryll-rogge" 1199 title="Meryll Rogge" 1200 class="delay03 relative nav-link menu_lv1" 1201 >Meryll Rogge</a> 1202 </li> 1203 1204 <li> 1205 <a 1206 href="/collections/nanamica" 1207 title="nanamica" 1208 class="delay03 relative nav-link menu_lv1" 1209 >nanamica</a> 1210 </li> 1211 1212 <li> 1213 <a 1214 href="/collections/needles" 1215 title="Needles" 1216 class="delay03 relative nav-link menu_lv1" 1217 >Needles</a> 1218 </li> 1219 1220 <li> 1221 <a 1222 href="/collections/new-balance" 1223 title="New Balance" 1224 class="delay03 relative nav-link menu_lv1" 1225 >New Balance</a> 1226 </li> 1227 1228 <li> 1229 <a 1230 href="/collections/new-era" 1231 title="New Era" 1232 class="delay03 relative nav-link menu_lv1" 1233 >New Era</a> 1234 </li> 1235 1236 <li> 1237 <a 1238 href="/collections/norda" 1239 title="Norda" 1240 class="delay03 relative nav-link menu_lv1" 1241 >Norda</a> 1242 </li> 1243 1244 <li> 1245 <a
1246 href="/collections/oakley-factory-team" 1247 title="Oakley Factory Team" 1248 class="delay03 relative nav-link menu_lv1" 1249 >Oakley Factory Team</a> 1250 </li> 1251 1252 <li> 1253 <a 1254 href="/collections/on" 1255 title="ON" 1256 class="delay03 relative nav-link menu_lv1" 1257 >ON</a> 1258 </li> 1259 1260 <li> 1261 <a 1262 href="/collections/online-ceramics" 1263 title="Online Ceramics" 1264 class="delay03 relative nav-link menu_lv1" 1265 >Online Ceramics</a> 1266 </li> 1267 1268 <li> 1269 <a 1270 href="/collections/perks-and-mini-p-a-m" 1271 title="P.A.M (Perks And Mini)" 1272 class="delay03 relative nav-link menu_lv1" 1273 >P.A.M (Perks And Mini)</a> 1274 </li> 1275 1276 <li> 1277 <a 1278 href="/collections/pas-de-mer" 1279 title="Pas De Mer" 1280 class="delay03 relative nav-link menu_lv1" 1281 >Pas De Mer</a> 1282 </li> 1283 1284 <li> 1285 <a 1286 href="/collections/rafu" 1287 title="Rafu" 1288 class="delay03 relative nav-link menu_lv1" 1289 >Rafu</a> 1290 </li> 1291 1292 <li> 1293 <a 1294 href="/collections/readymade" 1295 title="READYMADE" 1296 class="delay03 relative nav-link menu_lv1" 1297 >READYMADE</a> 1298 </li> 1299 1300 <li> 1301 <a 1302 href="/collections/reebok" 1303 title="Reebok" 1304 class="delay03 relative nav-link menu_lv1" 1305 >Reebok</a> 1306 </li> 1307 1308 <li> 1309 <a 1310 href="/collections/saint-michael" 1311 title="Saint Michael" 1312 class="delay03 relative nav-link menu_lv1" 1313 >Saint Michael</a> 1314 </li> 1315 1316 <li> 1317 <a 1318 href="/collections/salomon" 1319 title="Salomon" 1320 class="delay03 relative nav-link menu_lv1" 1321 >Salomon</a> 1322 </li> 1323 1324 <li> 1325 <a 1326 href="/collections/sci-fi-fantasy" 1327 title="SCI-FI Fantasy" 1328 class="delay03 relative nav-link menu_lv1" 1329 >SCI-FI Fantasy</a> 1330 </li> 1331 1332 <li> 1333 <a 1334 href="/collections/sporty-rich" 1335 title="Sporty & Rich" 1336 class="delay03 relative nav-link menu_lv1" 1337 >Sporty & Rich</a> 1338 </li> 1339 1340 <li> 1341 <a 1342 href="/collections/someit" 1343 title="SOMEIT" 1344 class="delay03 relative nav-link menu_lv1" 1345 >SOMEIT</a> 1346 </li> 1347 1348 <li> 1349 <a 1350 href="/collections/songaadon" 1351 title="SONGAADON" 1352 class="delay03 relative nav-link menu_lv1" 1353 >SONGAADON</a> 1354 </li> 1355 1356 <li> 1357 <a 1358 href="/collections/ssur" 1359 title="SSUR" 1360 class="delay03 relative nav-link menu_lv1" 1361 >SSUR</a> 1362 </li> 1363 1364 <li> 1365 <a 1366 href="/collections/steiff" 1367 title="Steiff x Alaia" 1368 class="delay03 relative nav-link menu_lv1" 1369 >Steiff x Alaia</a> 1370 </li> 1371 1372 <li> 1373 <a 1374 href="/collections/theboyhasnopatience" 1375 title="theboyhasnopatience" 1376 class="delay03 relative nav-link menu_lv1" 1377 >theboyhasnopatience</a> 1378 </li> 1379 1380 <li> 1381 <a 1382 href="/collections/the-h-w-dog-co" 1383 title="The H.W.Dog & Co." 1384 class="delay03 relative nav-link menu_lv1" 1385 >The H.W.Dog & Co.</a> 1386 </li> 1387 1388 <li> 1389 <a 1390 href="/collections/thisisneverthat" 1391 title="thisisneverthat®" 1392 class="delay03 relative nav-link menu_lv1" 1393 >thisisneverthat®</a> 1394 </li> 1395 1396 <li> 1397 <a 1398 href="/collections/thug-club" 1399 title="Thug Club" 1400 class="delay03 relative nav-link menu_lv1" 1401 >Thug Club</a> 1402 </li> 1403 1404 <li> 1405 <a 1406 href="/collections/undercover" 1407 title="UNDERCOVER" 1408 class="delay03 relative nav-link menu_lv1" 1409 >UNDERCOVER</a> 1410 </li> 1411 1412 <li> 1413 <a 1414 href="/collections/vandy-the-pink" 1415 title="Vandy The Pink" 1416 class="delay03 relative nav-link menu_lv1" 1417 >Vandy The Pink</a> 1418 </li> 1419 1420 <li> 1421 <a 1422 href="/collections/vans" 1423 title="Vans" 1424 class="delay03 relative nav-link menu_lv1" 1425 >Vans</a> 1426 </li> 1427 1428 <li> 1429 <a 1430 href="/collections/wacko-maria" 1431 title="WACKO MARIA" 1432 class="delay03 relative nav-link menu_lv1" 1433 >WACKO MARIA</a> 1434 </li> 1435 1436 <li> 1437 <a 1438 href="/collections/yeseyesee" 1439 title="YESEYESEE" 1440 class="delay03 relative nav-link menu_lv1" 1441 >YESEYESEE</a> 1442 </li> 1443 1444 <li> 1445 <a 1446 href="/collections/961apparel" 1447 title=" 961apparel" 1448 class="delay03 relative nav-link menu_lv1" 1449 > 961apparel</a> 1450 </li> 1451 1452 </ul> 1453 1454 </div> 1455 </div> 1456 1457 1458 1459 </div> 1460 </div> 1461 </li> 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 <li class="nav-item dropdown"> 1504 <a 1505 href="/blogs/editorial" 1506 title="EDITORIAL" 1507 class="delay03 relative menu_lv1 nav-link" 1508 >EDITORIAL</a> 1509 </li> 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 <li class="nav-item dropdown"> 1525 <a 1526 href="/collections/sale" 1527 title="SALE" 1528 class="delay03 relative menu_lv1 nav-link" 1529 >SALE</a> 1530 </li> 1531 1532 1533 1534 </ul> 1535 </div> 1536</nav> 1537 1538<style> 1539 .megamenu-shop-content--clean { 1540 padding: 25px 30px; 1541 } 1542 1543 .megamenu-clean-wrap { 1544 display: grid; 1545 grid-template-columns: 260px 1fr; 1546 column-gap: 40px; 1547 align-items: start; 1548 } 1549 1550 .megamenu-clean-col-categories, 1551 .megamenu-clean-col-brands { 1552 min-width: 0; 1553 } 1554
1555 .megamenu-shop-content--clean .list-clothing .title { 1556 margin-bottom: 12px; 1557 } 1558 1559 /* CATEGORIES æ¹æ gridï¼ç»ä¸èå¥ */ 1560 .megamenu-clean-col-categories ul { 1561 display: grid !important; 1562 grid-template-columns: 1fr !important; 1563 row-gap: 10px !important; 1564 margin: 0 !important; 1565 padding: 0 !important; 1566 } 1567 1568 .megamenu-clean-col-categories ul li { 1569 margin: 0 !important; 1570 padding: 0 !important; 1571 display: block !important; 1572 } 1573 1574 .megamenu-clean-col-categories ul li a { 1575 display: block !important; 1576 margin: 0 !important; 1577 padding: 0 !important; 1578 line-height: 1.35 !important; 1579 white-space: normal !important; 1580 } 1581 1582 /* BRANDS ä¸å grid */ 1583 .megamenu-clean-col-brands .brands-grid { 1584 display: grid !important; 1585 grid-template-columns: repeat(3, minmax(180px, 1fr)) !important; 1586 column-gap: 28px !important; 1587 row-gap: 10px !important; 1588 align-items: start !important; 1589 margin: 0 !important; 1590 padding: 0 !important; 1591 } 1592 1593 .megamenu-clean-col-brands .brands-grid li { 1594 margin: 0 !important; 1595 padding: 0 !important; 1596 display: block !important; 1597 } 1598 1599 .megamenu-clean-col-brands .brands-grid .nav-link { 1600 display: block !important; 1601 margin: 0 !important; 1602 padding: 0 !important; 1603 line-height: 1.35 !important; 1604 white-space: normal !important; 1605 } 1606 1607 @media (max-width: 1199px) { 1608 .megamenu-clean-wrap { 1609 grid-template-columns: 220px 1fr; 1610 column-gap: 30px; 1611 } 1612 1613 .megamenu-clean-col-brands .brands-grid { 1614 grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; 1615 } 1616 } 1617 1618 @media (max-width: 991px) { 1619 .megamenu-clean-wrap { 1620 grid-template-columns: 1fr; 1621 row-gap: 25px; 1622 } 1623 1624 .megamenu-clean-col-brands .brands-grid { 1625 grid-template-columns: repeat(2, minmax(180px, 1fr)) !important; 1626 } 1627 } 1628 1629 @media (max-width: 767px) { 1630 .megamenu-clean-col-brands .brands-grid { 1631 grid-template-columns: 1fr !important; 1632 } 1633 } 1634</style> 1635 </div> 1636 <!-- Mobile menu is already included globally in theme.liquid --> 1637 </div> 1638 <div class="col-lg-2 text-center"> 1639 <div class="logo"> 1640 <div class="center logo delay05"> 1641 1642 <a href="https://juicestore.com"> 1643 1644 <img 1645 src="//clotinc.com/cdn/shop/files/juicestore.webp?v=1719992086" 1646 width="76" 1647 alt="JUICESTORE" 1648 > 1649 1650 </a> 1651 1652 </div> 1653 </div> 1654 </div> 1655 <div class="col-lg-5 currencies-login"> 1656 <div class="cart-login-search align-items-center"> 1657 <ul class="list-inline list-unstyled mb-0 right"> 1658 1659 <li class="list-inline-item mr-0 position-relative engoc-country-dropdown"> 1660 <i class="fa fa-globe js-country-icon" style="cursor:pointer;"></i> 1661 <div 1662 class="country-dropdown-menu" 1663 style="display:none;position:absolute;z-index:1000;min-width:250px;" 1664 > 1665 1666 <div class="country-selector"> 1667 <form method="post" action="/localization" id="localization-form-header-dropdown" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/clot-kodak-lanyard-yellow" /> 1668 <select 1669 name="country_code" 1670 class="country-selector-header" 1671 style="width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; background: white; font-size: 14px; cursor: pointer;" 1672 onchange="this.form.submit()" 1673 > 1674 1675 <option 1676 value="AF" 1677 1678 > 1679 Afghanistan (AFN) 1680 </option> 1681 1682 <option 1683 value="AX" 1684 1685 > 1686 à land Islands (EUR) 1687 </option> 1688 1689 <option 1690 value="AL" 1691 1692 > 1693 Albania (ALL) 1694 </option> 1695 1696 <option 1697 value="DZ" 1698 1699 > 1700 Algeria (DZD) 1701 </option> 1702 1703 <option 1704 value="AD" 1705 1706 > 1707 Andorra (EUR) 1708 </option> 1709 1710 <option 1711 value="AO" 1712 1713 > 1714 Angola (AOA) 1715 </option> 1716 1717 <option 1718 value="AI" 1719 1720 > 1721 Anguilla (XCD) 1722 </option> 1723 1724 <option 1725 value="AG" 1726 1727 > 1728 Antigua & Barbuda (XCD) 1729 </option> 1730 1731 <option 1732 value="AR" 1733 1734 > 1735 Argentina (ARS) 1736 </option> 1737 1738 <option 1739 value="AM" 1740 1741 > 1742 Armenia (AMD) 1743 </option> 1744 1745 <option 1746 value="AW" 1747 1748 > 1749 Aruba (AWG) 1750 </option> 1751 1752 <option 1753 value="AC" 1754 1755 > 1756 Ascension Island (SHP) 1757 </option> 1758 1759 <option 1760 value="AU" 1761 1762 > 1763 Australia (AUD) 1764 </option> 1765 1766 <option 1767 value="AT" 1768 1769 > 1770 Austria (EUR) 1771 </option> 1772 1773 <option 1774 value="AZ" 1775 1776 > 1777 Azerbaijan (AZN) 1778 </option> 1779 1780 <option 1781 value="BS" 1782 1783 > 1784 Bahamas (BSD) 1785 </option> 1786 1787 <option 1788 value="BH" 1789 1790 > 1791 Bahrain (USD) 1792 </option> 1793 1794 <option 1795 value="BD" 1796 1797 > 1798 Bangladesh (BDT) 1799 </option> 1800 1801 <option 1802 value="BB" 1803 1804 > 1805 Barbados (BBD) 1806 </option> 1807 1808 <option 1809 value="BY" 1810 1811 > 1812 Belarus (HKD) 1813 </option> 1814 1815 <option 1816 value="BE" 1817 1818 > 1819 Belgium (EUR) 1820 </option> 1821 1822 <option 1823 value="BZ" 1824 1825 > 1826 Belize (BZD) 1827 </option> 1828 1829 <option 1830 value="BJ" 1831 1832 > 1833 Benin (XOF) 1834 </option> 1835 1836 <option 1837 value="BM" 1838 1839 > 1840 Bermuda (USD) 1841 </option> 1842 1843 <option 1844 value="BT" 1845 1846 > 1847 Bhutan (HKD) 1848 </option> 1849 1850 <option 1851 value="BO" 1852 1853 > 1854 Bolivia (BOB) 1855 </option> 1856 1857 <option 1858 value="BA" 1859 1860 > 1861 Bosnia & Herzegovina (BAM) 1862 </option> 1863 1864 <option 1865 value="BW" 1866 1867 > 1868 Botswana (BWP) 1869 </option> 1870 1871 <option 1872 value="BR"
1873 1874 > 1875 Brazil (BRL) 1876 </option> 1877 1878 <option 1879 value="IO" 1880 1881 > 1882 British Indian Ocean Territory (USD) 1883 </option> 1884 1885 <option 1886 value="VG" 1887 1888 > 1889 British Virgin Islands (USD) 1890 </option> 1891 1892 <option 1893 value="BN" 1894 1895 > 1896 Brunei (BND) 1897 </option> 1898 1899 <option 1900 value="BG" 1901 1902 > 1903 Bulgaria (EUR) 1904 </option> 1905 1906 <option 1907 value="BF" 1908 1909 > 1910 Burkina Faso (XOF) 1911 </option> 1912 1913 <option 1914 value="BI" 1915 1916 > 1917 Burundi (BIF) 1918 </option> 1919 1920 <option 1921 value="KH" 1922 1923 > 1924 Cambodia (KHR) 1925 </option> 1926 1927 <option 1928 value="CM" 1929 1930 > 1931 Cameroon (XAF) 1932 </option> 1933 1934 <option 1935 value="CA" 1936 1937 > 1938 Canada (CAD) 1939 </option> 1940 1941 <option 1942 value="CV" 1943 1944 > 1945 Cape Verde (CVE) 1946 </option> 1947 1948 <option 1949 value="BQ" 1950 1951 > 1952 Caribbean Netherlands (USD) 1953 </option> 1954 1955 <option 1956 value="KY" 1957 1958 > 1959 Cayman Islands (KYD) 1960 </option> 1961 1962 <option 1963 value="CF" 1964 1965 > 1966 Central African Republic (XAF) 1967 </option> 1968 1969 <option 1970 value="TD" 1971 1972 > 1973 Chad (XAF) 1974 </option> 1975 1976 <option 1977 value="CL" 1978 1979 > 1980 Chile (CLP) 1981 </option> 1982 1983 <option 1984 value="CN" 1985 1986 > 1987 China (CNY) 1988 </option> 1989 1990 <option 1991 value="CX" 1992 1993 > 1994 Christmas Island (AUD) 1995 </option> 1996 1997 <option 1998 value="CC" 1999 2000 > 2001 Cocos (Keeling) Islands (AUD) 2002 </option> 2003 2004 <option 2005 value="CO" 2006 2007 > 2008 Colombia (COP) 2009 </option> 2010 2011 <option 2012 value="KM" 2013 2014 > 2015 Comoros (KMF) 2016 </option> 2017 2018 <option 2019 value="CG" 2020 2021 > 2022 Congo - Brazzaville (XAF) 2023 </option> 2024 2025 <option 2026 value="CD" 2027 2028 > 2029 Congo - Kinshasa (CDF) 2030 </option> 2031 2032 <option 2033 value="CK" 2034 2035 > 2036 Cook Islands (NZD) 2037 </option> 2038 2039 <option 2040 value="CR" 2041 2042 > 2043 Costa Rica (CRC) 2044 </option> 2045 2046 <option 2047 value="CI" 2048 2049 > 2050 Côte dâIvoire (XOF) 2051 </option> 2052 2053 <option 2054 value="HR" 2055 2056 > 2057 Croatia (EUR) 2058 </option> 2059 2060 <option 2061 value="CW" 2062 2063 > 2064 Curaçao (USD) 2065 </option> 2066 2067 <option 2068 value="CY" 2069 2070 > 2071 Cyprus (EUR) 2072 </option> 2073 2074 <option 2075 value="CZ" 2076 2077 > 2078 Czechia (CZK) 2079 </option> 2080 2081 <option 2082 value="DK" 2083 2084 > 2085 Denmark (DKK) 2086 </option> 2087 2088 <option 2089 value="DJ" 2090 2091 > 2092 Djibouti (DJF) 2093 </option> 2094 2095 <option 2096 value="DM" 2097 2098 > 2099 Dominica (XCD) 2100 </option> 2101 2102 <option 2103 value="DO" 2104 2105 > 2106 Dominican Republic (DOP) 2107 </option> 2108 2109 <option 2110 value="EC" 2111 2112 > 2113 Ecuador (USD) 2114 </option> 2115 2116 <option 2117 value="EG" 2118 2119 > 2120 Egypt (EGP) 2121 </option> 2122 2123 <option 2124 value="SV" 2125 2126 > 2127 El Salvador (USD) 2128 </option> 2129 2130 <option 2131 value="GQ" 2132 2133 > 2134 Equatorial Guinea (XAF) 2135 </option> 2136 2137 <option 2138 value="ER" 2139 2140 > 2141 Eritrea (HKD) 2142 </option> 2143 2144 <option 2145 value="EE" 2146 2147 > 2148 Estonia (EUR) 2149 </option> 2150 2151 <option 2152 value="SZ" 2153 2154 > 2155 Eswatini (SZL) 2156 </option> 2157 2158 <option 2159 value="ET" 2160 2161 > 2162 Ethiopia (ETB) 2163 </option> 2164 2165 <option 2166 value="FK" 2167 2168 > 2169 Falkland Islands (FKP) 2170 </option> 2171 2172 <option 2173 value="FO" 2174 2175 > 2176 Faroe Islands (DKK) 2177 </option> 2178 2179 <option 2180 value="FJ" 2181 2182 > 2183 Fiji (FJD) 2184 </option> 2185 2186 <option 2187 value="FI" 2188 2189 > 2190 Finland (EUR) 2191 </option> 2192 2193 <option 2194 value="FR" 2195 2196 > 2197 France (EUR) 2198 </option> 2199 2200 <option 2201 value="GF" 2202 2203 > 2204 French Guiana (EUR) 2205 </option> 2206 2207 <option 2208 value="PF" 2209 2210 > 2211 French Polynesia (XPF) 2212 </option> 2213 2214 <option 2215 value="TF" 2216 2217 > 2218 French Southern Territories (EUR) 2219 </option> 2220 2221 <option 2222 value="GA" 2223 2224 > 2225 Gabon (USD) 2226 </option> 2227 2228 <option 2229 value="GM" 2230 2231 > 2232 Gambia (GMD) 2233 </option> 2234 2235 <option 2236 value="GE" 2237 2238 > 2239 Georgia (GEL) 2240 </option> 2241 2242 <option 2243 value="DE" 2244 2245 > 2246 Germany (EUR) 2247 </option> 2248 2249 <option 2250 value="GH" 2251 2252 > 2253 Ghana (USD) 2254 </option> 2255 2256 <option 2257 value="GI" 2258 2259 > 2260 Gibraltar (GBP) 2261 </option> 2262 2263 <option 2264 value="GR" 2265 2266 > 2267 Greece (EUR) 2268 </option> 2269 2270 <option 2271 value="GL" 2272 2273 > 2274 Greenland (DKK) 2275 </option> 2276 2277 <option 2278 value="GD" 2279 2280 > 2281 Grenada (XCD) 2282 </option> 2283 2284 <option 2285 value="GP" 2286 2287 > 2288 Guadeloupe (EUR) 2289 </option> 2290 2291 <option 2292 value="GT" 2293 2294 > 2295 Guatemala (GTQ) 2296 </option> 2297 2298 <option 2299 value="GG" 2300 2301 > 2302 Guernsey (GBP) 2303 </option> 2304 2305 <option 2306 value="GN" 2307 2308 > 2309 Guinea (GNF) 2310 </option> 2311 2312 <option 2313 value="GW" 2314 2315 > 2316 Guinea-Bissau (XOF) 2317 </option> 2318 2319 <option 2320 value="GY" 2321 2322 > 2323 Guyana (GYD) 2324 </option> 2325 2326 <option 2327 value="HT" 2328 2329 > 2330 Haiti (HTG) 2331
2331 </option> 2332 2333 <option 2334 value="HN" 2335 2336 > 2337 Honduras (HNL) 2338 </option> 2339 2340 <option 2341 value="HK" 2342 2343 > 2344 Hong Kong SAR (HKD) 2345 </option> 2346 2347 <option 2348 value="HU" 2349 2350 > 2351 Hungary (HUF) 2352 </option> 2353 2354 <option 2355 value="IS" 2356 2357 > 2358 Iceland (ISK) 2359 </option> 2360 2361 <option 2362 value="IN" 2363 2364 > 2365 India (INR) 2366 </option> 2367 2368 <option 2369 value="ID" 2370 2371 > 2372 Indonesia (IDR) 2373 </option> 2374 2375 <option 2376 value="IQ" 2377 2378 > 2379 Iraq (HKD) 2380 </option> 2381 2382 <option 2383 value="IE" 2384 2385 > 2386 Ireland (EUR) 2387 </option> 2388 2389 <option 2390 value="IM" 2391 2392 > 2393 Isle of Man (GBP) 2394 </option> 2395 2396 <option 2397 value="IL" 2398 2399 > 2400 Israel (ILS) 2401 </option> 2402 2403 <option 2404 value="IT" 2405 2406 > 2407 Italy (EUR) 2408 </option> 2409 2410 <option 2411 value="JM" 2412 2413 > 2414 Jamaica (JMD) 2415 </option> 2416 2417 <option 2418 value="JP" 2419 2420 > 2421 Japan (JPY) 2422 </option> 2423 2424 <option 2425 value="JE" 2426 2427 > 2428 Jersey (GBP) 2429 </option> 2430 2431 <option 2432 value="JO" 2433 2434 > 2435 Jordan (USD) 2436 </option> 2437 2438 <option 2439 value="KZ" 2440 2441 > 2442 Kazakhstan (KZT) 2443 </option> 2444 2445 <option 2446 value="KE" 2447 2448 > 2449 Kenya (KES) 2450 </option> 2451 2452 <option 2453 value="KI" 2454 2455 > 2456 Kiribati (USD) 2457 </option> 2458 2459 <option 2460 value="XK" 2461 2462 > 2463 Kosovo (EUR) 2464 </option> 2465 2466 <option 2467 value="KW" 2468 2469 > 2470 Kuwait (USD) 2471 </option> 2472 2473 <option 2474 value="KG" 2475 2476 > 2477 Kyrgyzstan (KGS) 2478 </option> 2479 2480 <option 2481 value="LA" 2482 2483 > 2484 Laos (LAK) 2485 </option> 2486 2487 <option 2488 value="LV" 2489 2490 > 2491 Latvia (EUR) 2492 </option> 2493 2494 <option 2495 value="LB" 2496 2497 > 2498 Lebanon (LBP) 2499 </option> 2500 2501 <option 2502 value="LS" 2503 2504 > 2505 Lesotho (LSL) 2506 </option> 2507 2508 <option 2509 value="LR" 2510 2511 > 2512 Liberia (LRD) 2513 </option> 2514 2515 <option 2516 value="LY" 2517 2518 > 2519 Libya (HKD) 2520 </option> 2521 2522 <option 2523 value="LI" 2524 2525 > 2526 Liechtenstein (CHF) 2527 </option> 2528 2529 <option 2530 value="LT" 2531 2532 > 2533 Lithuania (EUR) 2534 </option> 2535 2536 <option 2537 value="LU" 2538 2539 > 2540 Luxembourg (EUR) 2541 </option> 2542 2543 <option 2544 value="MO" 2545 2546 > 2547 Macao SAR (MOP) 2548 </option> 2549 2550 <option 2551 value="MG" 2552 2553 > 2554 Madagascar (USD) 2555 </option> 2556 2557 <option 2558 value="MW" 2559 2560 > 2561 Malawi (MWK) 2562 </option> 2563 2564 <option 2565 value="MY" 2566 2567 > 2568 Malaysia (MYR) 2569 </option> 2570 2571 <option 2572 value="MV" 2573 2574 > 2575 Maldives (MVR) 2576 </option> 2577 2578 <option 2579 value="ML" 2580 2581 > 2582 Mali (XOF) 2583 </option> 2584 2585 <option 2586 value="MT" 2587 2588 > 2589 Malta (EUR) 2590 </option> 2591 2592 <option 2593 value="MQ" 2594 2595 > 2596 Martinique (EUR) 2597 </option> 2598 2599 <option 2600 value="MR" 2601 2602 > 2603 Mauritania (USD) 2604 </option> 2605 2606 <option 2607 value="MU" 2608 2609 > 2610 Mauritius (MUR) 2611 </option> 2612 2613 <option 2614 value="YT" 2615 2616 > 2617 Mayotte (EUR) 2618 </option> 2619 2620 <option 2621 value="MX" 2622 2623 > 2624 Mexico (MXN) 2625 </option> 2626 2627 <option 2628 value="MD" 2629 2630 > 2631 Moldova (MDL) 2632 </option> 2633 2634 <option 2635 value="MC" 2636 2637 > 2638 Monaco (EUR) 2639 </option> 2640 2641 <option 2642 value="MN" 2643 2644 > 2645 Mongolia (MNT) 2646 </option> 2647 2648 <option 2649 value="ME" 2650 2651 > 2652 Montenegro (EUR) 2653 </option> 2654 2655 <option 2656 value="MS" 2657 2658 > 2659 Montserrat (XCD) 2660 </option> 2661 2662 <option 2663 value="MA" 2664 2665 > 2666 Morocco (MAD) 2667 </option> 2668 2669 <option 2670 value="MZ" 2671 2672 > 2673 Mozambique (MZN) 2674 </option> 2675 2676 <option 2677 value="MM" 2678 2679 > 2680 Myanmar (Burma) (MMK) 2681 </option> 2682 2683 <option 2684 value="NA" 2685 2686 > 2687 Namibia (NAD) 2688 </option> 2689 2690 <option 2691 value="NR" 2692 2693 > 2694 Nauru (AUD) 2695 </option> 2696 2697 <option 2698 value="NP" 2699 2700 > 2701 Nepal (NPR) 2702 </option> 2703 2704 <option 2705 value="NL" 2706 2707 > 2708 Netherlands (EUR) 2709 </option> 2710 2711 <option 2712 value="NC" 2713 2714 > 2715 New Caledonia (XPF) 2716 </option> 2717 2718 <option 2719 value="NZ" 2720 2721 >
2722 New Zealand (NZD) 2723 </option> 2724 2725 <option 2726 value="NI" 2727 2728 > 2729 Nicaragua (NIO) 2730 </option> 2731 2732 <option 2733 value="NE" 2734 2735 > 2736 Niger (XOF) 2737 </option> 2738 2739 <option 2740 value="NG" 2741 2742 > 2743 Nigeria (NGN) 2744 </option> 2745 2746 <option 2747 value="NU" 2748 2749 > 2750 Niue (NZD) 2751 </option> 2752 2753 <option 2754 value="NF" 2755 2756 > 2757 Norfolk Island (AUD) 2758 </option> 2759 2760 <option 2761 value="MK" 2762 2763 > 2764 North Macedonia (MKD) 2765 </option> 2766 2767 <option 2768 value="NO" 2769 2770 > 2771 Norway (NOK) 2772 </option> 2773 2774 <option 2775 value="OM" 2776 2777 > 2778 Oman (USD) 2779 </option> 2780 2781 <option 2782 value="PK" 2783 2784 > 2785 Pakistan (PKR) 2786 </option> 2787 2788 <option 2789 value="PS" 2790 2791 > 2792 Palestinian Territories (ILS) 2793 </option> 2794 2795 <option 2796 value="PA" 2797 2798 > 2799 Panama (USD) 2800 </option> 2801 2802 <option 2803 value="PG" 2804 2805 > 2806 Papua New Guinea (PGK) 2807 </option> 2808 2809 <option 2810 value="PY" 2811 2812 > 2813 Paraguay (PYG) 2814 </option> 2815 2816 <option 2817 value="PE" 2818 2819 > 2820 Peru (PEN) 2821 </option> 2822 2823 <option 2824 value="PH" 2825 2826 > 2827 Philippines (PHP) 2828 </option> 2829 2830 <option 2831 value="PN" 2832 2833 > 2834 Pitcairn Islands (NZD) 2835 </option> 2836 2837 <option 2838 value="PL" 2839 2840 > 2841 Poland (PLN) 2842 </option> 2843 2844 <option 2845 value="PT" 2846 2847 > 2848 Portugal (EUR) 2849 </option> 2850 2851 <option 2852 value="QA" 2853 2854 > 2855 Qatar (QAR) 2856 </option> 2857 2858 <option 2859 value="RE" 2860 2861 > 2862 Réunion (EUR) 2863 </option> 2864 2865 <option 2866 value="RO" 2867 2868 > 2869 Romania (RON) 2870 </option> 2871 2872 <option 2873 value="RU" 2874 2875 > 2876 Russia (HKD) 2877 </option> 2878 2879 <option 2880 value="RW" 2881 2882 > 2883 Rwanda (RWF) 2884 </option> 2885 2886 <option 2887 value="WS" 2888 2889 > 2890 Samoa (WST) 2891 </option> 2892 2893 <option 2894 value="SM" 2895 2896 > 2897 San Marino (EUR) 2898 </option> 2899 2900 <option 2901 value="ST" 2902 2903 > 2904 São Tomé & PrÃncipe (STD) 2905 </option> 2906 2907 <option 2908 value="SA" 2909 2910 > 2911 Saudi Arabia (SAR) 2912 </option> 2913 2914 <option 2915 value="SN" 2916 2917 > 2918 Senegal (XOF) 2919 </option> 2920 2921 <option 2922 value="RS" 2923 2924 >
2925 Serbia (RSD) 2926 </option> 2927 2928 <option 2929 value="SC" 2930 2931 > 2932 Seychelles (SCR) 2933 </option> 2934 2935 <option 2936 value="SL" 2937 2938 > 2939 Sierra Leone (SLL) 2940 </option> 2941 2942 <option 2943 value="SG" 2944 2945 > 2946 Singapore (SGD) 2947 </option> 2948 2949 <option 2950 value="SX" 2951 2952 > 2953 Sint Maarten (USD) 2954 </option> 2955 2956 <option 2957 value="SK" 2958 2959 > 2960 Slovakia (EUR) 2961 </option> 2962 2963 <option 2964 value="SI" 2965 2966 > 2967 Slovenia (EUR) 2968 </option> 2969 2970 <option 2971 value="SB" 2972 2973 > 2974 Solomon Islands (SBD) 2975 </option> 2976 2977 <option 2978 value="SO" 2979 2980 > 2981 Somalia (HKD) 2982 </option> 2983 2984 <option 2985 value="ZA" 2986 2987 > 2988 South Africa (ZAR) 2989 </option> 2990 2991 <option 2992 value="GS" 2993 2994 > 2995 South Georgia & South Sandwich Islands (GBP) 2996 </option> 2997 2998 <option 2999 value="KR" 3000 3001 > 3002 South Korea (KRW) 3003 </option> 3004 3005 <option 3006 value="SS" 3007 3008 > 3009 South Sudan (HKD) 3010 </option> 3011 3012 <option 3013 value="ES" 3014 3015 > 3016 Spain (EUR) 3017 </option> 3018 3019 <option 3020 value="LK" 3021 3022 > 3023 Sri Lanka (LKR) 3024 </option> 3025 3026 <option 3027 value="BL" 3028 3029 > 3030 St. Barthélemy (EUR) 3031 </option> 3032 3033 <option 3034 value="SH" 3035 3036 > 3037 St. Helena (SHP) 3038 </option> 3039 3040 <option 3041 value="KN" 3042 3043 > 3044 St. Kitts & Nevis (XCD) 3045 </option> 3046 3047 <option 3048 value="LC" 3049 3050 > 3051 St. Lucia (XCD) 3052 </option> 3053 3054 <option 3055 value="MF" 3056 3057 > 3058 St. Martin (EUR) 3059 </option> 3060 3061 <option 3062 value="PM" 3063 3064 > 3065 St. Pierre & Miquelon (EUR) 3066 </option> 3067 3068 <option 3069 value="VC" 3070 3071 > 3072 St. Vincent & Grenadines (XCD) 3073 </option> 3074 3075 <option 3076 value="SD" 3077 3078 > 3079 Sudan (HKD) 3080 </option> 3081 3082 <option 3083 value="SR" 3084 3085 > 3086 Suriname (SRD) 3087 </option> 3088 3089 <option 3090 value="SJ" 3091 3092 > 3093 Svalbard & Jan Mayen (NOK) 3094 </option> 3095 3096 <option 3097 value="SE" 3098 3099 > 3100 Sweden (SEK) 3101 </option> 3102 3103 <option 3104 value="CH" 3105 3106 > 3107 Switzerland (CHF) 3108 </option> 3109 3110 <option 3111 value="TW" 3112 3113 > 3114 Taiwan (TWD) 3115 </option> 3116 3117 <option 3118 value="TJ" 3119 3120 > 3121 Tajikistan (TJS) 3122 </option> 3123 3124 <option 3125 value="TZ" 3126 3127 > 3128 Tanzania (TZS) 3129 </option> 3130 3131 <option 3132 value="TH" 3133 3134 > 3135 Thailand (THB) 3136 </option> 3137 3138 <option 3139 value="TL" 3140 3141 > 3142 Timor-Leste (USD) 3143 </option> 3144 3145 <option 3146 value="TG" 3147 3148 > 3149 Togo (XOF) 3150 </option> 3151 3152 <option 3153 value="TK" 3154 3155 > 3156 Tokelau (NZD) 3157 </option> 3158 3159 <option 3160 value="TO" 3161 3162 > 3163 Tonga (TOP) 3164 </option> 3165 3166 <option 3167 value="TT" 3168 3169 > 3170 Trinidad & Tobago (TTD) 3171 </option> 3172 3173 <option 3174 value="TA" 3175 3176 > 3177 Tristan da Cunha (GBP) 3178 </option> 3179 3180 <option 3181 value="TN"
3182 3183 > 3184 Tunisia (USD) 3185 </option> 3186 3187 <option 3188 value="TR" 3189 3190 > 3191 Türkiye (HKD) 3192 </option> 3193 3194 <option 3195 value="TM" 3196 3197 > 3198 Turkmenistan (USD) 3199 </option> 3200 3201 <option 3202 value="TC" 3203 3204 > 3205 Turks & Caicos Islands (USD) 3206 </option> 3207 3208 <option 3209 value="TV" 3210 3211 > 3212 Tuvalu (AUD) 3213 </option> 3214 3215 <option 3216 value="UM" 3217 3218 > 3219 U.S. Outlying Islands (USD) 3220 </option> 3221 3222 <option 3223 value="UG" 3224 3225 > 3226 Uganda (UGX) 3227 </option> 3228 3229 <option 3230 value="UA" 3231 3232 > 3233 Ukraine (UAH) 3234 </option> 3235 3236 <option 3237 value="AE" 3238 3239 > 3240 United Arab Emirates (AED) 3241 </option> 3242 3243 <option 3244 value="GB" 3245 3246 > 3247 United Kingdom (GBP) 3248 </option> 3249 3250 <option 3251 value="US" 3252 3253 selected 3254 3255 > 3256 United States (USD) 3257 </option> 3258 3259 <option 3260 value="UY" 3261 3262 > 3263 Uruguay (UYU) 3264 </option> 3265 3266 <option 3267 value="UZ" 3268 3269 > 3270 Uzbekistan (UZS) 3271 </option> 3272 3273 <option 3274 value="VU" 3275 3276 > 3277 Vanuatu (VUV) 3278 </option> 3279 3280 <option 3281 value="VA" 3282 3283 > 3284 Vatican City (EUR) 3285 </option> 3286 3287 <option 3288 value="VE" 3289 3290 > 3291 Venezuela (USD) 3292 </option> 3293 3294 <option 3295 value="VN" 3296 3297 > 3298 Vietnam (VND) 3299 </option> 3300 3301 <option 3302 value="WF" 3303 3304 > 3305 Wallis & Futuna (XPF) 3306 </option> 3307 3308 <option 3309 value="EH" 3310 3311 > 3312 Western Sahara (MAD) 3313 </option> 3314 3315 <option 3316 value="YE" 3317 3318 > 3319 Yemen (YER) 3320 </option> 3321 3322 <option 3323 value="ZM" 3324 3325 > 3326 Zambia (ZMW) 3327 </option> 3328 3329 <option 3330 value="ZW" 3331 3332 > 3333 Zimbabwe (USD) 3334 </option> 3335 3336 </select> 3337 <input type="hidden" name="language_code" value="en"> 3338 </form> 3339 </div> 3340 3341 </div> 3342 </li> 3343 3344 3345 <li class="list-inline-item mr-0"> 3346 <a 3347 href="javascript:void(0)" 3348 class="login js-call-popup-login" 3349 ><i class="fa fa-user"></i 3350 ></a> 3351 </li> 3352 3353 <li class="list-inline-item mr-0"> 3354 <a href="javascript:void(0)" class="search js-search-destop" 3355 ><i class="fa fa-search"></i 3356 ></a> 3357 </li> 3358 3359 <li class="list-inline-item mr-0"> 3360 <a href="javascript:void(0)" class="cart js-call-minicart" 3361 ><i class="fa fa-shopping-bag"></i>
3362 <span class="number-cart enj-cartcount">0</span> 3363 </a> 3364 </li> 3365 </ul> 3366 </div> 3367 <div class="clearfix"></div> 3368 </div> 3369 </div> 3370 </div> 3371</header> 3372
3373<script> 3374 document.addEventListener('DOMContentLoaded', function () { 3375 // Handle country icon click to toggle dropdown 3376 document.querySelectorAll('.js-country-icon').forEach(function (icon) { 3377 icon.addEventListener('click', function (e) { 3378 e.stopPropagation(); 3379 document.querySelectorAll('.country-dropdown-menu').forEach(function (menu) { 3380 if (menu !== icon.nextElementSibling) menu.style.display = 'none'; 3381 }); 3382 var menu = icon.nextElementSibling; 3383 menu.style.display = menu.style.display === 'block' ? 'none' : 'block'; 3384 }); 3385 }); 3386 3387 // Close dropdown when clicking outside 3388 document.addEventListener('click', function () { 3389 document.querySelectorAll('.country-dropdown-menu').forEach(function (menu) { 3390 menu.style.display = 'none'; 3391 }); 3392 }); 3393 3394 // Prevent dropdown from closing when clicking inside 3395 document.querySelectorAll('.country-dropdown-menu').forEach(function (menu) { 3396 menu.addEventListener('click', function (e) { 3397 e.stopPropagation(); 3398 }); 3399 }); 3400 }); 3401</script>
3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416 <div class="announcement-bar-wrapper"> 3417 <div class="announcement-bar-slider"> 3418 3419 <div class="announcement-bar" style="background-color: #c70000;"> 3420 <div class="container-casa"> 3421 <div class="announcement-bar__content"> 3422 <p class="announcement-bar__text" style="color: #efebeb;"> 3423 3424 <a 3425 href="/collections/new-arrivals" 3426 style="color: #efebeb;" 3427 > 3428 CLOT x KODAK | CLOT x MALBON | Hong Kong Free Shipping 3429 </a> 3430 3431 </p> 3432 </div> 3433 </div> 3434 </div> 3435 3436 3437 3438 <div class="announcement-bar" style="background-color: #000000;"> 3439 <div class="container-casa"> 3440 <div class="announcement-bar__content"> 3441 <p class="announcement-bar__text" style="color: #ffffff;"> 3442 3443 <a 3444 href="/collections/happy-moon-fest" 3445 style="color: #ffffff;" 3446 > 3447 MID-AUTUMN SALE Extra 20% Off | Auto Discount At Checkout 3448 </a> 3449 3450 </p> 3451 </div> 3452 </div> 3453 </div> 3454 3455 3456 3457 <div class="announcement-bar" style="background-color: #000000;"> 3458 <div class="container-casa"> 3459 <div class="announcement-bar__content"> 3460 <p class="announcement-bar__text" style="color: #ffffff;"> 3461 3462 <a 3463 href="/collections/all" 3464 style="color: #ffffff;" 3465 > 3466 Hong Kong Free Shipping For Orders Over $800 HKD (Excludes Sale, Collaboration & Special Items) 3467 </a> 3468 3469 </p> 3470 </div> 3471 </div> 3472 </div> 3473 3474 </div> 3475 </div> 3476 3477 <style> 3478 .announcement-bar-wrapper { 3479 position: fixed; 3480 top: 0; 3481 left: 0; 3482 right: 0; 3483 z-index: 1001; 3484 width: 100%; 3485 } 3486 3487 .announcement-bar { 3488 width: 100%; 3489 min-height: 40px; 3490 padding: 0; 3491 display: flex; 3492 align-items: center; 3493 justify-content: center; 3494 text-align: center; 3495 } 3496 3497 .announcement-bar .container-casa { 3498 width: 100%; 3499 max-width: 100%; 3500 padding: 0; 3501 margin: 0; 3502 display: flex; 3503 align-items: center; 3504 justify-content: center; 3505 } 3506 3507 .announcement-bar__content { 3508 width: 100%; 3509 display: flex; 3510 align-items: center; 3511 justify-content: center; 3512 text-align: center; 3513 } 3514 3515 .announcement-bar__text { 3516 margin: 0; 3517 font-size: 14px; 3518 font-weight: 500; 3519 line-height: 1.4; 3520 text-align: center; 3521 display: flex; 3522 align-items: center; 3523 justify-content: center; 3524 min-height: 40px; 3525 } 3526 3527 .announcement-bar__text a { 3528 display: inline-flex; 3529 align-items: center; 3530 justify-content: center; 3531 text-decoration: none; 3532 text-align: center; 3533 line-height: 1.4; 3534 } 3535 3536 .announcement-bar-slider .announcement-bar:not(:first-child) { 3537 display: none; 3538 } 3539 3540 #header.jsheader4 { 3541 transition: all 0.3s ease; 3542 } 3543 3544 .menu_moblie.jsmenumobile { 3545 transition: all 0.3s ease; 3546 } 3547 3548 .menu_moblie.jsmenumobile.menu_mobilescroll { 3549 top: var(--announcement-height, 0) !important; 3550 } 3551 3552 @media screen and (max-width: 767px) { 3553 .announcement-bar { 3554 min-height: 36px; 3555 padding: 0 10px; 3556 } 3557 3558 .announcement-bar__text { 3559 font-size: 12px; 3560 line-height: 1.4; 3561 min-height: 36px; 3562 } 3563 3564 body.has-announcement-bar { 3565 padding-top: var(--announcement-height); 3566 } 3567 3568 .jsheader4.sticky { 3569 top: var(--announcement-height) !important; 3570 } 3571 3572 .menu_moblie.jsmenumobile.menu_mobilescroll { 3573 top: var(--announcement-height) !important; 3574 } 3575 } 3576</style> 3577 3578
3578<script> 3579 document.addEventListener('DOMContentLoaded', function () { 3580 var announcements = document.querySelectorAll('.announcement-bar-slider .announcement-bar'); 3581 var announcementBarHeight = 0; 3582 3583 if (announcements.length > 1) { 3584 var currentIndex = 0; 3585 setInterval(function () { 3586 announcements[currentIndex].style.display = 'none'; 3587 currentIndex = (currentIndex + 1) % announcements.length; 3588 announcements[currentIndex].style.display = 'block'; 3589 }, 8000); 3590 } 3591 3592 if (announcements.length > 0) { 3593 var announcementWrapper = document.querySelector('.announcement-bar-wrapper'); 3594 announcementBarHeight = announcementWrapper.offsetHeight; 3595 3596 document.documentElement.style.setProperty('--announcement-height', announcementBarHeight + 'px'); 3597 document.body.classList.add('has-announcement-bar'); 3598 document.body.style.paddingTop = announcementBarHeight + 'px'; 3599 3600 var header = document.getElementById('header'); 3601 if (header) { 3602 var stickyStyle = document.createElement('style'); 3603 stickyStyle.innerHTML = ` 3604 .jsheader4.sticky { 3605 position: fixed; 3606 top: ${announcementBarHeight}px !important; 3607 left: 0; 3608 right: 0; 3609 z-index: 999; 3610 background: #fff; 3611 box-shadow: 0 2px 10px rgba(0,0,0,0.1); 3612 animation: smoothScroll 0.5s forwards; 3613 } 3614 3615 @keyframes smoothScroll { 3616 0% { 3617 transform: translateY(-40px); 3618 } 3619 100% { 3620 transform: translateY(0px); 3621 } 3622 } 3623 `; 3624 document.head.appendChild(stickyStyle); 3625 } 3626 3627 var mobileMenu = document.querySelector('.menu_moblie.jsmenumobile'); 3628 if (mobileMenu) { 3629 window.addEventListener('scroll', function () { 3630 if (window.scrollY > 100) { 3631 mobileMenu.classList.add('sticky'); 3632 } else { 3633 mobileMenu.classList.remove('sticky'); 3634 } 3635 }); 3636 } 3637 } 3638 3639 window.addEventListener('scroll', function () { 3640 var header = document.getElementById('header'); 3641 var scrollPosition = window.scrollY; 3642 3643 if (header) { 3644 if (scrollPosition > 200) { 3645 header.classList.add('sticky'); 3646 } else { 3647 header.classList.remove('sticky'); 3648 } 3649 } 3650 }); 3651 }); 3652 </script>
3652 3653 3654 3655 3656</div> 3657 3658 <!-- HEADING HIDDEN SEO --> 3659 3660 3661 <style> 3662 /* Fix search bar background height to match dropdown height */ 3663 .search-full-destop .bg_search_box { 3664 height: 250px !important; 3665 top: 0 !important; 3666 } 3667 3668 /* Ensure search dropdown stays at 250px */ 3669 .search-full-destop .search-eveland.active { 3670 height: 250px !important; 3671 } 3672 3673 /* Mobile responsive adjustments */ 3674 @media (max-width: 768px) { 3675 .search-full-destop .bg_search_box { 3676 height: 200px !important; 3677 } 3678 3679 .search-full-destop .search-eveland.active { 3680 height: 200px !important; 3681 } 3682 3683 .search-full-destop .search-eveland .drawer-search-top { 3684 padding: 20px 15px !important; 3685 } 3686 3687 .search-full-destop .search-eveland .drawer-search-top .drawer-search-title { 3688 font-size: 28px !important; 3689 margin-bottom: 0.5em !important; 3690 } 3691 3692 .search-full-destop .search-eveland .wg-search-form { 3693 width: 90% !important; 3694 max-width: 400px !important; 3695 } 3696 } 3697 3698 /* Extra small mobile devices */ 3699 @media (max-width: 480px) { 3700 .search-full-destop .bg_search_box { 3701 height: 180px !important; 3702 } 3703 3704 .search-full-destop .search-eveland.active { 3705 height: 180px !important; 3706 } 3707 3708 .search-full-destop .search-eveland .drawer-search-top .drawer-search-title { 3709 font-size: 24px !important; 3710 } 3711 } 3712</style> 3713 3714<div class="search-full-destop"> 3715 <div class="search-eveland js-box-search"> 3716 <div class="drawer-search-top"> 3717 <h3 class="drawer-search-title">Type the keyword or SKU</h3> 3718 </div> 3719 <form class="wg-search-form" action="/search"> 3720 <input type="hidden" name="type" value="product"> 3721 <input type="text" name="q" placeholder="Search anything" class="search-input"> 3722 <button type="submit"><i class="icon-icon-search"></i></button> 3723 </form> 3724 <div class="drawer_back"> 3725 <a href="javascript:void(0)" class="close-search js-drawer-close"> 3726 <svg 3727 version="1.1" 3728 id="Layer_1" 3729 xmlns="http://www.w3.org/2000/svg" 3730 xmlns:xlink="http://www.w3.org/1999/xlink" 3731 x="0px" 3732 y="0px" 3733 width="12px" 3734 height="12px"
3735 viewBox="0 0 12 12" 3736 enable-background="new 0 0 12 12" 3737 xml:space="preserve" 3738 > 3739 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.437,12c-0.014-0.017-0.026-0.035-0.042-0.051 3740 c-1.78-1.78-3.562-3.561-5.342-5.342c-0.016-0.016-0.028-0.034-0.07-0.064c-0.01,0.02-0.016,0.045-0.031,0.06 3741 c-1.783,1.784-3.566,3.567-5.35,5.352C0.587,11.968,0.576,11.984,0.563,12c-0.004,0-0.008,0-0.013,0 3742 C0.367,11.816,0.184,11.633,0,11.449c0-0.004,0-0.009,0-0.013c0.017-0.014,0.035-0.026,0.051-0.041 3743 c1.781-1.781,3.562-3.562,5.342-5.342c0.017-0.016,0.036-0.027,0.06-0.044c-0.025-0.026-0.04-0.043-0.056-0.058 3744 C3.613,4.168,1.83,2.385,0.046,0.601C0.032,0.587,0.016,0.576,0,0.563c0-0.004,0-0.008,0-0.013C0.184,0.367,0.367,0.184,0.551,0 3745 c0.004,0,0.008,0,0.013,0C0.578,0.017,0.59,0.035,0.606,0.05c1.78,1.781,3.561,3.562,5.341,5.342 3746 c0.016,0.016,0.027,0.035,0.045,0.059c0.025-0.024,0.041-0.039,0.057-0.054c1.783-1.784,3.566-3.567,5.35-5.351 3747 C11.413,0.032,11.424,0.016,11.437,0c0.004,0,0.009,0,0.013,0C11.633,0.184,11.816,0.367,12,0.551c0,0.004,0,0.008,0,0.013 3748 c-0.017,0.014-0.035,0.027-0.051,0.042c-1.78,1.78-3.561,3.561-5.342,5.341c-0.016,0.016-0.035,0.026-0.054,0.04 3749 c-0.004,0.01-0.007,0.021-0.011,0.03c0.021,0.01,0.045,0.017,0.06,0.031c1.784,1.783,3.567,3.566,5.352,5.35 3750 c0.014,0.014,0.03,0.025,0.046,0.038c0,0.004,0,0.009,0,0.013c-0.184,0.184-0.367,0.367-0.551,0.551C11.445,12,11.44,12,11.437,12z" 3751 /> 3752 </svg> 3753 </a> 3754 </div> 3755 </div> 3756 <div class="bg_search_box"></div> 3757</div> 3758 3759 <div class="js-minicart minicart" > 3760 <div class="relative" style="height: 100%"> 3761 <div class="mini-content "> 3762 <div class="mini-cart-head"> 3763 <a href="javascript:void(0)" class="mini-cart-undo close-mini-cart"> 3764 <i class= "ti-close"></i> 3765 </a> 3766 <h3 class="title">Shopping Cart</h3> 3767 <div class="mini-cart-counter"><span class="cart-counter enj-cartcount">0</span></div> 3768 </div> 3769 3770 <div class="mini-cart-bottom enj-minicart-ajax"> 3771 3772 <div class="list_product_minicart empty"> 3773 <div class="empty-product_minicart"> 3774 <p class="mb-0">Your shopping bag is empty</p> 3775 <a href="/collections/all" class="to-cart">Go to the shop</a> 3776 </div> 3777 </div> 3778 3779 </div> 3780 </div> 3781 </div> 3782</div> 3783<div class="js-bg bg-minicart"></div> 3784 3785 <div class="menu_moblie d-flex d-xl-none jsmenumobile align-items-center "> 3786 <a href="javascript:void(0)" title="" class="menuleft"> 3787 <span class="iconmenu"> 3788 <span></span> 3789 <span></span> 3790 <span></span> 3791 </span> 3792 </a> 3793 3794 <div class="logo_menumoblie"> 3795 3796 <a href="https://juicestore.com"> 3797 3798 <img 3799 src="//clotinc.com/cdn/shop/files/juicestore.webp?v=1719992086" 3800 width="76" 3801 height="auto" 3802 alt="logo" 3803 > 3804 3805 </a> 3806 3807 </div> 3808 3809 <div class="menuright"> 3810 <span class=" pr-3 js-search-destop"><i class="icon-search"></i></span> 3811 <a href="javascript:void(0)" title="" class="js-call-minicart" 3812 ><i class="icon-cart"></i> 3813 <span class="count_pr_incart enj-cartcount">0</span> 3814 </a> 3815 </div> 3816</div> 3817<div class="box_contentmenu_background"></div> 3818<div class="box_contentmenu"> 3819 <div class="tab_content_menu_mobile"> 3820 <ul class="nav nav-tabs toptab_box_content list-unstyled mb-0" role="tablist"> 3821 <li class="toptab_li"> 3822 <a class="tab_navar active" href="#tab_menu_mobile" role="tab" data-toggle="tab">
3823 <span class="tab-menu-icon"> 3824 <span></span> 3825 <span></span> 3826 <span></span> 3827 </span> 3828 <span class="ml-3">Menu</span> 3829 </a> 3830 </li> 3831 <li class="toptab_li"> 3832 <a class="tab_navar_right" href="javascript:void(0)" role="button"> 3833 <i class="icon-icon-user"></i> 3834 <span class="ml-2">Login</span> 3835 </a> 3836 </li> 3837 </ul> 3838 <div class="tab-content"> 3839 <div role="tabpanel" class="tab-pane show in active tab_children_menu" id="tab_menu_mobile"> 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 <div class="menu-horizon-list "> 3857 3858 <a 3859 href="/" 3860 title="HOME" 3861 class="nammenu delay03 uppercase menu_lv1 " 3862 ><span>HOME</span></a 3863 > 3864 3865 </div> 3866 3867 3868 3869 3870 3871 3872 <div class="menu-horizon-list "> 3873 3874 <a 3875 href="/collections/new-arrivals" 3876 title="NEW ARRIVALS" 3877 class="nammenu delay03 uppercase menu_lv1 " 3878 ><span>NEW ARRIVALS</span></a 3879 > 3880 3881 </div> 3882 3883 3884 3885 3886 3887 3888 <div class="menu-horizon-list "> 3889 3890 <a 3891 href="/collections/happy-moon-fest" 3892 title="Mid-Autumn Sale" 3893 class="nammenu delay03 uppercase menu_lv1 " 3894 ><span>Mid-Autumn Sale</span></a 3895 > 3896 3897 </div> 3898 3899 3900 3901 3902 3903 3904 <div class="menu-horizon-list "> 3905 3906 <a 3907 href="/collections/sale" 3908 title="SALE" 3909 class="nammenu delay03 uppercase menu_lv1 " 3910 ><span>SALE</span></a 3911 > 3912 3913 </div> 3914 3915 3916 3917 3918 3919 3920 <div class="menu-horizon-list "> 3921 3922 <a 3923 href="/blogs/editorial" 3924 title="EDITORIAL" 3925 class="nammenu delay03 uppercase menu_lv1 " 3926 ><span>EDITORIAL</span></a 3927 > 3928 3929 </div> 3930 3931 3932 3933 3934 3935 3936 <div class="menu-horizon-list "> 3937 3938 <a 3939 href="https://account.juicestore.com/profile?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjbG90b25saW5lLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MDg5ODI0MywibmJmIjoxNzkwMjkzNDQzfQ.BStqJHyVbnBPyCCkMPbgOt8yak070IQU_JjWCPonTW4®ion_country=US" 3940 title="ACCOUNT" 3941 class="nammenu delay03 uppercase menu_lv1 " 3942 ><span>ACCOUNT</span></a 3943 > 3944 3945 </div> 3946 3947 3948 3949 3950 3951 3952 <div class="menu-horizon-list "> 3953 3954 <a 3955 href="https://account.juicestore.com/orders?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjbG90b25saW5lLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MDg5ODI0MywibmJmIjoxNzkwMjkzNDQzfQ.BStqJHyVbnBPyCCkMPbgOt8yak070IQU_JjWCPonTW4®ion_country=US" 3956 title="ORDER INFORMATION" 3957 class="nammenu delay03 uppercase menu_lv1 " 3958 ><span>ORDER INFORMATION</span></a 3959 > 3960 3961 </div> 3962 3963 3964 3965 3966 3967 3968 <div class="menu-horizon-list "> 3969 3970 <a 3971 href="/pages/locations" 3972 title="LOCATIONS" 3973 class="nammenu delay03 uppercase menu_lv1 " 3974 ><span>LOCATIONS</span></a 3975 > 3976 3977 </div> 3978 3979 3980 3981 3982 3983 3984 <div class="menu-horizon-list "> 3985 3986 <a 3987 href="/pages/loyalty-program" 3988 title="LOYALTY PROGRAM" 3989 class="nammenu delay03 uppercase menu_lv1 " 3990 ><span>LOYALTY PROGRAM</span></a 3991 > 3992 3993 </div> 3994 3995 3996 3997 3998 3999 4000 <div class="menu-horizon-list "> 4001 4002 <a 4003 href="/pages/contact-us" 4004 title="CONTACT" 4005 class="nammenu delay03 uppercase menu_lv1 " 4006 ><span>CONTACT</span></a 4007 > 4008 4009 </div> 4010 4011 4012 4013 4014 4015 4016 <div class="menu-horizon-list "> 4017 4018 <a 4019 href="https://apps.apple.com/hk/app/juicestore/id1550561659" 4020 title="JUICESTORE iOS App" 4021 class="nammenu delay03 uppercase menu_lv1 " 4022 ><span>JUICESTORE iOS App</span></a 4023 > 4024 4025 </div> 4026 4027 4028 4029 4030 4031 4032 <div class="menu-horizon-list "> 4033 4034 <a 4035 href="https://play.google.com/store/apps/details?id=com.clot.android.juice" 4036 title="JUICESTORE Android App" 4037 class="nammenu delay03 uppercase menu_lv1 " 4038 ><span>JUICESTORE Android App</span></a 4039 > 4040 4041 </div> 4042 4043 4044 </div> 4045 4046 <div> 4047 <ul class="list-inline list-unstyled mb-0"> 4048 4049 <li class="list-inline-item mr-0" style="width: 100%; margin-bottom: 15px;"> 4050 4051 <form method="post" action="/localization" id="localization-form-mobile" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/clot-kodak-lanyard-yellow" /> 4052 <select 4053 name="country_code" 4054 class="country-selector-mobile" 4055 style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background: white; font-size: 14px;" 4056 onchange="this.form.submit()" 4057 > 4058 4059 <option 4060 value="AF" 4061 4062 > 4063 Afghanistan (AFN) 4064 </option> 4065 4066 <option 4067 value="AX" 4068 4069 > 4070 Ã land Islands (EUR) 4071 </option> 4072 4073 <option 4074 value="AL" 4075 4076 > 4077 Albania (ALL) 4078 </option> 4079 4080 <option 4081 value="DZ" 4082 4083 > 4084 Algeria (DZD) 4085 </option> 4086 4087 <option 4088 value="AD" 4089 4090 > 4091 Andorra (EUR) 4092 </option> 4093 4094 <option 4095 value="AO" 4096 4097 > 4098 Angola (AOA) 4099 </option> 4100 4101 <option 4102 value="AI" 4103 4104 > 4105 Anguilla (XCD) 4106 </option> 4107 4108 <option 4109 value="AG" 4110 4111 > 4112 Antigua & Barbuda (XCD) 4113 </option> 4114 4115 <option 4116 value="AR" 4117 4118 > 4119 Argentina (ARS) 4120 </option> 4121 4122 <option 4123 value="AM" 4124 4125 > 4126 Armenia (AMD) 4127 </option> 4128 4129 <option 4130 value="AW" 4131 4132 > 4133 Aruba (AWG) 4134 </option> 4135 4136 <option 4137 value="AC" 4138 4139 > 4140 Ascension Island (SHP) 4141 </option> 4142 4143 <option 4144 value="AU" 4145 4146 > 4147 Australia (AUD) 4148 </option> 4149 4150 <option 4151 value="AT" 4152 4153 > 4154 Austria (EUR) 4155 </option> 4156 4157 <option 4158 value="AZ" 4159 4160 > 4161 Azerbaijan (AZN) 4162 </option> 4163 4164 <option 4165 value="BS" 4166 4167 > 4168 Bahamas (BSD) 4169 </option> 4170 4171 <option 4172 value="BH" 4173 4174 > 4175 Bahrain (USD) 4176 </option> 4177 4178 <option 4179 value="BD" 4180 4181 > 4182 Bangladesh (BDT) 4183 </option> 4184 4185 <option 4186 value="BB" 4187 4188 > 4189 Barbados (BBD) 4190 </option> 4191 4192 <option 4193 value="BY" 4194 4195 > 4196 Belarus (HKD) 4197 </option> 4198 4199 <option 4200 value="BE" 4201 4202 > 4203 Belgium (EUR) 4204 </option> 4205 4206 <option 4207 value="BZ" 4208 4209 > 4210 Belize (BZD) 4211 </option> 4212 4213 <option 4214 value="BJ" 4215 4216 > 4217 Benin (XOF) 4218 </option> 4219 4220 <option 4221 value="BM" 4222 4223 > 4224 Bermuda (USD) 4225 </option> 4226 4227 <option 4228 value="BT" 4229 4230 > 4231 Bhutan (HKD) 4232 </option> 4233 4234 <option 4235 value="BO" 4236 4237 > 4238 Bolivia (BOB) 4239 </option> 4240 4241 <option 4242 value="BA" 4243 4244 > 4245 Bosnia & Herzegovina (BAM) 4246 </option> 4247 4248 <option 4249 value="BW" 4250 4251 > 4252 Botswana (BWP) 4253 </option> 4254 4255 <option 4256 value="BR"
4257 4258 > 4259 Brazil (BRL) 4260 </option> 4261 4262 <option 4263 value="IO" 4264 4265 > 4266 British Indian Ocean Territory (USD) 4267 </option> 4268 4269 <option 4270 value="VG" 4271 4272 > 4273 British Virgin Islands (USD) 4274 </option> 4275 4276 <option 4277 value="BN" 4278 4279 > 4280 Brunei (BND) 4281 </option> 4282 4283 <option 4284 value="BG" 4285 4286 > 4287 Bulgaria (EUR) 4288 </option> 4289 4290 <option 4291 value="BF" 4292 4293 > 4294 Burkina Faso (XOF) 4295 </option> 4296 4297 <option 4298 value="BI" 4299 4300 > 4301 Burundi (BIF) 4302 </option> 4303 4304 <option 4305 value="KH" 4306 4307 > 4308 Cambodia (KHR) 4309 </option> 4310 4311 <option 4312 value="CM" 4313 4314 > 4315 Cameroon (XAF) 4316 </option> 4317 4318 <option 4319 value="CA" 4320 4321 > 4322 Canada (CAD) 4323 </option> 4324 4325 <option 4326 value="CV" 4327 4328 > 4329 Cape Verde (CVE) 4330 </option> 4331 4332 <option 4333 value="BQ" 4334 4335 > 4336 Caribbean Netherlands (USD) 4337 </option> 4338 4339 <option 4340 value="KY" 4341 4342 > 4343 Cayman Islands (KYD) 4344 </option> 4345 4346 <option 4347 value="CF" 4348 4349 > 4350 Central African Republic (XAF) 4351 </option> 4352 4353 <option 4354 value="TD" 4355 4356 > 4357 Chad (XAF) 4358 </option> 4359 4360 <option 4361 value="CL" 4362 4363 > 4364 Chile (CLP) 4365 </option> 4366 4367 <option 4368 value="CN" 4369 4370 > 4371 China (CNY) 4372 </option> 4373 4374 <option 4375 value="CX" 4376 4377 > 4378 Christmas Island (AUD) 4379 </option> 4380 4381 <option 4382 value="CC" 4383 4384 > 4385 Cocos (Keeling) Islands (AUD) 4386 </option> 4387 4388 <option 4389 value="CO" 4390 4391 > 4392 Colombia (COP) 4393 </option> 4394 4395 <option 4396 value="KM" 4397 4398 > 4399 Comoros (KMF) 4400 </option> 4401 4402 <option 4403 value="CG" 4404 4405 > 4406 Congo - Brazzaville (XAF) 4407 </option> 4408 4409 <option 4410 value="CD" 4411 4412 > 4413 Congo - Kinshasa (CDF) 4414 </option> 4415 4416 <option 4417 value="CK" 4418 4419 > 4420 Cook Islands (NZD) 4421 </option> 4422 4423 <option 4424 value="CR" 4425 4426 > 4427 Costa Rica (CRC) 4428 </option> 4429 4430 <option 4431 value="CI" 4432 4433 > 4434 Côte dâIvoire (XOF) 4435 </option> 4436 4437 <option 4438 value="HR" 4439 4440 > 4441 Croatia (EUR) 4442 </option> 4443 4444 <option 4445 value="CW" 4446 4447 > 4448 Curaçao (USD) 4449 </option> 4450 4451 <option 4452 value="CY" 4453 4454 > 4455 Cyprus (EUR) 4456 </option> 4457 4458 <option 4459 value="CZ" 4460 4461 > 4462 Czechia (CZK) 4463 </option> 4464 4465 <option 4466 value="DK" 4467 4468 > 4469 Denmark (DKK) 4470 </option> 4471 4472 <option 4473 value="DJ" 4474 4475 > 4476 Djibouti (DJF) 4477 </option> 4478 4479 <option 4480 value="DM" 4481 4482 > 4483 Dominica (XCD) 4484 </option> 4485 4486 <option 4487 value="DO" 4488 4489 > 4490 Dominican Republic (DOP) 4491 </option> 4492 4493 <option 4494 value="EC" 4495 4496 > 4497 Ecuador (USD) 4498 </option> 4499 4500 <option 4501 value="EG" 4502 4503 > 4504 Egypt (EGP) 4505 </option> 4506 4507 <option 4508 value="SV" 4509 4510 > 4511 El Salvador (USD) 4512 </option> 4513 4514 <option 4515 value="GQ" 4516 4517 > 4518 Equatorial Guinea (XAF) 4519 </option> 4520 4521 <option 4522 value="ER" 4523 4524 > 4525 Eritrea (HKD) 4526 </option> 4527 4528 <option 4529 value="EE" 4530 4531 > 4532 Estonia (EUR) 4533 </option> 4534 4535 <option 4536 value="SZ" 4537 4538 > 4539 Eswatini (SZL) 4540 </option> 4541 4542 <option 4543 value="ET" 4544 4545 > 4546 Ethiopia (ETB) 4547 </option> 4548 4549 <option 4550 value="FK" 4551 4552 > 4553 Falkland Islands (FKP) 4554 </option> 4555 4556 <option 4557 value="FO" 4558 4559 > 4560 Faroe Islands (DKK) 4561 </option> 4562 4563 <option 4564 value="FJ" 4565 4566 > 4567 Fiji (FJD) 4568 </option> 4569 4570 <option 4571 value="FI" 4572 4573 > 4574 Finland (EUR) 4575 </option> 4576 4577 <option 4578 value="FR" 4579 4580 > 4581 France (EUR) 4582 </option> 4583 4584 <option 4585 value="GF" 4586 4587 > 4588 French Guiana (EUR) 4589 </option> 4590 4591 <option 4592 value="PF" 4593 4594 > 4595 French Polynesia (XPF) 4596 </option> 4597 4598 <option 4599 value="TF" 4600 4601 > 4602 French Southern Territories (EUR) 4603 </option> 4604 4605 <option 4606 value="GA" 4607 4608 > 4609 Gabon (USD) 4610 </option> 4611 4612 <option 4613 value="GM" 4614 4615 > 4616 Gambia (GMD) 4617 </option> 4618 4619 <option 4620 value="GE" 4621 4622 > 4623 Georgia (GEL) 4624 </option> 4625 4626 <option 4627 value="DE" 4628 4629 > 4630 Germany (EUR) 4631 </option> 4632 4633 <option 4634 value="GH" 4635 4636 > 4637 Ghana (USD) 4638 </option> 4639 4640 <option 4641 value="GI" 4642 4643 > 4644 Gibraltar (GBP) 4645 </option> 4646 4647 <option 4648 value="GR" 4649 4650 > 4651 Greece (EUR) 4652 </option> 4653 4654 <option 4655 value="GL" 4656 4657 > 4658 Greenland (DKK) 4659 </option> 4660 4661 <option 4662 value="GD" 4663 4664 > 4665 Grenada (XCD) 4666 </option> 4667 4668 <option 4669 value="GP" 4670 4671 > 4672 Guadeloupe (EUR) 4673 </option> 4674 4675 <option 4676 value="GT" 4677 4678 > 4679 Guatemala (GTQ) 4680 </option> 4681 4682 <option 4683 value="GG" 4684 4685 > 4686 Guernsey (GBP) 4687 </option> 4688 4689 <option 4690 value="GN" 4691 4692 > 4693 Guinea (GNF) 4694 </option> 4695 4696 <option 4697 value="GW" 4698 4699 > 4700 Guinea-Bissau (XOF) 4701 </option> 4702 4703 <option 4704 value="GY" 4705 4706 > 4707 Guyana (GYD) 4708 </option> 4709 4710 <option 4711 value="HT" 4712 4713 > 4714 Haiti (HTG) 4715 </option> 4716 4717 <option 4718 value="HN" 4719 4720 > 4721 Honduras (HNL) 4722 </option> 4723 4724 <option 4725 value="HK" 4726 4727 > 4728 Hong Kong SAR (HKD) 4729 </option> 4730 4731 <option 4732 value="HU" 4733 4734 > 4735 Hungary (HUF) 4736 </option> 4737 4738 <option 4739 value="IS" 4740 4741 > 4742 Iceland (ISK) 4743 </option> 4744 4745 <option 4746 value="IN" 4747 4748 > 4749 India (INR) 4750 </option> 4751 4752 <option 4753 value="ID" 4754 4755 > 4756 Indonesia (IDR) 4757 </option> 4758 4759 <option 4760 value="IQ" 4761 4762 > 4763 Iraq (HKD) 4764 </option> 4765 4766 <option 4767 value="IE" 4768 4769 > 4770 Ireland (EUR) 4771 </option> 4772 4773 <option 4774 value="IM" 4775 4776 > 4777 Isle of Man (GBP) 4778 </option> 4779 4780 <option 4781 value="IL" 4782 4783 > 4784 Israel (ILS) 4785 </option> 4786 4787 <option 4788 value="IT" 4789 4790 > 4791 Italy (EUR) 4792 </option> 4793 4794 <option 4795 value="JM" 4796 4797 > 4798 Jamaica (JMD) 4799 </option> 4800 4801 <option 4802 value="JP" 4803 4804 > 4805 Japan (JPY) 4806 </option> 4807 4808 <option 4809
4809 value="JE" 4810 4811 > 4812 Jersey (GBP) 4813 </option> 4814 4815 <option 4816 value="JO" 4817 4818 > 4819 Jordan (USD) 4820 </option> 4821 4822 <option 4823 value="KZ" 4824 4825 > 4826 Kazakhstan (KZT) 4827 </option> 4828 4829 <option 4830 value="KE" 4831 4832 > 4833 Kenya (KES) 4834 </option> 4835 4836 <option 4837 value="KI" 4838 4839 > 4840 Kiribati (USD) 4841 </option> 4842 4843 <option 4844 value="XK" 4845 4846 > 4847 Kosovo (EUR) 4848 </option> 4849 4850 <option 4851 value="KW" 4852 4853 > 4854 Kuwait (USD) 4855 </option> 4856 4857 <option 4858 value="KG" 4859 4860 > 4861 Kyrgyzstan (KGS) 4862 </option> 4863 4864 <option 4865 value="LA" 4866 4867 > 4868 Laos (LAK) 4869 </option> 4870 4871 <option 4872 value="LV" 4873 4874 > 4875 Latvia (EUR) 4876 </option> 4877 4878 <option 4879 value="LB" 4880 4881 > 4882 Lebanon (LBP) 4883 </option> 4884 4885 <option 4886 value="LS" 4887 4888 > 4889 Lesotho (LSL) 4890 </option> 4891 4892 <option 4893 value="LR" 4894 4895 > 4896 Liberia (LRD) 4897 </option> 4898 4899 <option 4900 value="LY" 4901 4902 > 4903 Libya (HKD) 4904 </option> 4905 4906 <option 4907 value="LI" 4908 4909 > 4910 Liechtenstein (CHF) 4911 </option> 4912 4913 <option 4914 value="LT" 4915 4916 > 4917 Lithuania (EUR) 4918 </option> 4919 4920 <option 4921 value="LU" 4922 4923 > 4924 Luxembourg (EUR) 4925 </option> 4926 4927 <option 4928 value="MO" 4929 4930 > 4931 Macao SAR (MOP) 4932 </option> 4933 4934 <option 4935 value="MG" 4936 4937 > 4938 Madagascar (USD) 4939 </option> 4940 4941 <option 4942 value="MW" 4943 4944 > 4945 Malawi (MWK) 4946 </option> 4947 4948 <option 4949 value="MY" 4950 4951 > 4952 Malaysia (MYR) 4953 </option> 4954 4955 <option 4956 value="MV" 4957 4958 > 4959 Maldives (MVR) 4960 </option> 4961 4962 <option 4963 value="ML" 4964 4965 > 4966 Mali (XOF) 4967 </option> 4968 4969 <option 4970 value="MT" 4971 4972 > 4973 Malta (EUR) 4974 </option> 4975 4976 <option 4977 value="MQ" 4978 4979 > 4980 Martinique (EUR) 4981 </option> 4982 4983 <option 4984 value="MR" 4985 4986 > 4987 Mauritania (USD) 4988 </option> 4989 4990 <option 4991 value="MU" 4992 4993 > 4994 Mauritius (MUR) 4995 </option> 4996 4997 <option 4998 value="YT" 4999 5000 > 5001 Mayotte (EUR) 5002 </option> 5003 5004 <option 5005 value="MX" 5006 5007 > 5008 Mexico (MXN) 5009 </option> 5010 5011 <option 5012 value="MD" 5013 5014 > 5015 Moldova (MDL) 5016 </option> 5017 5018 <option 5019 value="MC" 5020 5021 > 5022 Monaco (EUR) 5023 </option> 5024 5025 <option 5026 value="MN" 5027 5028 > 5029 Mongolia (MNT) 5030 </option> 5031 5032 <option 5033 value="ME" 5034 5035 > 5036 Montenegro (EUR) 5037 </option> 5038 5039 <option 5040 value="MS" 5041 5042 > 5043 Montserrat (XCD) 5044 </option> 5045 5046 <option 5047 value="MA" 5048 5049 > 5050 Morocco (MAD) 5051 </option> 5052 5053 <option 5054 value="MZ" 5055 5056 > 5057 Mozambique (MZN) 5058 </option> 5059 5060 <option 5061 value="MM" 5062 5063 > 5064 Myanmar (Burma) (MMK) 5065 </option> 5066 5067 <option 5068 value="NA" 5069 5070 > 5071 Namibia (NAD) 5072 </option> 5073 5074 <option 5075 value="NR" 5076 5077 > 5078 Nauru (AUD) 5079 </option> 5080 5081 <option 5082 value="NP" 5083 5084 > 5085 Nepal (NPR) 5086 </option> 5087 5088 <option 5089 value="NL" 5090 5091 > 5092 Netherlands (EUR) 5093 </option> 5094 5095 <option 5096 value="NC" 5097 5098 > 5099 New Caledonia (XPF) 5100 </option> 5101 5102 <option 5103 value="NZ" 5104 5105 >
5106 New Zealand (NZD) 5107 </option> 5108 5109 <option 5110 value="NI" 5111 5112 > 5113 Nicaragua (NIO) 5114 </option> 5115 5116 <option 5117 value="NE" 5118 5119 > 5120 Niger (XOF) 5121 </option> 5122 5123 <option 5124 value="NG" 5125 5126 > 5127 Nigeria (NGN) 5128 </option> 5129 5130 <option 5131 value="NU" 5132 5133 > 5134 Niue (NZD) 5135 </option> 5136 5137 <option 5138 value="NF" 5139 5140 > 5141 Norfolk Island (AUD) 5142 </option> 5143 5144 <option 5145 value="MK" 5146 5147 > 5148 North Macedonia (MKD) 5149 </option> 5150 5151 <option 5152 value="NO" 5153 5154 > 5155 Norway (NOK) 5156 </option> 5157 5158 <option 5159 value="OM" 5160 5161 > 5162 Oman (USD) 5163 </option> 5164 5165 <option 5166 value="PK" 5167 5168 > 5169 Pakistan (PKR) 5170 </option> 5171 5172 <option 5173 value="PS" 5174 5175 > 5176 Palestinian Territories (ILS) 5177 </option> 5178 5179 <option 5180 value="PA" 5181 5182 > 5183 Panama (USD) 5184 </option> 5185 5186 <option 5187 value="PG" 5188 5189 > 5190 Papua New Guinea (PGK) 5191 </option> 5192 5193 <option 5194 value="PY" 5195 5196 > 5197 Paraguay (PYG) 5198 </option> 5199 5200 <option 5201 value="PE" 5202 5203 > 5204 Peru (PEN) 5205 </option> 5206 5207 <option 5208 value="PH" 5209 5210 > 5211 Philippines (PHP) 5212 </option> 5213 5214 <option 5215 value="PN" 5216 5217 > 5218 Pitcairn Islands (NZD) 5219 </option> 5220 5221 <option 5222 value="PL" 5223 5224 > 5225 Poland (PLN) 5226 </option> 5227 5228 <option 5229 value="PT" 5230 5231 > 5232 Portugal (EUR) 5233 </option> 5234 5235 <option 5236 value="QA" 5237 5238 > 5239 Qatar (QAR) 5240 </option> 5241 5242 <option 5243 value="RE" 5244 5245 > 5246 Réunion (EUR) 5247 </option> 5248 5249 <option 5250 value="RO" 5251 5252 > 5253 Romania (RON) 5254 </option> 5255 5256 <option 5257 value="RU" 5258 5259 > 5260 Russia (HKD) 5261 </option> 5262 5263 <option 5264 value="RW" 5265 5266 > 5267 Rwanda (RWF) 5268 </option> 5269 5270 <option 5271 value="WS" 5272 5273 > 5274 Samoa (WST) 5275 </option> 5276 5277 <option 5278 value="SM" 5279 5280 > 5281 San Marino (EUR) 5282 </option> 5283 5284 <option 5285 value="ST" 5286 5287 > 5288 São Tomé & PrÃncipe (STD) 5289 </option> 5290 5291 <option 5292 value="SA" 5293 5294 > 5295 Saudi Arabia (SAR) 5296 </option> 5297 5298 <option 5299 value="SN" 5300 5301 > 5302 Senegal (XOF) 5303 </option> 5304 5305 <option 5306 value="RS" 5307 5308 >
5309 Serbia (RSD) 5310 </option> 5311 5312 <option 5313 value="SC" 5314 5315 > 5316 Seychelles (SCR) 5317 </option> 5318 5319 <option 5320 value="SL" 5321 5322 > 5323 Sierra Leone (SLL) 5324 </option> 5325 5326 <option 5327 value="SG" 5328 5329 > 5330 Singapore (SGD) 5331 </option> 5332 5333 <option 5334 value="SX" 5335 5336 > 5337 Sint Maarten (USD) 5338 </option> 5339 5340 <option 5341 value="SK" 5342 5343 > 5344 Slovakia (EUR) 5345 </option> 5346 5347 <option 5348 value="SI" 5349 5350 > 5351 Slovenia (EUR) 5352 </option> 5353 5354 <option 5355 value="SB" 5356 5357 > 5358 Solomon Islands (SBD) 5359 </option> 5360 5361 <option 5362 value="SO" 5363 5364 > 5365 Somalia (HKD) 5366 </option> 5367 5368 <option 5369 value="ZA" 5370 5371 > 5372 South Africa (ZAR) 5373 </option> 5374 5375 <option 5376 value="GS" 5377 5378 > 5379 South Georgia & South Sandwich Islands (GBP) 5380 </option> 5381 5382 <option 5383 value="KR" 5384 5385 > 5386 South Korea (KRW) 5387 </option> 5388 5389 <option 5390 value="SS" 5391 5392 > 5393 South Sudan (HKD) 5394 </option> 5395 5396 <option 5397 value="ES" 5398 5399 > 5400 Spain (EUR) 5401 </option> 5402 5403 <option 5404 value="LK" 5405 5406 > 5407 Sri Lanka (LKR) 5408 </option> 5409 5410 <option 5411 value="BL" 5412 5413 > 5414 St. Barthélemy (EUR) 5415 </option> 5416 5417 <option 5418 value="SH" 5419 5420 > 5421 St. Helena (SHP) 5422 </option> 5423 5424 <option 5425 value="KN" 5426 5427 > 5428 St. Kitts & Nevis (XCD) 5429 </option> 5430 5431 <option 5432 value="LC" 5433 5434 > 5435 St. Lucia (XCD) 5436 </option> 5437 5438 <option 5439 value="MF" 5440 5441 > 5442 St. Martin (EUR) 5443 </option> 5444 5445 <option 5446 value="PM" 5447 5448 > 5449 St. Pierre & Miquelon (EUR) 5450 </option> 5451 5452 <option 5453 value="VC" 5454 5455 > 5456 St. Vincent & Grenadines (XCD) 5457 </option> 5458 5459 <option 5460 value="SD" 5461 5462 > 5463 Sudan (HKD) 5464 </option> 5465 5466 <option 5467 value="SR" 5468 5469 > 5470 Suriname (SRD) 5471 </option> 5472 5473 <option 5474 value="SJ" 5475 5476 > 5477 Svalbard & Jan Mayen (NOK) 5478 </option> 5479 5480 <option 5481 value="SE" 5482 5483 > 5484 Sweden (SEK) 5485 </option> 5486 5487 <option 5488 value="CH" 5489 5490 > 5491 Switzerland (CHF) 5492 </option> 5493 5494 <option 5495 value="TW" 5496 5497 > 5498 Taiwan (TWD) 5499 </option> 5500 5501 <option 5502 value="TJ" 5503 5504 > 5505 Tajikistan (TJS) 5506 </option> 5507 5508 <option 5509 value="TZ" 5510 5511 > 5512 Tanzania (TZS) 5513 </option> 5514 5515 <option 5516 value="TH" 5517 5518 > 5519 Thailand (THB) 5520 </option> 5521 5522 <option 5523 value="TL" 5524 5525 > 5526 Timor-Leste (USD) 5527 </option> 5528 5529 <option 5530 value="TG" 5531 5532 > 5533 Togo (XOF) 5534 </option> 5535 5536 <option 5537 value="TK" 5538 5539 > 5540 Tokelau (NZD) 5541 </option> 5542 5543 <option 5544 value="TO" 5545 5546 > 5547 Tonga (TOP) 5548 </option> 5549 5550 <option 5551 value="TT" 5552 5553 > 5554 Trinidad & Tobago (TTD) 5555 </option> 5556 5557 <option 5558 value="TA" 5559 5560 > 5561 Tristan da Cunha (GBP) 5562 </option> 5563 5564 <option 5565 value="TN"
5566 5567 > 5568 Tunisia (USD) 5569 </option> 5570 5571 <option 5572 value="TR" 5573 5574 > 5575 Türkiye (HKD) 5576 </option> 5577 5578 <option 5579 value="TM" 5580 5581 > 5582 Turkmenistan (USD) 5583 </option> 5584 5585 <option 5586 value="TC" 5587 5588 > 5589 Turks & Caicos Islands (USD) 5590 </option> 5591 5592 <option 5593 value="TV" 5594 5595 > 5596 Tuvalu (AUD) 5597 </option> 5598 5599 <option 5600 value="UM" 5601 5602 > 5603 U.S. Outlying Islands (USD) 5604 </option> 5605 5606 <option 5607 value="UG" 5608 5609 > 5610 Uganda (UGX) 5611 </option> 5612 5613 <option 5614 value="UA" 5615 5616 > 5617 Ukraine (UAH) 5618 </option> 5619 5620 <option 5621 value="AE" 5622 5623 > 5624 United Arab Emirates (AED) 5625 </option> 5626 5627 <option 5628 value="GB" 5629 5630 > 5631 United Kingdom (GBP) 5632 </option> 5633 5634 <option 5635 value="US" 5636 5637 selected 5638 5639 > 5640 United States (USD) 5641 </option> 5642 5643 <option 5644 value="UY" 5645 5646 > 5647 Uruguay (UYU) 5648 </option> 5649 5650 <option 5651 value="UZ" 5652 5653 > 5654 Uzbekistan (UZS) 5655 </option> 5656 5657 <option 5658 value="VU" 5659 5660 > 5661 Vanuatu (VUV) 5662 </option> 5663 5664 <option 5665 value="VA" 5666 5667 > 5668 Vatican City (EUR) 5669 </option> 5670 5671 <option 5672 value="VE" 5673 5674 > 5675 Venezuela (USD) 5676 </option> 5677 5678 <option 5679 value="VN" 5680 5681 > 5682 Vietnam (VND) 5683 </option> 5684 5685 <option 5686 value="WF" 5687 5688 > 5689 Wallis & Futuna (XPF) 5690 </option> 5691 5692 <option 5693 value="EH" 5694 5695 > 5696 Western Sahara (MAD) 5697 </option> 5698 5699 <option 5700 value="YE" 5701 5702 > 5703 Yemen (YER) 5704 </option> 5705 5706 <option 5707 value="ZM" 5708 5709 > 5710 Zambia (ZMW) 5711 </option> 5712 5713 <option 5714 value="ZW" 5715 5716 > 5717 Zimbabwe (USD) 5718 </option> 5719 5720 </select> 5721 <input type="hidden" name="language_code" value="en"> 5722 </form> 5723 5724 </li> 5725 5726 5727 </ul> 5728 </div> 5729 </div> 5730 5731 <div class="close-menu-mobile text-center js-eveland-close"><i class="ti-close mr-3"></i>Close</div> 5732 </div> 5733</div> 5734 5735<!-- Popup login is already included in theme.liquid, no need to include again --> 5736 5737<style> 5738 /* Mobile-specific popup-login styles */ 5739 @media (max-width: 1199.98px) { 5740 .poup-login-destop.active { 5741 display: flex !important; 5742 flex-direction: column; 5743 justify-content: center; 5744 align-items: center; 5745 width: 90% !important; 5746 max-width: 400px !important; 5747 height: auto !important; 5748 max-height: 90vh !important; 5749 overflow-y: auto !important; 5750 top: 50% !important; 5751 left: 50% !important; 5752 transform: translate(-50%, -50%) !important; 5753 margin: 0 !important; 5754 padding: 30px 20px !important; 5755 z-index: 9999999999 !important; 5756 pointer-events: auto !important; 5757 } 5758 5759 .poup-login-destop.active .overlay_login-content { 5760 width: 100% !important; 5761 position: relative !important; 5762 z-index: 10000000000 !important; 5763 } 5764 5765 .poup-login-destop.active .formlogin-destop, 5766 .poup-login-destop.active .form_register-destop { 5767 width: 100% !important; 5768 } 5769 5770 /* Hide background overlay on mobile */ 5771 .bg-login-popup.active { 5772 display: none !important; 5773 } 5774 } 5775</style> 5776
5777<script> 5778 $(document).ready(function () { 5779 var mobilePopupOpen = false; 5780 // LOGIN tab click handler - show popup instead of tab switching 5781 $('.tab_navar_right').on('click', function (e) { 5782 e.preventDefault(); 5783 e.stopPropagation(); 5784 $('.box_contentmenu').removeClass('active'); 5785 $('.box_contentmenu_background').removeClass('active'); 5786 $('.menuleft').removeClass('active'); 5787 $('.js-poup-login-destop').addClass('active'); 5788 $('.js-bg-login-popup').addClass('active'); 5789 if ($(window).width() < 1200) { 5790 mobilePopupOpen = true; 5791 } 5792 $('.formlogin-destop').show(); 5793 $('.form_register-destop').hide(); 5794 }); 5795 function closeMobilePopup() { 5796 $('.js-poup-login-destop').removeClass('active'); 5797 $('.js-bg-login-popup').removeClass('active'); 5798 mobilePopupOpen = false; 5799 } 5800 $(document).on('click', function (e) { 5801 if ($(window).width() < 1200 && mobilePopupOpen) { 5802 if (!$(e.target).closest('.poup-login-destop').length) { 5803 closeMobilePopup(); 5804 } 5805 } 5806 }); 5807 $(document).on('click', '.poup-login-destop', function (e) { 5808 if ($(window).width() < 1200) { 5809 e.stopPropagation(); 5810 } 5811 }); 5812 $(document).on('click', '.js-eveland-close-login', function (e) { 5813 e.preventDefault(); 5814 e.stopPropagation(); 5815 closeMobilePopup(); 5816 }); 5817 $(document).on('click', '.jsCreate_account', function (e) { 5818 if ($(window).width() < 1200) { 5819 e.stopPropagation(); 5820 } 5821 }); 5822 $(document).on('click', '.jsBack_login', function (e) { 5823 if ($(window).width() < 1200) { 5824 e.stopPropagation(); 5825 } 5826 }); 5827 $(document).on('click', '.RecoverPassword', function (e) { 5828 if ($(window).width() < 1200) { 5829 e.stopPropagation(); 5830 } 5831 }); 5832 $(document).on('click', '.HideRecoverPasswordLink', function (e) { 5833 if ($(window).width() < 1200) { 5834 e.stopPropagation(); 5835 } 5836 }); 5837 }); 5838</script>
5838 5839 5840 <div class="poup-login-destop js-poup-login-destop d-none d-xl-block"> 5841 <div class="overlay_login-content"> 5842 <div class="row justify-content-center box_content_accountdestop text-center"> 5843 <div class="formlogin-destop"> 5844 <div class="login_primary CustomerLoginForm"> 5845 <div class="login-icon-popup-login"> 5846 5847 <a href="https://juicestore.com"> 5848 5849 <img 5850 src="//clotinc.com/cdn/shop/files/juicestore.webp?v=1719992086" 5851 width="100" 5852 alt="JUICESTORE" 5853 > 5854 5855 </a> 5856 5857 </div> 5858 <h2 class="title-tab-login">Great to have you back!</h2> 5859 <div class="mailrrr mt-3"> 5860 <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /> 5861 5862 <div class="form-group"> 5863 <input 5864 type="email" 5865 class="form-control" 5866 name="customer[email]" 5867 placeholder="Email adress" 5868 required 5869 > 5870 </div> 5871 5872 <div class="form-group"> 5873 <input 5874 type="password" 5875 class="form-control" 5876 placeholder="Password" 5877 name="customer[password]" 5878 required 5879 > 5880 </div> 5881 5882 <div class="form-check"> 5883 5884 <a href="#recover" class="RecoverPassword">Forgot your password?</a> 5885 5886 </div> 5887 <button type="submit" class="btn btn-dark w-100" value="Log In"> 5888 Log In 5889 </button> 5890 </form> 5891 </div> 5892 5893 <div class="or_creat my-3"> 5894 <div class="box-register"> 5895 <span class="or-register mr-2">Donât have an account?</span 5896 ><a href="javascript:void(0)" class="jsCreate_account">Register now 5897 <i class="ml-2 ti-arrow-right"></i 5898 ></a> 5899 </div> 5900 </div> 5901 </div> 5902 <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="â" /> 5903 5904 5905 5906 <div class="RecoverPasswordForm" style="display: none;"> 5907 <div class="block-login"> 5908 <span class="login-icon"> 5909 <i class="ti-reload"></i> 5910 </span> 5911 <h2 class="title_resgister title24 text-center title-form-account"> 5912 Reset your password 5913 </h2> 5914 <div class="form-group mb-0 row"> 5915 <div class="col-sm-12"> 5916 <input 5917 type="email" 5918 class="form-control" 5919 placeholder="Email adress" 5920 name="customer[email]" 5921 5922 required 5923 > 5924 </div> 5925 </div> 5926 <div class="text-center"> 5927 <input type="submit" class="btn register-button" value="Submit"> 5928 </div> 5929 <div class="table-custom create-account"> 5930 <div class="box-register text-center mt-4"> 5931 <a class="HideRecoverPasswordLink" style="cursor: pointer;" class="color">Cancel</a> 5932 </div> 5933 </div> 5934 </div> 5935 </div> 5936 </form> 5937 </div> 5938 <div class="form_register-destop"> 5939 <div class="login_primary"> 5940 <div class="login-icon register-icon"> 5941 <span class="ti-pencil-alt"> </span> 5942 </div> 5943 <span class="title_resgister">Register</span> 5944 <div class="mailrrr mt-3"> 5945 <form method="post" action="/account" id="create_customer_popup_modal" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="â" /> 5946 5947 <div class="form-group"> 5948 <input 5949 type="email" 5950 placeholder="Email address" 5951 class="form-control" 5952 name="customer[email]" 5953 5954 required 5955 > 5956 </div> 5957 <div class="form-group"> 5958 <input 5959 type="password" 5960 class="form-control" 5961 name="customer[password]" 5962 placeholder="Password" 5963 required 5964 > 5965 </div> 5966 <button type="submit" class="btn btn-dark w-100" value="register"> 5967 register 5968 </button> 5969 </form> 5970 </div> 5971 <div class="or_creat my-3"> 5972 <div class="box-register"> 5973 <a href="javascript:void(0)" class="jsBack_login">Back to login 5974 <i class="ml-3 ti-arrow-right"></i 5975 ></a> 5976 </div> 5977 </div> 5978 </div> 5979 </div> 5980 </div> 5981 <a href="javascript:void(0)" class="eveland-close-login js-eveland-close-login"><i class="ti-close"></i></a> 5982 </div> 5983</div> 5984<div class="bg-login-popup js-bg-login-popup"></div> 5985 5986 5987 <!-- /templates/product.liquid --> 5988<div id="shopify-section-product-template" class="shopify-section"> 5989 5990 5991 5992 5993 5994 5995 5996 5997 5998<div class="product-variabale"> 5999 <section id="content"> 6000 <div class="wrap-bread-crumb" style="padding: 30px 0 40px 0;"> 6001 <div class="container container-casa"> 6002 <!-- /snippets/breadcrumb.liquid --> 6003 6004 6005 6006 <div class="bread-crumb"> 6007 <a href="/" title="Back to the frontpage" class="breadcrumb-home"> 6008 Home 6009 <i class="fa fa-angle-right" aria-hidden="true"></i> 6010 </a> 6011 6012 6013
6014 <span class="breadcrumb-current">CLOT X KODAK Lanyard (Yellow)</span> 6015 6016 6017 </div> 6018 6019 6020 </div> 6021 </div> 6022 <!-- End Bread Crumb --> 6023 <div class=""> 6024 <div class="content-page container container-casa"> 6025 <div class="content-page-detail"> 6026 <div class="row"> 6027 <div class="col-lg-7 col-md-6 col-sm-12 col-12"> 6028 <div class="gallery-control"> 6029 6030 <div class="row"> 6031 <div class="col-lg-2 col-md-3 gutter galaryone"> 6032 <div class="js_prod_sub"> 6033 6034 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6035 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957" alt="CLOT X KODAK Lanyard (Yellow)"> 6036 </div> 6037 6038 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6039 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-1.jpg?v=1788835957" alt="CLOT X KODAK Lanyard (Yellow)"> 6040 </div> 6041 6042 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6043 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-2.jpg?v=1788835957" alt="CLOT X KODAK Lanyard (Yellow)"> 6044 </div> 6045 6046 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6047 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-4.jpg?v=1788835957" alt="CLOT X KODAK Lanyard (Yellow)"> 6048 </div> 6049 6050 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6051 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-5.jpg?v=1788835957" alt="CLOT X KODAK Lanyard (Yellow)"> 6052 </div> 6053 6054 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6055 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-6.jpg?v=1788835957" alt="CLOT X KODAK Lanyard (Yellow)"> 6056 </div> 6057 6058 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6059 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-7.jpg?v=1788835957" alt="CLOT X KODAK Lanyard (Yellow)"> 6060 </div> 6061 6062 <div class="engoj_img_variant prod_sub engoj-nav-item"> 6063 <img src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-8.jpg?v=1788835966" alt="CLOT X KODAK Lanyard (Yellow)"> 6064 </div> 6065 6066 </div> 6067 </div> 6068 <div class="col-lg-10 col-md-9 gutter "> 6069 6070 6071 6072 6073 <div class="img_thumb js_prod_main"> 6074 6075 <div> 6076 <img 6077 class="engoj_img_main w-100 img-fluid" 6078 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957" 6079 alt="CLOT X KODAK Lanyard (Yellow)" 6080 alt="CLOT X KODAK Lanyard (Yellow)" 6081 > 6082 </div> 6083 6084 <div> 6085 <img 6086 class="engoj_img_main w-100 img-fluid" 6087 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-1.jpg?v=1788835957" 6088 alt="CLOT X KODAK Lanyard (Yellow)" 6089 alt="CLOT X KODAK Lanyard (Yellow)" 6090 > 6091 </div> 6092 6093 <div> 6094 <img 6095 class="engoj_img_main w-100 img-fluid" 6096 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-2.jpg?v=1788835957"
6097 alt="CLOT X KODAK Lanyard (Yellow)" 6098 alt="CLOT X KODAK Lanyard (Yellow)" 6099 > 6100 </div> 6101 6102 <div> 6103 <img 6104 class="engoj_img_main w-100 img-fluid" 6105 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-4.jpg?v=1788835957" 6106 alt="CLOT X KODAK Lanyard (Yellow)" 6107 alt="CLOT X KODAK Lanyard (Yellow)" 6108 > 6109 </div> 6110 6111 <div> 6112 <img 6113 class="engoj_img_main w-100 img-fluid" 6114 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-5.jpg?v=1788835957" 6115 alt="CLOT X KODAK Lanyard (Yellow)" 6116 alt="CLOT X KODAK Lanyard (Yellow)" 6117 > 6118 </div> 6119 6120 <div> 6121 <img 6122 class="engoj_img_main w-100 img-fluid" 6123 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-6.jpg?v=1788835957" 6124 alt="CLOT X KODAK Lanyard (Yellow)" 6125 alt="CLOT X KODAK Lanyard (Yellow)" 6126 > 6127 </div> 6128 6129 <div> 6130 <img 6131 class="engoj_img_main w-100 img-fluid" 6132 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-7.jpg?v=1788835957" 6133 alt="CLOT X KODAK Lanyard (Yellow)" 6134 alt="CLOT X KODAK Lanyard (Yellow)" 6135 > 6136 </div> 6137 6138 <div> 6139 <img 6140 class="engoj_img_main w-100 img-fluid" 6141 src="//clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-8.jpg?v=1788835966" 6142 alt="CLOT X KODAK Lanyard (Yellow)" 6143 alt="CLOT X KODAK Lanyard (Yellow)" 6144 > 6145 </div> 6146 6147 </div> 6148 </div> 6149 </div> 6150 6151 </div> 6152 <!-- End Gallery --> 6153 </div> 6154 <div class="col-lg-5 col-md-6"> 6155 <div class="detail-info "> 6156 <div class="top-product" style="margin-top: 20px;"> 6157 <style> 6158 @media (min-width: 769px) { 6159 .top-product { 6160 margin-top: 0 !important; 6161 } 6162 } 6163 </style> 6164 <!-- PRODUCT BRAND - Add above product title --> 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229 6230 6231 6232 6233 6234 6235 6236 6237 6238 6239 6240 6241 6242 6243 6244 6245 6246 6247 6248 <div 6249 class="product-brand-main" 6250 style="font-size: 14px; font-weight: bold; color: #000000; margin-bottom: 5px; text-transform: uppercase; line-height: 1.4;" 6251 > 6252 6253 <a 6254 href="/collections/clot-x-kodak" 6255 style="color: inherit; text-decoration: none;" 6256 > 6257 CLOT x KODAK 6258 </a> 6259 6260 </div> 6261 6262 6263 <h2 class="product-title " style="margin-bottom: 8px;">
6263CLOT X KODAK Lanyard (Yellow)</h2> 6264 <div class="product-price " style="margin-bottom: 8px;"> 6265 6266 <ins class="enj-product-price engoj_price_main">$67.00</ins> 6267 6268 </div> 6269 6270 </div> 6271 6272 6273 6274 6275 6276 6277 6278 6279 6280 6281 6282 <form 6283 action="/cart/add" 6284 method="post" 6285 enctype="multipart/form-data" 6286 id="AddToCartForm" 6287 class="cart clearfix" 6288 > 6289 6290 6291 <select name="id" id="productSelect" class="product-single__variants"> 6292 6293 6294 6295 6296 <option 6297 6298 selected="selected" 6299 6300 data-sku="CLAC26FKD602YEFRE" 6301 value="41634579284026" 6302 > 6303 One size - $67.00 USD 6304 </option> 6305 6306 6307 6308 </select> 6309 6310 6311 <!-- End Swatch Variant --> 6312 6313 <!-- Metafield Color Navigation --> 6314 6315 6316 6317 6318 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 6332 6333 6334 6335 6336 6337 6338 6339 6340 6341 6342 6343 6344 6345 <!-- End Metafield Color Navigation --> 6346 6347 <!-- Gift Card Recipient Form --> 6348 6349 <!-- End Gift Card Recipient Form --> 6350 6351 <!-- Add to cart & quantity --> 6352 6353 6354 <div class="btn-action detail-attr qty-cart"> 6355 <button type="submit" class="shop-button enj-add-to-cart-btn engoj-btn-addtocart"> 6356 Add to Cart 6357 </button> 6358 6359 <div class="js-qty"> 6360 <input type="number" size="4" title="Qty" value="1" min="1" id="Quantity" name="quantity"> 6361 </div> 6362 6363 </div> 6364 <!-- End add to cart & quantity --> 6365 6366 6367 6368 6369 </form> 6370 6371 <div class="btn-addwhlist"> 6372 6373<a href="/account/login" class="box-shadow inline-block maxus-product__wishlist wish text-center" data-toggle="tooltip" data-placement="top" data-original-title="Add to Wishlist"> 6374 6375<i class="icon-heart "></i> 6376</a> 6377 6378 <span class="text_whlist">Add to Wishlist</span> 6379 </div> 6380 6381 <ul class="product-meta-info"> 6382 6383 6384 6385 6386 6387 </ul> 6388 6389 6390 <div class="detail-share-social "> 6391 <div class="share-product-title engoc-flex-wrap "> 6392 <svg 6393 version="1.1" 6394 baseProfile="basic" 6395 id="Shape_1_1_" 6396 xmlns="http://www.w3.org/2000/svg" 6397 xmlns:xlink="http://www.w3.org/1999/xlink" 6398 x="0px" 6399 y="0px" 6400 width="26.456px" 6401 height="28.346px"
6402 viewBox="0 0 26.456 28.346" 6403 xml:space="preserve" 6404 > 6405 <g id="Shape_1"> 6406 <path fill-rule="evenodd" clip-rule="evenodd" d="M21.433,18.21c-1.614,0-3.054,0.777-3.975,1.979l-7.709-4.351 6407 c0.181-0.524,0.28-1.09,0.28-1.672c0-0.589-0.1-1.147-0.286-1.678l7.704-4.344c0.914,1.207,2.359,1.989,3.979,1.989 6408 c2.762,0,5.018-2.271,5.018-5.067S24.194,0,21.427,0s-5.018,2.271-5.018,5.067c0,0.589,0.1,1.153,0.286,1.678l-7.698,4.344 6409 c-0.915-1.213-2.359-1.99-3.979-1.989C2.256,9.099,0,11.371,0,14.167c0,2.795,2.256,5.067,5.023,5.067 6410 c1.619,0,3.064-0.782,3.985-1.996l7.704,4.351c-0.187,0.529-0.292,1.101-0.292,1.689c0,2.789,2.25,5.067,5.018,5.067 6411 s5.018-2.272,5.018-5.067C26.456,20.482,24.2,18.21,21.433,18.21z M21.433,1.594c1.899,0,3.443,1.56,3.443,3.479 6412 s-1.544,3.479-3.443,3.479s-3.443-1.56-3.443-3.479S19.539,1.594,21.433,1.594z M5.023,17.646c-1.9,0-3.443-1.561-3.443-3.479 6413 c0-1.92,1.543-3.479,3.443-3.479c1.899-0.001,3.443,1.559,3.443,3.478C8.467,16.084,6.917,17.646,5.023,17.646z M21.433,26.751 6414 c-1.899,0-3.443-1.561-3.443-3.479c0-1.92,1.544-3.479,3.443-3.479s3.443,1.559,3.443,3.479 6415 C24.876,25.191,23.332,26.751,21.433,26.751z"/> 6416 </g> 6417 </svg> 6418 <label for="share-product">Share </label> 6419 </div> 6420 <div class="casano-social-product absolute"> 6421 6422 6423 6424 6425 6426<a href="//twitter.com/share?text=CLOT%20X%20KODAK%20Lanyard%20(Yellow)&url=https://juicestore.com/products/clot-kodak-lanyard-yellow" target="_blank" class="float-shadow"><i class="fa fa-twitter" aria-hidden="true"></i></a> 6427<a href="//www.facebook.com/sharer.php?u=https://juicestore.com/products/clot-kodak-lanyard-yellow" target="_blank" class="float-shadow"><i class="fa fa-facebook" aria-hidden="true"></i></a> 6428<a href="//plus.google.com/share?url=https://juicestore.com/products/clot-kodak-lanyard-yellow" target="_blank" class="float-shadow"><i class="fa fa-google-plus" aria-hidden="true"></i></a> 6429<a href="//pinterest.com/pin/create/button/?url=https://juicestore.com/products/clot-kodak-lanyard-yellow&media=http://clotinc.com/cdn/shop/files/clot-x-kodak-lanyard-yellow-3_1024x1024.jpg?v=1788835957&description=CLOT%20X%20KODAK%20Lanyard%20(Yellow)" target="_blank" class="float-shadow"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a> 6430 6431 </div> 6432 </div> 6433 6434 </div> 6435 </div> 6436 </div> 6437 </div> 6438 </div> 6439 </div> 6440 </section> 6441 <div class=" tab-pd-details"> 6442 <div class="title-tab"> 6443 <div class="container container-casa"> 6444 <ul class="nav nav-tabs tab_prod list-inline"> 6445 6446 <li class="list-inline-item"> 6447 <a data-toggle="tab" href="#des" class="active">Description +</a> 6448 </li> 6449 6450 6451 <li class="list-inline-item"> 6452 <a data-toggle="tab" href="#add">Additional Information +</a> 6453 </li> 6454 6455 6456 6457 </ul> 6458 </div> 6459 </div> 6460 <div class="container container-casa"> 6461 <div class="tab-content" style="text-align: left;"> 6462 6463 <div class="tab-pane fade show active" id="des"> 6464 <div class="desc product-desc"> 6465 <div class="product-description-content"> 6466 <ul> 6467<li>
6467Yellow lanyard with CLOT x KODAK graphic print<span class="PDq2pG_selectionAnchor"></span> 6468</li> 6469<li>Adjustable strap for a customized fit</li> 6470<li>Quick-release buckle for easy use</li> 6471<li>Metal ring and detachable clip attachment</li> 6472<li style="color: rgb(255, 42, 0);"><span style="color: rgb(255, 42, 0);"><strong>Camera shown in images is not included</strong></span></li> 6473</ul> 6474 </div> 6475 </div> 6476 </div> 6477 6478 6479 <div class="tab-pane fade" id="add"><a href="https://juicestore.com/pages/order-delivery" style="text-decoration: underline;">DELIVERY</a> 6480<br> 6481<a href="https://juicestore.com/pages/order-returns-exchanges" style="text-decoration: underline;">RETURNS AND EXCHANGES</a></div> 6482 6483 6484 </div> 6485 </div> 6486</div> 6487 6488<style> 6489 .product-desc { 6490 font-size: 16px; 6491 line-height: 1.6; 6492 color: #222; 6493 max-width: calc(100% - 40px); 6494 padding-right: 40px; 6495 margin-right: 20px; 6496 } 6497 6498 .product-desc p { 6499 margin: 0 0 0.9em 0; 6500 line-height: 1.6; 6501 color: inherit; 6502 } 6503 6504 .product-desc ul, 6505 .product-desc ol { 6506 margin: 0 0 1em 0; 6507 padding-left: 20px; 6508 line-height: 1.6; 6509 } 6510 6511 .product-desc ul { 6512 list-style: disc !important; 6513 } 6514 6515 .product-desc ol { 6516 list-style: decimal !important; 6517 } 6518 6519 .product-desc li { 6520 margin-bottom: 0.3em; 6521 line-height: 1.6; 6522 display: list-item !important; 6523 color: inherit; 6524 } 6525 6526 .product-desc li::marker { 6527 display: inline; 6528 } 6529 6530 .product-desc strong, 6531 .product-desc b { 6532 font-weight: 700; 6533 color: inherit; 6534 display: inline; 6535 } 6536 6537 /* 让 Waist: / Hip: è¿ç§æ®µè½æ´ååå°ç¼è¾å¨ */ 6538 .product-desc p strong, 6539 .product-desc p b { 6540 margin-right: 4px; 6541 } 6542 6543 .product-desc h1, 6544 .product-desc h2, 6545 .product-desc h3, 6546 .product-desc h4, 6547 .product-desc h5, 6548 .product-desc h6 { 6549 margin: 1.1em 0 0.45em 0; 6550 line-height: 1.3; 6551 color: inherit; 6552 font-weight: 700; 6553 } 6554 6555 .product-desc table { 6556 width: 100%; 6557 border-collapse: collapse; 6558 margin: 1.2em 0; 6559 } 6560 6561 .product-desc table th, 6562 .product-desc table td { 6563 padding: 10px 12px; 6564 border: 1px solid #ddd; 6565 text-align: left; 6566 vertical-align: top; 6567 color: inherit; 6568 } 6569 6570 .product-desc img { 6571 max-width: 100%; 6572 height: auto; 6573 } 6574 6575 @media (max-width: 768px) { 6576 .product-desc { 6577 font-size: 14px; 6578 line-height: 1.55; 6579 max-width: 100% !important; 6580 padding-right: 20px !important; 6581 margin-right: 0 !important; 6582 } 6583 6584 .product-desc p { 6585 margin-bottom: 0.8em; 6586 } 6587 6588 .product-desc ul, 6589 .product-desc ol { 6590 margin-bottom: 0.9em; 6591 } 6592 6593 .product-desc li { 6594 margin-bottom: 0.25em; 6595 } 6596 } 6597</style> 6598 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 6621 <div class="related-product container container-v2"> 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 6635 6636 <div class="text-center"> 6637 <div class="relatedProd-title">Related Products</div> 6638 </div> 6639 <div class="related-tabs pt-4 pt-lg-5"> 6640 <div class="row js_product_related"> 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 <div class="col-lg-3 col-md-4 col-sm-6 col-12"> 6658 6659<style> 6660 /* Ultra-high specificity selectors for product info below images */ 6661 html body .related-product .js_product_related .product-item-v2 .product-info-below, 6662 html body .related-product .related-tabs .product-item-v2 .product-info-below, 6663 html body .js_product_related .product-item-v2 .product-info-below, 6664 html body .related-product .product-item-v2 .product-info-below, 6665 html body .related-tabs .product-item-v2 .product-info-below, 6666 html body .product-item-v2 .product-info-below { 6667 position: relative !important; 6668 background: white !important; 6669 padding-top: 10px !important; 6670 display: block !important; 6671 visibility: visible !important; 6672 opacity: 1 !important; 6673 z-index: 100 !important; 6674 transition: all 0.3s ease; 6675 } 6676 6677 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 6678 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 6679 html body .js_product_related .product-item-v2 .product-brand-enhanced, 6680 html body .related-product .product-item-v2 .product-brand-enhanced, 6681 html body .related-tabs .product-item-v2 .product-brand-enhanced, 6682 html body .product-item-v2 .product-brand-enhanced { 6683 font-family: 'Nunito Sans', sans-serif !important; 6684 font-size: 14px !important; 6685 font-weight: bold !important; 6686 color: #000000 !important; 6687 margin-bottom: 5px !important; 6688 text-transform: uppercase !important; 6689 line-height: 1.4 !important; 6690 display: block !important; 6691 visibility: visible !important; 6692 opacity: 1 !important; 6693 position: relative !important; 6694 z-index: 101 !important; 6695 clear: both !important; 6696 } 6697 6698 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a, 6699 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a, 6700 html body .js_product_related .product-item-v2 .product-brand-enhanced a, 6701 html body .related-product .product-item-v2 .product-brand-enhanced a, 6702 html body .related-tabs .product-item-v2 .product-brand-enhanced a, 6703 html body .product-item-v2 .product-brand-enhanced a { 6704 color: inherit !important; 6705 text-decoration: none !important; 6706 } 6707 6708 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 6709 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 6710 html body .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 6711 html body .related-product .product-item-v2 .product-brand-enhanced a:hover, 6712 html body .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 6713 html body .product-item-v2 .product-brand-enhanced a:hover { 6714 text-decoration: underline !important; 6715 } 6716 6717 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 6718 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 6719 html body .js_product_related .product-item-v2 .title-product-enhanced, 6720 html body .related-product .product-item-v2 .title-product-enhanced, 6721 html body .related-tabs .product-item-v2 .title-product-enhanced, 6722 html body .product-item-v2 .title-product-enhanced { 6723 font-family: 'Nunito Sans', sans-serif !important; 6724 font-size: 14px !important; 6725 color: #000000 !important; 6726 margin-bottom: 5px !important; 6727 line-height: 1.4 !important; 6728 z-index: 101 !important; 6729 font-weight: normal !important; 6730 } 6731 6732 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced a, 6733 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced a, 6734 html body .js_product_related .product-item-v2 .title-product-enhanced a, 6735 html body .related-product .product-item-v2 .title-product-enhanced a, 6736 html body .related-tabs .product-item-v2 .title-product-enhanced a, 6737 html body .product-item-v2 .title-product-enhanced a { 6738 color: inherit !important; 6739 text-decoration: none !important; 6740 } 6741 6742 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 6743 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 6744 html body .js_product_related .product-item-v2 .price-product-enhanced, 6745 html body .related-product .product-item-v2 .price-product-enhanced, 6746 html body .related-tabs .product-item-v2 .price-product-enhanced, 6747 html body .product-item-v2 .price-product-enhanced { 6748 font-family: 'Nunito Sans', sans-serif !important; 6749 font-size: 14px !important; 6750 color: #000000 !important; 6751 margin-bottom: 10px !important; 6752 line-height: 1.4 !important; 6753 z-index: 101 !important; 6754 } 6755 6756 /* Compare price grey, product price black */ 6757 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price-old, 6758 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price-old, 6759 html body .js_product_related .product-item-v2 .price-product-enhanced .price-old, 6760 html body .related-product .product-item-v2 .price-product-enhanced .price-old, 6761 html body .related-tabs .product-item-v2 .price-product-enhanced .price-old, 6762 html body .product-item-v2 .price-product-enhanced .price-old { 6763 color: #979797 !important; 6764 text-decoration: line-through !important; 6765 } 6766 6767 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price, 6768 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price, 6769 html body .js_product_related .product-item-v2 .price-product-enhanced .price, 6770 html body .related-product .product-item-v2 .price-product-enhanced .price, 6771 html body .related-tabs .product-item-v2 .price-product-enhanced .price, 6772 html body .product-item-v2 .price-product-enhanced .price { 6773 color: #000000 !important; 6774 text-decoration: none !important; 6775 } 6776 6777 /* Desktop-specific with MAXIMUM specificity */ 6778 @media screen and (min-width: 769px) { 6779 html body .related-product .js_product_related .col-12 .product-item-v2 .product-info-below, 6780 html body .related-product .related-tabs .col-12 .product-item-v2 .product-info-below, 6781 html body .js_product_related .col-12 .product-item-v2 .product-info-below, 6782 html body .related-product .col-12 .product-item-v2 .product-info-below, 6783 html body .related-tabs .col-12 .product-item-v2 .product-info-below, 6784 html body .col-12 .product-item-v2 .product-info-below { 6785 position: relative !important; 6786 background: white !important; 6787 padding-top: 10px !important; 6788 display: block !important; 6789 visibility: visible !important; 6790 opacity: 1 !important; 6791 transition: all 0.3s ease; 6792 6793 } 6794 6795 html body .related-product .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 6796 html body .related-product .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 6797 html body .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 6798 html body .related-product .col-12 .product-item-v2 .product-brand-enhanced, 6799 html body .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 6800 html body .col-12 .product-item-v2 .product-brand-enhanced, 6801 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 6802 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 6803 html body .js_product_related .product-item-v2 .product-brand-enhanced, 6804 html body .related-product .product-item-v2 .product-brand-enhanced, 6805 html body .related-tabs .product-item-v2 .product-brand-enhanced, 6806 html body .product-item-v2 .product-brand-enhanced { 6807 font-family: 'Nunito Sans', sans-serif !important; 6808 font-size: 14px !important; 6809 font-weight: bold !important; 6810 color: #000000 !important; 6811 margin-bottom: 5px !important; 6812 text-transform: uppercase !important; 6813 line-height: 1.4 !important; 6814 display: block !important; 6815 visibility: visible !important; 6816 opacity: 1 !important; 6817 position: relative !important; 6818 6819 clear: both !important; 6820 } 6821 6822 html body .related-product .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 6823 html body .related-product .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 6824 html body .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 6825 html body .related-product .col-12 .product-item-v2 .title-product-enhanced, 6826 html body .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 6827 html body .col-12 .product-item-v2 .title-product-enhanced, 6828 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 6829 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 6830 html body .js_product_related .product-item-v2 .title-product-enhanced, 6831 html body .related-product .product-item-v2 .title-product-enhanced, 6832 html body .related-tabs .product-item-v2 .title-product-enhanced, 6833 html body .product-item-v2 .title-product-enhanced { 6834 font-family: 'Nunito Sans', sans-serif !important; 6835 font-size: 14px !important; 6836 color: #000000 !important; 6837 margin-bottom: 5px !important; 6838 line-height: 1.4 !important; 6839 6840 font-weight: normal !important; 6841 } 6842 6843 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 6844 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 6845 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 6846 html body .related-product .col-12 .product-item-v2 .price-product-enhanced, 6847 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 6848 html body .col-12 .product-item-v2 .price-product-enhanced, 6849 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 6850 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 6851 html body .js_product_related .product-item-v2 .price-product-enhanced, 6852 html body .related-product .product-item-v2 .price-product-enhanced, 6853 html body .related-tabs .product-item-v2 .price-product-enhanced, 6854 html body .product-item-v2 .price-product-enhanced { 6855 font-family: 'Nunito Sans', sans-serif !important; 6856 font-size: 14px !important; 6857 color: #000000 !important; 6858 margin-bottom: 10px !important; 6859 line-height: 1.4 !important; 6860 6861 } 6862 6863 /* Desktop price colors with maximum specificity */ 6864 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 6865 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 6866 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 6867 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price-old, 6868 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 6869 html body .col-12 .product-item-v2 .price-product-enhanced .price-old { 6870 color: #979797 !important; 6871 text-decoration: line-through !important; 6872 } 6873 6874 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 6875 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 6876 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 6877 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price, 6878 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 6879 html body .col-12 .product-item-v2 .price-product-enhanced .price { 6880 color: #000000 !important; 6881 text-decoration: none !important; 6882 } 6883 } 6884 6885 /* PH01 Design Pattern: Below-Image Interactive Hover Controls */ 6886 /* Related product specific hover effect styles */
6887 .product-item-v2 .interactive-area-enhanced { 6888 margin-top: 10px; 6889 opacity: 0; 6890 visibility: hidden; 6891 transition: all 0.3s ease; 6892 max-height: 0; 6893 overflow: hidden; 6894 } 6895 /* Hover triggers on entire product container */ 6896 .product-item-v2 .product:hover .interactive-area-enhanced { 6897 opacity: 1; 6898 visibility: visible; 6899 max-height: 100px; 6900 } 6901 .product-item-v2 .product:hover .product-info-content-enhanced { 6902 opacity: 0; 6903 visibility: hidden; 6904 max-height: 0; 6905 overflow: hidden; 6906 } 6907 .product-item-v2 .product-info-content-enhanced { 6908 transition: all 0.3s ease; 6909 opacity: 1; 6910 visibility: visible; 6911 max-height: 200px; 6912 overflow: hidden; 6913 } 6914 6915 /* Interactive controls layout for enhanced version */ 6916 .product-item-v2 .interactive-controls-enhanced { 6917 display: flex; 6918 justify-content: space-between; 6919 align-items: center; 6920 gap: 2px; 6921 margin-bottom: 15px; 6922 } 6923 6924 /* Size dropdown styles for enhanced version */ 6925 .product-item-v2 .size-selector-enhanced { 6926 flex: 1; 6927 min-width: 120px; 6928 max-width: 160px; 6929 padding: 8px 12px; 6930 border: 2px solid #000; 6931 background: white; 6932 font-family: 'Nunito Sans', sans-serif; 6933 font-size: 12px; 6934 color: #000; 6935 border-radius: 0; 6936 appearance: none; 6937 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); 6938 background-position: right 8px center; 6939 background-repeat: no-repeat; 6940 background-size: 12px; 6941 cursor: pointer; 6942 } 6943 .product-item-v2 .size-selector-enhanced:focus { 6944 outline: none; 6945 border-color: #333; 6946 } 6947 .product-item-v2 .size-selector-enhanced option:disabled { 6948 color: #ccc; 6949 background: #f5f5f5; 6950 } 6951 6952 /* Add to cart button for enhanced version */ 6953 .product-item-v2 .hover-add-to-cart-enhanced { 6954 flex: 1; 6955 min-width: 120px; 6956 max-width: 160px; 6957 background: #000; 6958 color: white; 6959 border: none; 6960 padding: 10px 15px; 6961 font-family: 'Nunito Sans', sans-serif; 6962 font-size: 12px; 6963 font-weight: bold; 6964 text-transform: uppercase; 6965 text-align: center !important; 6966 display: flex !important; 6967 align-items: center !important; 6968 justify-content: center !important; 6969 cursor: pointer; 6970 transition: background-color 0.3s ease; 6971 } 6972 .product-item-v2 .hover-add-to-cart-enhanced:hover { 6973 background: #333; 6974 } 6975 .product-item-v2 .hover-add-to-cart-enhanced:disabled { 6976 background: #ccc; 6977 cursor: not-allowed; 6978 } 6979 6980 /* Mobile version - disable hover effects */ 6981 @media (max-width: 768px) { 6982 .product-item-v2 .product:hover .interactive-area-enhanced { 6983 opacity: 0 !important; 6984 visibility: hidden !important; 6985 max-height: 0 !important; 6986 overflow: hidden !important; 6987 } 6988 .product-item-v2 .product:hover .product-info-content-enhanced { 6989 opacity: 1 !important; 6990 visibility: visible !important; 6991 max-height: 200px !important; 6992 overflow: visible !important; 6993 } 6994 .product-item-v2 .interactive-area-enhanced { 6995 display: none !important; 6996 } 6997 } 6998 6999 /* Desktop version - ensure hover effects work */ 7000 @media (min-width: 769px) { 7001 .product-item-v2 .product:hover .interactive-area-enhanced { 7002 opacity: 1; 7003 visibility: visible; 7004 max-height: 100px; 7005 } 7006 .product-item-v2 .product:hover .product-info-content-enhanced { 7007 opacity: 0; 7008 visibility: hidden; 7009 max-height: 0; 7010 overflow: hidden; 7011 } 7012 } 7013</style> 7014 7015<div class="product-item-v2"> 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 <div class="product mb-30 engoj_grid_parent relative"> 7039 7040 <div class="img-product relative"> 7041 <a href="/products/clot-kodak-charmera-camera-blind-box-single" class="engoj_find_img"> 7042 <img 7043 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 7044 src="//clotinc.com/cdn/shop/files/clot-x-kodak-charmera-keychain-digital-camera-blind-box-1.jpg?v=1788837875" 7045 class="img-responsive" 7046 alt="CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Single Box) (Random) (Multi)" 7047 width="270" 7048 height="340" 7049 > 7050 7051 7052 7053 7054 <img 7055 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 7056 src="//clotinc.com/cdn/shop/files/clot-x-kodak-charmera-keychain-digital-camera-blind-box-2.jpg?v=1788837875" 7057 class="img-responsive absolute img-product-hover" 7058 alt="CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Single Box) (Random) (Multi)" 7059 width="270" 7060 height="340" 7061 > 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081 7082 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 7102 </a> 7103 7104 7105 7106 7107 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 <ul class="product-icon-action list-unstyled mb-0 text-center"> 7152 <li class="add-to-cart mr-0"> 7153 7154 7155 <form 7156 method="post" 7157 action="/cart/add" 7158 enctype="multipart/form-data" 7159 class="inline-block icon-addcart box-shadow" 7160 data-toggle="tooltip" 7161 data-placement="top" 7162 data-original-title="Add to Cart" 7163 > 7164 <input type="hidden" name="id" value="41613158907962"> 7165 <button type="submit" name="add" class="enj-add-to-cart-btn "> 7166 <i class="icon-cart"></i> 7167 </button> 7168 </form> 7169 7170 7171 </li> 7172 7173 <li class="quick-view mr-0"> 7174 <a 7175 href="javascript:void(0)" 7176 class="engoj_btn_quickview icon-quickview inline-block box-shadow" 7177 data-id="clot-kodak-charmera-camera-blind-box-single" 7178 data-toggle="tooltip" 7179 data-placement="top" 7180 data-original-title="Quickview" 7181 > 7182 <i class="icon-search"></i> 7183 </a> 7184 </li> 7185 <li class="add-wishlist mr-0"> 7186 7187<a href="/account/login" class="box-shadow inline-block maxus-product__wishlist wish text-center" data-toggle="tooltip" data-placement="top" data-original-title="Add to Wishlist"> 7188 7189<i class="icon-heart "></i> 7190</a> 7191 7192 </li> 7193 </ul> 7194 7195 7196 </div> 7197 7198 7199 <div class="product-info-below"> 7200 7201 <div class="product-info-content-enhanced"> 7202 7203 7204 <div class="product-brand-enhanced"> 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 <a href="/collections/clot-x-kodak"> 7288 CLOT x KODAK 7289 </a> 7290 7291 </div> 7292 7293 7294 7295 <h4 class="title-product-enhanced"> 7296 <a href="/products/clot-kodak-charmera-camera-blind-box-single">CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Single Box) (Random) (Multi)</a> 7297 </h4> 7298 7299 7300 7301 7302 7303 <p class="price-product-enhanced"> 7304
7305 <span class="price">$69.00</span> 7306 </p> 7307 </div> 7308 7309 7310 <div class="interactive-area-enhanced"> 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 <div class="interactive-controls-enhanced"> 7321 7322 7323 <select 7324 class="size-selector-enhanced" 7325 id="size-selector-enhanced-7598760034362" 7326 onchange="updateVariantEnhanced7598760034362(this.value)" 7327 > 7328 <option value="">Choose Size</option> 7329 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 <option 7345 value="41613158907962" 7346 data-price="6900" 7347 data-compare-price="" 7348 > 7349 One size 7350 </option> 7351 7352 7353 7354 7355 </select> 7356 7357 7358 <form method="post" action="/cart/add" enctype="multipart/form-data" class="hover-cart-form-enhanced"> 7359 <input type="hidden" name="id" id="selected-variant-enhanced-7598760034362" value=""> 7360 <button 7361 type="submit" 7362 class="hover-add-to-cart-enhanced" 7363 id="hover-cart-btn-enhanced-7598760034362" 7364 disabled 7365 > 7366 Add to Cart 7367 </button> 7368 </form> 7369 7370 </div> 7371 </div> 7372 </div> 7373 7374 7375 <nav class="engoj_select_color variant-product"> 7376 7377 7378 7379 </nav> 7380 </div> 7381</div> 7382 7383
7384<script> 7385 function updateVariantEnhanced7598760034362(variantId) { 7386 const selectedVariantInput = document.getElementById('selected-variant-enhanced-7598760034362'); 7387 const addToCartBtn = document.getElementById('hover-cart-btn-enhanced-7598760034362'); 7388 const sizeSelector = document.getElementById('size-selector-enhanced-7598760034362'); 7389 7390 if (variantId && variantId !== '') { 7391 selectedVariantInput.value = variantId; 7392 addToCartBtn.disabled = false; 7393 addToCartBtn.textContent = 'Add to Cart'; 7394 7395 // Update price if needed (optional enhancement) 7396 const selectedOption = sizeSelector.options[sizeSelector.selectedIndex]; 7397 if (selectedOption && selectedOption.dataset.price) { 7398 // Price update logic can be added here if needed 7399 } 7400 } else { 7401 selectedVariantInput.value = ''; 7402 addToCartBtn.disabled = true; 7403 addToCartBtn.textContent = 'Select Size'; 7404 } 7405 } 7406 7407 // Handle form submission for this specific product 7408 document.addEventListener('DOMContentLoaded', function() { 7409 const forms = document.querySelectorAll('.hover-cart-form-enhanced'); 7410 forms.forEach(function(form) { 7411 form.addEventListener('submit', function(e) { 7412 const variantInput = this.querySelector('input[name="id"]'); 7413 const sizeSelector = this.parentElement.parentElement.querySelector('.size-selector-enhanced'); 7414 7415 // Only check for size selection if there's a size selector 7416 if (sizeSelector && !variantInput.value) { 7417 e.preventDefault(); 7418 alert('Please select a size first'); 7419 return false; 7420 } 7421 }); 7422 }); 7423 }); 7424</script>
7424 7425 7426 </div> 7427 7428 7429 7430 7431 7432 <div class="col-lg-3 col-md-4 col-sm-6 col-12"> 7433 7434<style> 7435 /* Ultra-high specificity selectors for product info below images */ 7436 html body .related-product .js_product_related .product-item-v2 .product-info-below, 7437 html body .related-product .related-tabs .product-item-v2 .product-info-below, 7438 html body .js_product_related .product-item-v2 .product-info-below, 7439 html body .related-product .product-item-v2 .product-info-below, 7440 html body .related-tabs .product-item-v2 .product-info-below, 7441 html body .product-item-v2 .product-info-below { 7442 position: relative !important; 7443 background: white !important; 7444 padding-top: 10px !important; 7445 display: block !important; 7446 visibility: visible !important; 7447 opacity: 1 !important; 7448 z-index: 100 !important; 7449 transition: all 0.3s ease; 7450 } 7451 7452 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 7453 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 7454 html body .js_product_related .product-item-v2 .product-brand-enhanced, 7455 html body .related-product .product-item-v2 .product-brand-enhanced, 7456 html body .related-tabs .product-item-v2 .product-brand-enhanced, 7457 html body .product-item-v2 .product-brand-enhanced { 7458 font-family: 'Nunito Sans', sans-serif !important; 7459 font-size: 14px !important; 7460 font-weight: bold !important; 7461 color: #000000 !important; 7462 margin-bottom: 5px !important; 7463 text-transform: uppercase !important; 7464 line-height: 1.4 !important; 7465 display: block !important; 7466 visibility: visible !important; 7467 opacity: 1 !important; 7468 position: relative !important; 7469 z-index: 101 !important; 7470 clear: both !important; 7471 } 7472 7473 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a, 7474 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a, 7475 html body .js_product_related .product-item-v2 .product-brand-enhanced a, 7476 html body .related-product .product-item-v2 .product-brand-enhanced a, 7477 html body .related-tabs .product-item-v2 .product-brand-enhanced a, 7478 html body .product-item-v2 .product-brand-enhanced a { 7479 color: inherit !important; 7480 text-decoration: none !important; 7481 } 7482 7483 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 7484 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 7485 html body .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 7486 html body .related-product .product-item-v2 .product-brand-enhanced a:hover, 7487 html body .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 7488 html body .product-item-v2 .product-brand-enhanced a:hover { 7489 text-decoration: underline !important; 7490 } 7491 7492 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 7493 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 7494 html body .js_product_related .product-item-v2 .title-product-enhanced, 7495 html body .related-product .product-item-v2 .title-product-enhanced, 7496 html body .related-tabs .product-item-v2 .title-product-enhanced, 7497 html body .product-item-v2 .title-product-enhanced { 7498 font-family: 'Nunito Sans', sans-serif !important; 7499 font-size: 14px !important; 7500 color: #000000 !important; 7501 margin-bottom: 5px !important; 7502 line-height: 1.4 !important; 7503 z-index: 101 !important; 7504 font-weight: normal !important; 7505 } 7506 7507 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced a, 7508 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced a, 7509 html body .js_product_related .product-item-v2 .title-product-enhanced a, 7510 html body .related-product .product-item-v2 .title-product-enhanced a, 7511 html body .related-tabs .product-item-v2 .title-product-enhanced a, 7512 html body .product-item-v2 .title-product-enhanced a { 7513 color: inherit !important; 7514 text-decoration: none !important; 7515 } 7516 7517 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 7518 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 7519 html body .js_product_related .product-item-v2 .price-product-enhanced, 7520 html body .related-product .product-item-v2 .price-product-enhanced, 7521 html body .related-tabs .product-item-v2 .price-product-enhanced, 7522 html body .product-item-v2 .price-product-enhanced { 7523 font-family: 'Nunito Sans', sans-serif !important; 7524 font-size: 14px !important; 7525 color: #000000 !important; 7526 margin-bottom: 10px !important; 7527 line-height: 1.4 !important; 7528 z-index: 101 !important; 7529 } 7530 7531 /* Compare price grey, product price black */ 7532 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price-old, 7533 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price-old, 7534 html body .js_product_related .product-item-v2 .price-product-enhanced .price-old, 7535 html body .related-product .product-item-v2 .price-product-enhanced .price-old, 7536 html body .related-tabs .product-item-v2 .price-product-enhanced .price-old, 7537 html body .product-item-v2 .price-product-enhanced .price-old { 7538 color: #979797 !important; 7539 text-decoration: line-through !important; 7540 } 7541 7542 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price, 7543 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price, 7544 html body .js_product_related .product-item-v2 .price-product-enhanced .price, 7545 html body .related-product .product-item-v2 .price-product-enhanced .price, 7546 html body .related-tabs .product-item-v2 .price-product-enhanced .price, 7547 html body .product-item-v2 .price-product-enhanced .price { 7548 color: #000000 !important; 7549 text-decoration: none !important; 7550 } 7551 7552 /* Desktop-specific with MAXIMUM specificity */ 7553 @media screen and (min-width: 769px) { 7554 html body .related-product .js_product_related .col-12 .product-item-v2 .product-info-below, 7555 html body .related-product .related-tabs .col-12 .product-item-v2 .product-info-below, 7556 html body .js_product_related .col-12 .product-item-v2 .product-info-below, 7557 html body .related-product .col-12 .product-item-v2 .product-info-below, 7558 html body .related-tabs .col-12 .product-item-v2 .product-info-below, 7559 html body .col-12 .product-item-v2 .product-info-below { 7560 position: relative !important; 7561 background: white !important; 7562 padding-top: 10px !important; 7563 display: block !important; 7564 visibility: visible !important; 7565 opacity: 1 !important; 7566 transition: all 0.3s ease; 7567 7568 } 7569 7570 html body .related-product .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 7571 html body .related-product .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 7572 html body .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 7573 html body .related-product .col-12 .product-item-v2 .product-brand-enhanced, 7574 html body .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 7575 html body .col-12 .product-item-v2 .product-brand-enhanced, 7576 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 7577 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 7578 html body .js_product_related .product-item-v2 .product-brand-enhanced, 7579 html body .related-product .product-item-v2 .product-brand-enhanced, 7580 html body .related-tabs .product-item-v2 .product-brand-enhanced, 7581 html body .product-item-v2 .product-brand-enhanced { 7582 font-family: 'Nunito Sans', sans-serif !important; 7583 font-size: 14px !important; 7584 font-weight: bold !important; 7585 color: #000000 !important; 7586 margin-bottom: 5px !important; 7587 text-transform: uppercase !important; 7588 line-height: 1.4 !important; 7589 display: block !important; 7590 visibility: visible !important; 7591 opacity: 1 !important; 7592 position: relative !important; 7593 7594 clear: both !important; 7595 } 7596 7597 html body .related-product .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 7598 html body .related-product .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 7599 html body .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 7600 html body .related-product .col-12 .product-item-v2 .title-product-enhanced, 7601 html body .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 7602 html body .col-12 .product-item-v2 .title-product-enhanced, 7603 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 7604 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 7605 html body .js_product_related .product-item-v2 .title-product-enhanced, 7606 html body .related-product .product-item-v2 .title-product-enhanced, 7607 html body .related-tabs .product-item-v2 .title-product-enhanced, 7608 html body .product-item-v2 .title-product-enhanced { 7609 font-family: 'Nunito Sans', sans-serif !important; 7610 font-size: 14px !important; 7611 color: #000000 !important; 7612 margin-bottom: 5px !important; 7613 line-height: 1.4 !important; 7614 7615 font-weight: normal !important; 7616 } 7617 7618 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 7619 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 7620 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 7621 html body .related-product .col-12 .product-item-v2 .price-product-enhanced, 7622 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 7623 html body .col-12 .product-item-v2 .price-product-enhanced, 7624 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 7625 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 7626 html body .js_product_related .product-item-v2 .price-product-enhanced, 7627 html body .related-product .product-item-v2 .price-product-enhanced, 7628 html body .related-tabs .product-item-v2 .price-product-enhanced, 7629 html body .product-item-v2 .price-product-enhanced { 7630 font-family: 'Nunito Sans', sans-serif !important; 7631 font-size: 14px !important; 7632 color: #000000 !important; 7633 margin-bottom: 10px !important; 7634 line-height: 1.4 !important; 7635 7636 } 7637 7638 /* Desktop price colors with maximum specificity */ 7639 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 7640 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 7641 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 7642 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price-old, 7643 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 7644 html body .col-12 .product-item-v2 .price-product-enhanced .price-old { 7645 color: #979797 !important; 7646 text-decoration: line-through !important; 7647 } 7648 7649 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 7650 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 7651 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 7652 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price, 7653 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 7654 html body .col-12 .product-item-v2 .price-product-enhanced .price { 7655 color: #000000 !important; 7656 text-decoration: none !important; 7657 } 7658 } 7659 7660 /* PH01 Design Pattern: Below-Image Interactive Hover Controls */ 7661 /* Related product specific hover effect styles */
7662 .product-item-v2 .interactive-area-enhanced { 7663 margin-top: 10px; 7664 opacity: 0; 7665 visibility: hidden; 7666 transition: all 0.3s ease; 7667 max-height: 0; 7668 overflow: hidden; 7669 } 7670 /* Hover triggers on entire product container */ 7671 .product-item-v2 .product:hover .interactive-area-enhanced { 7672 opacity: 1; 7673 visibility: visible; 7674 max-height: 100px; 7675 } 7676 .product-item-v2 .product:hover .product-info-content-enhanced { 7677 opacity: 0; 7678 visibility: hidden; 7679 max-height: 0; 7680 overflow: hidden; 7681 } 7682 .product-item-v2 .product-info-content-enhanced { 7683 transition: all 0.3s ease; 7684 opacity: 1; 7685 visibility: visible; 7686 max-height: 200px; 7687 overflow: hidden; 7688 } 7689 7690 /* Interactive controls layout for enhanced version */ 7691 .product-item-v2 .interactive-controls-enhanced { 7692 display: flex; 7693 justify-content: space-between; 7694 align-items: center; 7695 gap: 2px; 7696 margin-bottom: 15px; 7697 } 7698 7699 /* Size dropdown styles for enhanced version */ 7700 .product-item-v2 .size-selector-enhanced { 7701 flex: 1; 7702 min-width: 120px; 7703 max-width: 160px; 7704 padding: 8px 12px; 7705 border: 2px solid #000; 7706 background: white; 7707 font-family: 'Nunito Sans', sans-serif; 7708 font-size: 12px; 7709 color: #000; 7710 border-radius: 0; 7711 appearance: none; 7712 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); 7713 background-position: right 8px center; 7714 background-repeat: no-repeat; 7715 background-size: 12px; 7716 cursor: pointer; 7717 } 7718 .product-item-v2 .size-selector-enhanced:focus { 7719 outline: none; 7720 border-color: #333; 7721 } 7722 .product-item-v2 .size-selector-enhanced option:disabled { 7723 color: #ccc; 7724 background: #f5f5f5; 7725 } 7726 7727 /* Add to cart button for enhanced version */ 7728 .product-item-v2 .hover-add-to-cart-enhanced { 7729 flex: 1; 7730 min-width: 120px; 7731 max-width: 160px; 7732 background: #000; 7733 color: white; 7734 border: none; 7735 padding: 10px 15px; 7736 font-family: 'Nunito Sans', sans-serif; 7737 font-size: 12px; 7738 font-weight: bold; 7739 text-transform: uppercase; 7740 text-align: center !important; 7741 display: flex !important; 7742 align-items: center !important; 7743 justify-content: center !important; 7744 cursor: pointer; 7745 transition: background-color 0.3s ease; 7746 } 7747 .product-item-v2 .hover-add-to-cart-enhanced:hover { 7748 background: #333; 7749 } 7750 .product-item-v2 .hover-add-to-cart-enhanced:disabled { 7751 background: #ccc; 7752 cursor: not-allowed; 7753 } 7754 7755 /* Mobile version - disable hover effects */ 7756 @media (max-width: 768px) { 7757 .product-item-v2 .product:hover .interactive-area-enhanced { 7758 opacity: 0 !important; 7759 visibility: hidden !important; 7760 max-height: 0 !important; 7761 overflow: hidden !important; 7762 } 7763 .product-item-v2 .product:hover .product-info-content-enhanced { 7764 opacity: 1 !important; 7765 visibility: visible !important; 7766 max-height: 200px !important; 7767 overflow: visible !important; 7768 } 7769 .product-item-v2 .interactive-area-enhanced { 7770 display: none !important; 7771 } 7772 } 7773 7774 /* Desktop version - ensure hover effects work */ 7775 @media (min-width: 769px) { 7776 .product-item-v2 .product:hover .interactive-area-enhanced { 7777 opacity: 1; 7778 visibility: visible; 7779 max-height: 100px; 7780 } 7781 .product-item-v2 .product:hover .product-info-content-enhanced { 7782 opacity: 0; 7783 visibility: hidden; 7784 max-height: 0; 7785 overflow: hidden; 7786 } 7787 } 7788</style> 7789 7790<div class="product-item-v2"> 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 7812 7813 <div class="product mb-30 engoj_grid_parent relative"> 7814 7815 <div class="img-product relative"> 7816 <a href="/products/clot-kodak-charmera-camera-blind-box-6pc-set" class="engoj_find_img"> 7817 <img 7818 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 7819 src="//clotinc.com/cdn/shop/files/clot-x-kodak-charmera-keychain-digital-camera-blind-box-3.jpg?v=1788837896" 7820 class="img-responsive" 7821 alt="CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Whole Set â 6 Pcs) (Multi)" 7822 width="270" 7823 height="340" 7824 > 7825 7826 7827 7828 7829 <img 7830 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 7831 src="//clotinc.com/cdn/shop/files/clot-x-kodak-charmera-keychain-digital-camera-blind-box-4.jpg?v=1788837896" 7832 class="img-responsive absolute img-product-hover" 7833 alt="CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Whole Set â 6 Pcs) (Multi)" 7834 width="270" 7835 height="340" 7836 > 7837 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 </a> 7878 7879 7880 7881 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926 <ul class="product-icon-action list-unstyled mb-0 text-center"> 7927 <li class="add-to-cart mr-0"> 7928 7929 7930 <form 7931 method="post" 7932 action="/cart/add" 7933 enctype="multipart/form-data" 7934 class="inline-block icon-addcart box-shadow" 7935 data-toggle="tooltip" 7936 data-placement="top" 7937 data-original-title="Add to Cart" 7938 > 7939 <input type="hidden" name="id" value="41613158973498"> 7940 <button type="submit" name="add" class="enj-add-to-cart-btn "> 7941 <i class="icon-cart"></i> 7942 </button> 7943 </form> 7944 7945 7946 </li> 7947 7948 <li class="quick-view mr-0"> 7949 <a 7950 href="javascript:void(0)" 7951 class="engoj_btn_quickview icon-quickview inline-block box-shadow" 7952 data-id="clot-kodak-charmera-camera-blind-box-6pc-set" 7953 data-toggle="tooltip" 7954 data-placement="top" 7955 data-original-title="Quickview" 7956 > 7957 <i class="icon-search"></i> 7958 </a> 7959 </li> 7960 <li class="add-wishlist mr-0"> 7961 7962<a href="/account/login" class="box-shadow inline-block maxus-product__wishlist wish text-center" data-toggle="tooltip" data-placement="top" data-original-title="Add to Wishlist"> 7963 7964<i class="icon-heart "></i> 7965</a> 7966 7967 </li> 7968 </ul> 7969 7970 7971 </div> 7972 7973 7974 <div class="product-info-below"> 7975 7976 <div class="product-info-content-enhanced"> 7977 7978 7979 <div class="product-brand-enhanced"> 7980 7981 7982 7983 7984 7985 7986 7987 7988 7989 7990 7991 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 <a href="/collections/clot-x-kodak"> 8063 CLOT x KODAK 8064 </a> 8065 8066 </div> 8067 8068 8069 8070 <h4 class="title-product-enhanced"> 8071 <a href="/products/clot-kodak-charmera-camera-blind-box-6pc-set">CLOT X KODAK Charmera Keychain Digital Camera Blind Box (Whole Set â 6 Pcs) (Multi)</a> 8072 </h4> 8073 8074 8075 8076 8077 8078 <p class="price-product-enhanced"> 8079
8080 <span class="price">$415.00</span> 8081 </p> 8082 </div> 8083 8084 8085 <div class="interactive-area-enhanced"> 8086 8087 8088 8089 8090 8091 8092 8093 8094 8095 <div class="interactive-controls-enhanced"> 8096 8097 8098 <select 8099 class="size-selector-enhanced" 8100 id="size-selector-enhanced-7598760099898" 8101 onchange="updateVariantEnhanced7598760099898(this.value)" 8102 > 8103 <option value="">Choose Size</option> 8104 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 <option 8120 value="41613158973498" 8121 data-price="41500" 8122 data-compare-price="" 8123 > 8124 One size 8125 </option> 8126 8127 8128 8129 8130 </select> 8131 8132 8133 <form method="post" action="/cart/add" enctype="multipart/form-data" class="hover-cart-form-enhanced"> 8134 <input type="hidden" name="id" id="selected-variant-enhanced-7598760099898" value=""> 8135 <button 8136 type="submit" 8137 class="hover-add-to-cart-enhanced" 8138 id="hover-cart-btn-enhanced-7598760099898" 8139 disabled 8140 > 8141 Add to Cart 8142 </button> 8143 </form> 8144 8145 </div> 8146 </div> 8147 </div> 8148 8149 8150 <nav class="engoj_select_color variant-product"> 8151 8152 8153 8154 </nav> 8155 </div> 8156</div> 8157 8158
8159<script> 8160 function updateVariantEnhanced7598760099898(variantId) { 8161 const selectedVariantInput = document.getElementById('selected-variant-enhanced-7598760099898'); 8162 const addToCartBtn = document.getElementById('hover-cart-btn-enhanced-7598760099898'); 8163 const sizeSelector = document.getElementById('size-selector-enhanced-7598760099898'); 8164 8165 if (variantId && variantId !== '') { 8166 selectedVariantInput.value = variantId; 8167 addToCartBtn.disabled = false; 8168 addToCartBtn.textContent = 'Add to Cart'; 8169 8170 // Update price if needed (optional enhancement) 8171 const selectedOption = sizeSelector.options[sizeSelector.selectedIndex]; 8172 if (selectedOption && selectedOption.dataset.price) { 8173 // Price update logic can be added here if needed 8174 } 8175 } else { 8176 selectedVariantInput.value = ''; 8177 addToCartBtn.disabled = true; 8178 addToCartBtn.textContent = 'Select Size'; 8179 } 8180 } 8181 8182 // Handle form submission for this specific product 8183 document.addEventListener('DOMContentLoaded', function() { 8184 const forms = document.querySelectorAll('.hover-cart-form-enhanced'); 8185 forms.forEach(function(form) { 8186 form.addEventListener('submit', function(e) { 8187 const variantInput = this.querySelector('input[name="id"]'); 8188 const sizeSelector = this.parentElement.parentElement.querySelector('.size-selector-enhanced'); 8189 8190 // Only check for size selection if there's a size selector 8191 if (sizeSelector && !variantInput.value) { 8192 e.preventDefault(); 8193 alert('Please select a size first'); 8194 return false; 8195 } 8196 }); 8197 }); 8198 }); 8199</script>
8199 8200 8201 </div> 8202 8203 8204 8205 8206 8207 8208 8209 <div class="col-lg-3 col-md-4 col-sm-6 col-12"> 8210 8211<style> 8212 /* Ultra-high specificity selectors for product info below images */ 8213 html body .related-product .js_product_related .product-item-v2 .product-info-below, 8214 html body .related-product .related-tabs .product-item-v2 .product-info-below, 8215 html body .js_product_related .product-item-v2 .product-info-below, 8216 html body .related-product .product-item-v2 .product-info-below, 8217 html body .related-tabs .product-item-v2 .product-info-below, 8218 html body .product-item-v2 .product-info-below { 8219 position: relative !important; 8220 background: white !important; 8221 padding-top: 10px !important; 8222 display: block !important; 8223 visibility: visible !important; 8224 opacity: 1 !important; 8225 z-index: 100 !important; 8226 transition: all 0.3s ease; 8227 } 8228 8229 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 8230 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 8231 html body .js_product_related .product-item-v2 .product-brand-enhanced, 8232 html body .related-product .product-item-v2 .product-brand-enhanced, 8233 html body .related-tabs .product-item-v2 .product-brand-enhanced, 8234 html body .product-item-v2 .product-brand-enhanced { 8235 font-family: 'Nunito Sans', sans-serif !important; 8236 font-size: 14px !important; 8237 font-weight: bold !important; 8238 color: #000000 !important; 8239 margin-bottom: 5px !important; 8240 text-transform: uppercase !important; 8241 line-height: 1.4 !important; 8242 display: block !important; 8243 visibility: visible !important; 8244 opacity: 1 !important; 8245 position: relative !important; 8246 z-index: 101 !important; 8247 clear: both !important; 8248 } 8249 8250 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a, 8251 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a, 8252 html body .js_product_related .product-item-v2 .product-brand-enhanced a, 8253 html body .related-product .product-item-v2 .product-brand-enhanced a, 8254 html body .related-tabs .product-item-v2 .product-brand-enhanced a, 8255 html body .product-item-v2 .product-brand-enhanced a { 8256 color: inherit !important; 8257 text-decoration: none !important; 8258 } 8259 8260 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 8261 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 8262 html body .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 8263 html body .related-product .product-item-v2 .product-brand-enhanced a:hover, 8264 html body .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 8265 html body .product-item-v2 .product-brand-enhanced a:hover { 8266 text-decoration: underline !important; 8267 } 8268 8269 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 8270 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 8271 html body .js_product_related .product-item-v2 .title-product-enhanced, 8272 html body .related-product .product-item-v2 .title-product-enhanced, 8273 html body .related-tabs .product-item-v2 .title-product-enhanced, 8274 html body .product-item-v2 .title-product-enhanced { 8275 font-family: 'Nunito Sans', sans-serif !important; 8276 font-size: 14px !important; 8277 color: #000000 !important; 8278 margin-bottom: 5px !important; 8279 line-height: 1.4 !important; 8280 z-index: 101 !important; 8281 font-weight: normal !important; 8282 } 8283 8284 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced a, 8285 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced a, 8286 html body .js_product_related .product-item-v2 .title-product-enhanced a, 8287 html body .related-product .product-item-v2 .title-product-enhanced a, 8288 html body .related-tabs .product-item-v2 .title-product-enhanced a, 8289 html body .product-item-v2 .title-product-enhanced a { 8290 color: inherit !important; 8291 text-decoration: none !important; 8292 } 8293 8294 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 8295 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 8296 html body .js_product_related .product-item-v2 .price-product-enhanced, 8297 html body .related-product .product-item-v2 .price-product-enhanced, 8298 html body .related-tabs .product-item-v2 .price-product-enhanced, 8299 html body .product-item-v2 .price-product-enhanced { 8300 font-family: 'Nunito Sans', sans-serif !important; 8301 font-size: 14px !important; 8302 color: #000000 !important; 8303 margin-bottom: 10px !important; 8304 line-height: 1.4 !important; 8305 z-index: 101 !important; 8306 } 8307 8308 /* Compare price grey, product price black */ 8309 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price-old, 8310 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price-old, 8311 html body .js_product_related .product-item-v2 .price-product-enhanced .price-old, 8312 html body .related-product .product-item-v2 .price-product-enhanced .price-old, 8313 html body .related-tabs .product-item-v2 .price-product-enhanced .price-old, 8314 html body .product-item-v2 .price-product-enhanced .price-old { 8315 color: #979797 !important; 8316 text-decoration: line-through !important; 8317 } 8318 8319 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price, 8320 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price, 8321 html body .js_product_related .product-item-v2 .price-product-enhanced .price, 8322 html body .related-product .product-item-v2 .price-product-enhanced .price, 8323 html body .related-tabs .product-item-v2 .price-product-enhanced .price, 8324 html body .product-item-v2 .price-product-enhanced .price { 8325 color: #000000 !important; 8326 text-decoration: none !important; 8327 } 8328 8329 /* Desktop-specific with MAXIMUM specificity */ 8330 @media screen and (min-width: 769px) { 8331 html body .related-product .js_product_related .col-12 .product-item-v2 .product-info-below, 8332 html body .related-product .related-tabs .col-12 .product-item-v2 .product-info-below, 8333 html body .js_product_related .col-12 .product-item-v2 .product-info-below, 8334 html body .related-product .col-12 .product-item-v2 .product-info-below, 8335 html body .related-tabs .col-12 .product-item-v2 .product-info-below, 8336 html body .col-12 .product-item-v2 .product-info-below { 8337 position: relative !important; 8338 background: white !important; 8339 padding-top: 10px !important; 8340 display: block !important; 8341 visibility: visible !important; 8342 opacity: 1 !important; 8343 transition: all 0.3s ease; 8344 8345 } 8346 8347 html body .related-product .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 8348 html body .related-product .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 8349 html body .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 8350 html body .related-product .col-12 .product-item-v2 .product-brand-enhanced, 8351 html body .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 8352 html body .col-12 .product-item-v2 .product-brand-enhanced, 8353 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 8354 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 8355 html body .js_product_related .product-item-v2 .product-brand-enhanced, 8356 html body .related-product .product-item-v2 .product-brand-enhanced, 8357 html body .related-tabs .product-item-v2 .product-brand-enhanced, 8358 html body .product-item-v2 .product-brand-enhanced { 8359 font-family: 'Nunito Sans', sans-serif !important; 8360 font-size: 14px !important; 8361 font-weight: bold !important; 8362 color: #000000 !important; 8363 margin-bottom: 5px !important; 8364 text-transform: uppercase !important; 8365 line-height: 1.4 !important; 8366 display: block !important; 8367 visibility: visible !important; 8368 opacity: 1 !important; 8369 position: relative !important; 8370 8371 clear: both !important; 8372 } 8373 8374 html body .related-product .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 8375 html body .related-product .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 8376 html body .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 8377 html body .related-product .col-12 .product-item-v2 .title-product-enhanced, 8378 html body .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 8379 html body .col-12 .product-item-v2 .title-product-enhanced, 8380 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 8381 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 8382 html body .js_product_related .product-item-v2 .title-product-enhanced, 8383 html body .related-product .product-item-v2 .title-product-enhanced, 8384 html body .related-tabs .product-item-v2 .title-product-enhanced, 8385 html body .product-item-v2 .title-product-enhanced { 8386 font-family: 'Nunito Sans', sans-serif !important; 8387 font-size: 14px !important; 8388 color: #000000 !important; 8389 margin-bottom: 5px !important; 8390 line-height: 1.4 !important; 8391 8392 font-weight: normal !important; 8393 } 8394 8395 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 8396 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 8397 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 8398 html body .related-product .col-12 .product-item-v2 .price-product-enhanced, 8399 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 8400 html body .col-12 .product-item-v2 .price-product-enhanced, 8401 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 8402 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 8403 html body .js_product_related .product-item-v2 .price-product-enhanced, 8404 html body .related-product .product-item-v2 .price-product-enhanced, 8405 html body .related-tabs .product-item-v2 .price-product-enhanced, 8406 html body .product-item-v2 .price-product-enhanced { 8407 font-family: 'Nunito Sans', sans-serif !important; 8408 font-size: 14px !important; 8409 color: #000000 !important; 8410 margin-bottom: 10px !important; 8411 line-height: 1.4 !important; 8412 8413 } 8414 8415 /* Desktop price colors with maximum specificity */ 8416 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 8417 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 8418 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 8419 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price-old, 8420 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 8421 html body .col-12 .product-item-v2 .price-product-enhanced .price-old { 8422 color: #979797 !important; 8423 text-decoration: line-through !important; 8424 } 8425 8426 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 8427 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 8428 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 8429 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price, 8430 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 8431 html body .col-12 .product-item-v2 .price-product-enhanced .price { 8432 color: #000000 !important; 8433 text-decoration: none !important; 8434 } 8435 } 8436 8437 /* PH01 Design Pattern: Below-Image Interactive Hover Controls */ 8438 /* Related product specific hover effect styles */
8439 .product-item-v2 .interactive-area-enhanced { 8440 margin-top: 10px; 8441 opacity: 0; 8442 visibility: hidden; 8443 transition: all 0.3s ease; 8444 max-height: 0; 8445 overflow: hidden; 8446 } 8447 /* Hover triggers on entire product container */ 8448 .product-item-v2 .product:hover .interactive-area-enhanced { 8449 opacity: 1; 8450 visibility: visible; 8451 max-height: 100px; 8452 } 8453 .product-item-v2 .product:hover .product-info-content-enhanced { 8454 opacity: 0; 8455 visibility: hidden; 8456 max-height: 0; 8457 overflow: hidden; 8458 } 8459 .product-item-v2 .product-info-content-enhanced { 8460 transition: all 0.3s ease; 8461 opacity: 1; 8462 visibility: visible; 8463 max-height: 200px; 8464 overflow: hidden; 8465 } 8466 8467 /* Interactive controls layout for enhanced version */ 8468 .product-item-v2 .interactive-controls-enhanced { 8469 display: flex; 8470 justify-content: space-between; 8471 align-items: center; 8472 gap: 2px; 8473 margin-bottom: 15px; 8474 } 8475 8476 /* Size dropdown styles for enhanced version */ 8477 .product-item-v2 .size-selector-enhanced { 8478 flex: 1; 8479 min-width: 120px; 8480 max-width: 160px; 8481 padding: 8px 12px; 8482 border: 2px solid #000; 8483 background: white; 8484 font-family: 'Nunito Sans', sans-serif; 8485 font-size: 12px; 8486 color: #000; 8487 border-radius: 0; 8488 appearance: none; 8489 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); 8490 background-position: right 8px center; 8491 background-repeat: no-repeat; 8492 background-size: 12px; 8493 cursor: pointer; 8494 } 8495 .product-item-v2 .size-selector-enhanced:focus { 8496 outline: none; 8497 border-color: #333; 8498 } 8499 .product-item-v2 .size-selector-enhanced option:disabled { 8500 color: #ccc; 8501 background: #f5f5f5; 8502 } 8503 8504 /* Add to cart button for enhanced version */ 8505 .product-item-v2 .hover-add-to-cart-enhanced { 8506 flex: 1; 8507 min-width: 120px; 8508 max-width: 160px; 8509 background: #000; 8510 color: white; 8511 border: none; 8512 padding: 10px 15px; 8513 font-family: 'Nunito Sans', sans-serif; 8514 font-size: 12px; 8515 font-weight: bold; 8516 text-transform: uppercase; 8517 text-align: center !important; 8518 display: flex !important; 8519 align-items: center !important; 8520 justify-content: center !important; 8521 cursor: pointer; 8522 transition: background-color 0.3s ease; 8523 } 8524 .product-item-v2 .hover-add-to-cart-enhanced:hover { 8525 background: #333; 8526 } 8527 .product-item-v2 .hover-add-to-cart-enhanced:disabled { 8528 background: #ccc; 8529 cursor: not-allowed; 8530 } 8531 8532 /* Mobile version - disable hover effects */ 8533 @media (max-width: 768px) { 8534 .product-item-v2 .product:hover .interactive-area-enhanced { 8535 opacity: 0 !important; 8536 visibility: hidden !important; 8537 max-height: 0 !important; 8538 overflow: hidden !important; 8539 } 8540 .product-item-v2 .product:hover .product-info-content-enhanced { 8541 opacity: 1 !important; 8542 visibility: visible !important; 8543 max-height: 200px !important; 8544 overflow: visible !important; 8545 } 8546 .product-item-v2 .interactive-area-enhanced { 8547 display: none !important; 8548 } 8549 } 8550 8551 /* Desktop version - ensure hover effects work */ 8552 @media (min-width: 769px) { 8553 .product-item-v2 .product:hover .interactive-area-enhanced { 8554 opacity: 1; 8555 visibility: visible; 8556 max-height: 100px; 8557 } 8558 .product-item-v2 .product:hover .product-info-content-enhanced { 8559 opacity: 0; 8560 visibility: hidden; 8561 max-height: 0; 8562 overflow: hidden; 8563 } 8564 } 8565</style> 8566 8567<div class="product-item-v2"> 8568 8569 8570 8571 8572 8573 8574 8575 8576 8577 8578 8579 8580 8581 8582 8583 8584 8585 8586 8587 8588 8589 8590 <div class="product mb-30 engoj_grid_parent relative"> 8591 8592 <div class="img-product relative"> 8593 <a href="/products/clot-kodak-cap-black" class="engoj_find_img"> 8594 <img 8595 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 8596 src="//clotinc.com/cdn/shop/files/clot-x-kodak-cap-black-1_23a40874-fdb4-44c7-8133-a757d93a0d57.jpg?v=1788836653" 8597 class="img-responsive" 8598 alt="CLOT X KODAK Cap (Black)" 8599 width="270" 8600 height="340" 8601 > 8602 8603 8604 8605 8606 <img 8607 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 8608 src="//clotinc.com/cdn/shop/files/clot-x-kodak-cap-black-2_b17f137e-fd3a-4b83-a349-dc13202219bb.jpg?v=1788836653" 8609 class="img-responsive absolute img-product-hover" 8610 alt="CLOT X KODAK Cap (Black)" 8611 width="270" 8612 height="340" 8613 > 8614 8615 8616 8617 8618 8619 8620 8621 8622 8623 8624 8625 8626 </a> 8627 8628 8629 8630 8631 8632 8633 8634 8635 8636 8637 8638 8639 8640 8641 8642 8643 8644 8645 8646 8647 8648 8649 8650 8651 8652 8653 8654 8655 8656 8657 8658 8659 8660 8661 8662 8663 8664 8665 8666 8667 8668 8669 8670 8671 8672 8673 8674 8675 <ul class="product-icon-action list-unstyled mb-0 text-center"> 8676 <li class="add-to-cart mr-0"> 8677 8678 8679 <form 8680 method="post" 8681 action="/cart/add" 8682 enctype="multipart/form-data" 8683 class="inline-block icon-addcart box-shadow" 8684 data-toggle="tooltip" 8685 data-placement="top" 8686 data-original-title="Add to Cart" 8687 > 8688 <input type="hidden" name="id" value="41634579316794"> 8689 <button type="submit" name="add" class="enj-add-to-cart-btn "> 8690 <i class="icon-cart"></i> 8691 </button> 8692 </form> 8693 8694 8695 </li> 8696 8697 <li class="quick-view mr-0"> 8698 <a 8699 href="javascript:void(0)" 8700 class="engoj_btn_quickview icon-quickview inline-block box-shadow" 8701 data-id="clot-kodak-cap-black" 8702 data-toggle="tooltip" 8703 data-placement="top" 8704 data-original-title="Quickview" 8705 > 8706 <i class="icon-search"></i> 8707 </a> 8708 </li> 8709 <li class="add-wishlist mr-0"> 8710 8711<a href="/account/login" class="box-shadow inline-block maxus-product__wishlist wish text-center" data-toggle="tooltip" data-placement="top" data-original-title="Add to Wishlist"> 8712 8713<i class="icon-heart "></i> 8714</a> 8715 8716 </li> 8717 </ul> 8718 8719 8720 </div> 8721 8722 8723 <div class="product-info-below"> 8724 8725 <div class="product-info-content-enhanced"> 8726 8727 8728 <div class="product-brand-enhanced"> 8729 8730 8731 8732 8733 8734 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764 8765 8766 8767 8768 8769 8770 8771 8772 8773 8774 8775 8776 8777 8778 8779 8780 8781 8782 8783 8784 8785 8786 8787 8788 8789 8790 8791 8792 8793 8794 8795 8796 8797 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 8808 8809 8810 8811 <a href="/collections/clot-x-kodak"> 8812 CLOT x KODAK 8813 </a> 8814 8815 </div> 8816 8817 8818 8819 <h4 class="title-product-enhanced"> 8820 <a href="/products/clot-kodak-cap-black">CLOT X KODAK Cap (Black)</a> 8821 </h4> 8822 8823 8824 8825 8826 8827 <p class="price-product-enhanced"> 8828
8829 <span class="price">$80.00</span> 8830 </p> 8831 </div> 8832 8833 8834 <div class="interactive-area-enhanced"> 8835 8836 8837 8838 8839 8840 8841 8842 8843 8844 <div class="interactive-controls-enhanced"> 8845 8846 8847 <select 8848 class="size-selector-enhanced" 8849 id="size-selector-enhanced-7604357103674" 8850 onchange="updateVariantEnhanced7604357103674(this.value)" 8851 > 8852 <option value="">Choose Size</option> 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 8863 8864 8865 8866 8867 8868 <option 8869 value="41634579316794" 8870 data-price="8000" 8871 data-compare-price="" 8872 > 8873 One size 8874 </option> 8875 8876 8877 8878 8879 </select> 8880 8881 8882 <form method="post" action="/cart/add" enctype="multipart/form-data" class="hover-cart-form-enhanced"> 8883 <input type="hidden" name="id" id="selected-variant-enhanced-7604357103674" value=""> 8884 <button 8885 type="submit" 8886 class="hover-add-to-cart-enhanced" 8887 id="hover-cart-btn-enhanced-7604357103674" 8888 disabled 8889 > 8890 Add to Cart 8891 </button> 8892 </form> 8893 8894 </div> 8895 </div> 8896 </div> 8897 8898 8899 <nav class="engoj_select_color variant-product"> 8900 8901 8902 8903 </nav> 8904 </div> 8905</div> 8906 8907
8908<script> 8909 function updateVariantEnhanced7604357103674(variantId) { 8910 const selectedVariantInput = document.getElementById('selected-variant-enhanced-7604357103674'); 8911 const addToCartBtn = document.getElementById('hover-cart-btn-enhanced-7604357103674'); 8912 const sizeSelector = document.getElementById('size-selector-enhanced-7604357103674'); 8913 8914 if (variantId && variantId !== '') { 8915 selectedVariantInput.value = variantId; 8916 addToCartBtn.disabled = false; 8917 addToCartBtn.textContent = 'Add to Cart'; 8918 8919 // Update price if needed (optional enhancement) 8920 const selectedOption = sizeSelector.options[sizeSelector.selectedIndex]; 8921 if (selectedOption && selectedOption.dataset.price) { 8922 // Price update logic can be added here if needed 8923 } 8924 } else { 8925 selectedVariantInput.value = ''; 8926 addToCartBtn.disabled = true; 8927 addToCartBtn.textContent = 'Select Size'; 8928 } 8929 } 8930 8931 // Handle form submission for this specific product 8932 document.addEventListener('DOMContentLoaded', function() { 8933 const forms = document.querySelectorAll('.hover-cart-form-enhanced'); 8934 forms.forEach(function(form) { 8935 form.addEventListener('submit', function(e) { 8936 const variantInput = this.querySelector('input[name="id"]'); 8937 const sizeSelector = this.parentElement.parentElement.querySelector('.size-selector-enhanced'); 8938 8939 // Only check for size selection if there's a size selector 8940 if (sizeSelector && !variantInput.value) { 8941 e.preventDefault(); 8942 alert('Please select a size first'); 8943 return false; 8944 } 8945 }); 8946 }); 8947 }); 8948</script>
8948 8949 8950 </div> 8951 8952 8953 8954 8955 8956 <div class="col-lg-3 col-md-4 col-sm-6 col-12"> 8957 8958<style> 8959 /* Ultra-high specificity selectors for product info below images */ 8960 html body .related-product .js_product_related .product-item-v2 .product-info-below, 8961 html body .related-product .related-tabs .product-item-v2 .product-info-below, 8962 html body .js_product_related .product-item-v2 .product-info-below, 8963 html body .related-product .product-item-v2 .product-info-below, 8964 html body .related-tabs .product-item-v2 .product-info-below, 8965 html body .product-item-v2 .product-info-below { 8966 position: relative !important; 8967 background: white !important; 8968 padding-top: 10px !important; 8969 display: block !important; 8970 visibility: visible !important; 8971 opacity: 1 !important; 8972 z-index: 100 !important; 8973 transition: all 0.3s ease; 8974 } 8975 8976 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 8977 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 8978 html body .js_product_related .product-item-v2 .product-brand-enhanced, 8979 html body .related-product .product-item-v2 .product-brand-enhanced, 8980 html body .related-tabs .product-item-v2 .product-brand-enhanced, 8981 html body .product-item-v2 .product-brand-enhanced { 8982 font-family: 'Nunito Sans', sans-serif !important; 8983 font-size: 14px !important; 8984 font-weight: bold !important; 8985 color: #000000 !important; 8986 margin-bottom: 5px !important; 8987 text-transform: uppercase !important; 8988 line-height: 1.4 !important; 8989 display: block !important; 8990 visibility: visible !important; 8991 opacity: 1 !important; 8992 position: relative !important; 8993 z-index: 101 !important; 8994 clear: both !important; 8995 } 8996 8997 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a, 8998 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a, 8999 html body .js_product_related .product-item-v2 .product-brand-enhanced a, 9000 html body .related-product .product-item-v2 .product-brand-enhanced a, 9001 html body .related-tabs .product-item-v2 .product-brand-enhanced a, 9002 html body .product-item-v2 .product-brand-enhanced a { 9003 color: inherit !important; 9004 text-decoration: none !important; 9005 } 9006 9007 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 9008 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 9009 html body .js_product_related .product-item-v2 .product-brand-enhanced a:hover, 9010 html body .related-product .product-item-v2 .product-brand-enhanced a:hover, 9011 html body .related-tabs .product-item-v2 .product-brand-enhanced a:hover, 9012 html body .product-item-v2 .product-brand-enhanced a:hover { 9013 text-decoration: underline !important; 9014 } 9015 9016 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 9017 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 9018 html body .js_product_related .product-item-v2 .title-product-enhanced, 9019 html body .related-product .product-item-v2 .title-product-enhanced, 9020 html body .related-tabs .product-item-v2 .title-product-enhanced, 9021 html body .product-item-v2 .title-product-enhanced { 9022 font-family: 'Nunito Sans', sans-serif !important; 9023 font-size: 14px !important; 9024 color: #000000 !important; 9025 margin-bottom: 5px !important; 9026 line-height: 1.4 !important; 9027 z-index: 101 !important; 9028 font-weight: normal !important; 9029 } 9030 9031 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced a, 9032 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced a, 9033 html body .js_product_related .product-item-v2 .title-product-enhanced a, 9034 html body .related-product .product-item-v2 .title-product-enhanced a, 9035 html body .related-tabs .product-item-v2 .title-product-enhanced a, 9036 html body .product-item-v2 .title-product-enhanced a { 9037 color: inherit !important; 9038 text-decoration: none !important; 9039 } 9040 9041 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 9042 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 9043 html body .js_product_related .product-item-v2 .price-product-enhanced, 9044 html body .related-product .product-item-v2 .price-product-enhanced, 9045 html body .related-tabs .product-item-v2 .price-product-enhanced, 9046 html body .product-item-v2 .price-product-enhanced { 9047 font-family: 'Nunito Sans', sans-serif !important; 9048 font-size: 14px !important; 9049 color: #000000 !important; 9050 margin-bottom: 10px !important; 9051 line-height: 1.4 !important; 9052 z-index: 101 !important; 9053 } 9054 9055 /* Compare price grey, product price black */ 9056 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price-old, 9057 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price-old, 9058 html body .js_product_related .product-item-v2 .price-product-enhanced .price-old, 9059 html body .related-product .product-item-v2 .price-product-enhanced .price-old, 9060 html body .related-tabs .product-item-v2 .price-product-enhanced .price-old, 9061 html body .product-item-v2 .price-product-enhanced .price-old { 9062 color: #979797 !important; 9063 text-decoration: line-through !important; 9064 } 9065 9066 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced .price, 9067 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced .price, 9068 html body .js_product_related .product-item-v2 .price-product-enhanced .price, 9069 html body .related-product .product-item-v2 .price-product-enhanced .price, 9070 html body .related-tabs .product-item-v2 .price-product-enhanced .price, 9071 html body .product-item-v2 .price-product-enhanced .price { 9072 color: #000000 !important; 9073 text-decoration: none !important; 9074 } 9075 9076 /* Desktop-specific with MAXIMUM specificity */ 9077 @media screen and (min-width: 769px) { 9078 html body .related-product .js_product_related .col-12 .product-item-v2 .product-info-below, 9079 html body .related-product .related-tabs .col-12 .product-item-v2 .product-info-below, 9080 html body .js_product_related .col-12 .product-item-v2 .product-info-below, 9081 html body .related-product .col-12 .product-item-v2 .product-info-below, 9082 html body .related-tabs .col-12 .product-item-v2 .product-info-below, 9083 html body .col-12 .product-item-v2 .product-info-below { 9084 position: relative !important; 9085 background: white !important; 9086 padding-top: 10px !important; 9087 display: block !important; 9088 visibility: visible !important; 9089 opacity: 1 !important; 9090 transition: all 0.3s ease; 9091 9092 } 9093 9094 html body .related-product .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 9095 html body .related-product .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 9096 html body .js_product_related .col-12 .product-item-v2 .product-brand-enhanced, 9097 html body .related-product .col-12 .product-item-v2 .product-brand-enhanced, 9098 html body .related-tabs .col-12 .product-item-v2 .product-brand-enhanced, 9099 html body .col-12 .product-item-v2 .product-brand-enhanced, 9100 html body .related-product .js_product_related .product-item-v2 .product-brand-enhanced, 9101 html body .related-product .related-tabs .product-item-v2 .product-brand-enhanced, 9102 html body .js_product_related .product-item-v2 .product-brand-enhanced, 9103 html body .related-product .product-item-v2 .product-brand-enhanced, 9104 html body .related-tabs .product-item-v2 .product-brand-enhanced, 9105 html body .product-item-v2 .product-brand-enhanced { 9106 font-family: 'Nunito Sans', sans-serif !important; 9107 font-size: 14px !important; 9108 font-weight: bold !important; 9109 color: #000000 !important; 9110 margin-bottom: 5px !important; 9111 text-transform: uppercase !important; 9112 line-height: 1.4 !important; 9113 display: block !important; 9114 visibility: visible !important; 9115 opacity: 1 !important; 9116 position: relative !important; 9117 9118 clear: both !important; 9119 } 9120 9121 html body .related-product .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 9122 html body .related-product .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 9123 html body .js_product_related .col-12 .product-item-v2 .title-product-enhanced, 9124 html body .related-product .col-12 .product-item-v2 .title-product-enhanced, 9125 html body .related-tabs .col-12 .product-item-v2 .title-product-enhanced, 9126 html body .col-12 .product-item-v2 .title-product-enhanced, 9127 html body .related-product .js_product_related .product-item-v2 .title-product-enhanced, 9128 html body .related-product .related-tabs .product-item-v2 .title-product-enhanced, 9129 html body .js_product_related .product-item-v2 .title-product-enhanced, 9130 html body .related-product .product-item-v2 .title-product-enhanced, 9131 html body .related-tabs .product-item-v2 .title-product-enhanced, 9132 html body .product-item-v2 .title-product-enhanced { 9133 font-family: 'Nunito Sans', sans-serif !important; 9134 font-size: 14px !important; 9135 color: #000000 !important; 9136 margin-bottom: 5px !important; 9137 line-height: 1.4 !important; 9138 9139 font-weight: normal !important; 9140 } 9141 9142 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 9143 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 9144 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced, 9145 html body .related-product .col-12 .product-item-v2 .price-product-enhanced, 9146 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced, 9147 html body .col-12 .product-item-v2 .price-product-enhanced, 9148 html body .related-product .js_product_related .product-item-v2 .price-product-enhanced, 9149 html body .related-product .related-tabs .product-item-v2 .price-product-enhanced, 9150 html body .js_product_related .product-item-v2 .price-product-enhanced, 9151 html body .related-product .product-item-v2 .price-product-enhanced, 9152 html body .related-tabs .product-item-v2 .price-product-enhanced, 9153 html body .product-item-v2 .price-product-enhanced { 9154 font-family: 'Nunito Sans', sans-serif !important; 9155 font-size: 14px !important; 9156 color: #000000 !important; 9157 margin-bottom: 10px !important; 9158 line-height: 1.4 !important; 9159 9160 } 9161 9162 /* Desktop price colors with maximum specificity */ 9163 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 9164 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 9165 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price-old, 9166 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price-old, 9167 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price-old, 9168 html body .col-12 .product-item-v2 .price-product-enhanced .price-old { 9169 color: #979797 !important; 9170 text-decoration: line-through !important; 9171 } 9172 9173 html body .related-product .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 9174 html body .related-product .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 9175 html body .js_product_related .col-12 .product-item-v2 .price-product-enhanced .price, 9176 html body .related-product .col-12 .product-item-v2 .price-product-enhanced .price, 9177 html body .related-tabs .col-12 .product-item-v2 .price-product-enhanced .price, 9178 html body .col-12 .product-item-v2 .price-product-enhanced .price { 9179 color: #000000 !important; 9180 text-decoration: none !important; 9181 } 9182 } 9183 9184 /* PH01 Design Pattern: Below-Image Interactive Hover Controls */ 9185 /* Related product specific hover effect styles */
9186 .product-item-v2 .interactive-area-enhanced { 9187 margin-top: 10px; 9188 opacity: 0; 9189 visibility: hidden; 9190 transition: all 0.3s ease; 9191 max-height: 0; 9192 overflow: hidden; 9193 } 9194 /* Hover triggers on entire product container */ 9195 .product-item-v2 .product:hover .interactive-area-enhanced { 9196 opacity: 1; 9197 visibility: visible; 9198 max-height: 100px; 9199 } 9200 .product-item-v2 .product:hover .product-info-content-enhanced { 9201 opacity: 0; 9202 visibility: hidden; 9203 max-height: 0; 9204 overflow: hidden; 9205 } 9206 .product-item-v2 .product-info-content-enhanced { 9207 transition: all 0.3s ease; 9208 opacity: 1; 9209 visibility: visible; 9210 max-height: 200px; 9211 overflow: hidden; 9212 } 9213 9214 /* Interactive controls layout for enhanced version */ 9215 .product-item-v2 .interactive-controls-enhanced { 9216 display: flex; 9217 justify-content: space-between; 9218 align-items: center; 9219 gap: 2px; 9220 margin-bottom: 15px; 9221 } 9222 9223 /* Size dropdown styles for enhanced version */ 9224 .product-item-v2 .size-selector-enhanced { 9225 flex: 1; 9226 min-width: 120px; 9227 max-width: 160px; 9228 padding: 8px 12px; 9229 border: 2px solid #000; 9230 background: white; 9231 font-family: 'Nunito Sans', sans-serif; 9232 font-size: 12px; 9233 color: #000; 9234 border-radius: 0; 9235 appearance: none; 9236 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); 9237 background-position: right 8px center; 9238 background-repeat: no-repeat; 9239 background-size: 12px; 9240 cursor: pointer; 9241 } 9242 .product-item-v2 .size-selector-enhanced:focus { 9243 outline: none; 9244 border-color: #333; 9245 } 9246 .product-item-v2 .size-selector-enhanced option:disabled { 9247 color: #ccc; 9248 background: #f5f5f5; 9249 } 9250 9251 /* Add to cart button for enhanced version */ 9252 .product-item-v2 .hover-add-to-cart-enhanced { 9253 flex: 1; 9254 min-width: 120px; 9255 max-width: 160px; 9256 background: #000; 9257 color: white; 9258 border: none; 9259 padding: 10px 15px; 9260 font-family: 'Nunito Sans', sans-serif; 9261 font-size: 12px; 9262 font-weight: bold; 9263 text-transform: uppercase; 9264 text-align: center !important; 9265 display: flex !important; 9266 align-items: center !important; 9267 justify-content: center !important; 9268 cursor: pointer; 9269 transition: background-color 0.3s ease; 9270 } 9271 .product-item-v2 .hover-add-to-cart-enhanced:hover { 9272 background: #333; 9273 } 9274 .product-item-v2 .hover-add-to-cart-enhanced:disabled { 9275 background: #ccc; 9276 cursor: not-allowed; 9277 } 9278 9279 /* Mobile version - disable hover effects */ 9280 @media (max-width: 768px) { 9281 .product-item-v2 .product:hover .interactive-area-enhanced { 9282 opacity: 0 !important; 9283 visibility: hidden !important; 9284 max-height: 0 !important; 9285 overflow: hidden !important; 9286 } 9287 .product-item-v2 .product:hover .product-info-content-enhanced { 9288 opacity: 1 !important; 9289 visibility: visible !important; 9290 max-height: 200px !important; 9291 overflow: visible !important; 9292 } 9293 .product-item-v2 .interactive-area-enhanced { 9294 display: none !important; 9295 } 9296 } 9297 9298 /* Desktop version - ensure hover effects work */ 9299 @media (min-width: 769px) { 9300 .product-item-v2 .product:hover .interactive-area-enhanced { 9301 opacity: 1; 9302 visibility: visible; 9303 max-height: 100px; 9304 } 9305 .product-item-v2 .product:hover .product-info-content-enhanced { 9306 opacity: 0; 9307 visibility: hidden; 9308 max-height: 0; 9309 overflow: hidden; 9310 } 9311 } 9312</style> 9313 9314<div class="product-item-v2"> 9315 9316 9317 9318 9319 9320 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 9332 9333 9334 9335 9336 9337 <div class="product mb-30 engoj_grid_parent relative"> 9338 9339 <div class="img-product relative"> 9340 <a href="/products/clot-kodak-t-shirt-black" class="engoj_find_img"> 9341 <img 9342 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 9343 src="//clotinc.com/cdn/shop/files/clot-x-kodak-t-shirt-black-1.jpg?v=1788835837" 9344 class="img-responsive" 9345 alt="CLOT X KODAK T-Shirt (Black)" 9346 width="270" 9347 height="340" 9348 > 9349 9350 9351 9352 9353 <img 9354 style="width: 100%; height: auto; aspect-ratio: 270/340; object-fit: cover;" 9355 src="//clotinc.com/cdn/shop/files/clot-x-kodak-t-shirt-black-2.jpg?v=1788835836" 9356 class="img-responsive absolute img-product-hover" 9357 alt="CLOT X KODAK T-Shirt (Black)" 9358 width="270" 9359 height="340" 9360 > 9361 9362 9363 9364 9365 9366 9367 9368 9369 </a> 9370 9371 9372 9373 9374 9375 9376 9377 9378 9379 9380 9381 9382 9383 9384 9385 9386 9387 9388 9389 9390 9391 9392 9393 9394 9395 9396 9397 9398 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410 9411 9412 9413 9414 <figure class="absolute uppercase product-badge badge-grey text-center">
9415 <span>SOLD OUT</span> 9416 </figure> 9417 9418 9419 9420 9421 9422 <ul class="product-icon-action list-unstyled mb-0 text-center"> 9423 <li class="add-to-cart mr-0"> 9424 9425 <a 9426 href="/products/clot-kodak-t-shirt-black" 9427 class="inline-block icon-addcart box-shadow" 9428 data-toggle="tooltip" 9429 data-placement="top" 9430 data-original-title="View more" 9431 > 9432 <i class="fa fa-times"></i> 9433 </a> 9434 9435 </li> 9436 9437 <li class="quick-view mr-0"> 9438 <a 9439 href="javascript:void(0)" 9440 class="engoj_btn_quickview icon-quickview inline-block box-shadow" 9441 data-id="clot-kodak-t-shirt-black" 9442 data-toggle="tooltip" 9443 data-placement="top" 9444 data-original-title="Quickview" 9445 > 9446 <i class="icon-search"></i> 9447 </a> 9448 </li> 9449 <li class="add-wishlist mr-0"> 9450 9451<a href="/account/login" class="box-shadow inline-block maxus-product__wishlist wish text-center" data-toggle="tooltip" data-placement="top" data-original-title="Add to Wishlist"> 9452 9453<i class="icon-heart "></i> 9454</a> 9455 9456 </li> 9457 </ul> 9458 9459 9460 </div> 9461 9462 9463 <div class="product-info-below"> 9464 9465 <div class="product-info-content-enhanced"> 9466 9467 9468 <div class="product-brand-enhanced"> 9469 9470 9471 9472 9473 9474 9475 9476 9477 9478 9479 9480 9481 9482 9483 9484 9485 9486 9487 9488 9489 9490 9491 9492 9493 9494 9495 9496 9497 9498 9499 9500 9501 9502 9503 9504 9505 9506 9507 9508 9509 9510 9511 9512 9513 9514 9515 9516 9517 9518 9519 9520 9521 9522 9523 9524 9525 9526 9527 9528 9529 9530 9531 9532 9533 9534 9535 9536 9537 9538 9539 9540 9541 9542 9543 9544 9545 9546 9547 9548 9549 9550 9551 <a href="/collections/clot-x-kodak"> 9552 CLOT x KODAK 9553 </a> 9554 9555 </div> 9556 9557 9558 9559 <h4 class="title-product-enhanced"> 9560 <a href="/products/clot-kodak-t-shirt-black">CLOT X KODAK T-Shirt (Black)</a> 9561 </h4> 9562 9563 9564 9565 9566 9567 <p class="price-product-enhanced"> 9568 9569 <span class="price">$125.00</span> 9570 </p> 9571 </div> 9572 9573 9574 <div class="interactive-area-enhanced"> 9575 9576 9577 9578 9579 9580 9581 9582 9583 9584 <div class="interactive-controls-enhanced"> 9585 9586 9587 <select 9588 class="size-selector-enhanced" 9589 id="size-selector-enhanced-7604357201978" 9590 onchange="updateVariantEnhanced7604357201978(this.value)" 9591 > 9592 <option value="">Choose Size</option> 9593 9594 9595 9596 9597 9598 9599 9600 9601 9602 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 <option value="" disabled>S (Sold Out)</option> 9613 9614 9615 9616 9617 9618 9619 9620 9621 9622 9623 9624 9625 9626 9627 9628 9629 9630 9631 9632 9633 9634 <option value="" disabled>M (Sold Out)</option> 9635 9636 9637 9638 9639 9640 9641 9642 9643 9644 9645 9646 9647 9648 9649 9650 9651 9652 9653 9654 9655 9656 <option value="" disabled>L (Sold Out)</option> 9657 9658 9659 9660 9661 9662 9663 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 <option value="" disabled>XL (Sold Out)</option> 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 <option value="" disabled>XXL (Sold Out)</option> 9701 9702 9703 9704 9705 </select> 9706 9707 9708 <form method="post" action="/cart/add" enctype="multipart/form-data" class="hover-cart-form-enhanced"> 9709 <input type="hidden" name="id" id="selected-variant-enhanced-7604357201978" value=""> 9710 <button 9711 type="submit" 9712 class="hover-add-to-cart-enhanced" 9713 id="hover-cart-btn-enhanced-7604357201978" 9714 disabled 9715 > 9716 Add to Cart 9717 </button> 9718 </form> 9719 9720 </div> 9721 </div> 9722 </div> 9723 9724 9725 <nav class="engoj_select_color variant-product"> 9726 9727 9728 9729 </nav> 9730 </div> 9731</div> 9732 9733
9734<script> 9735 function updateVariantEnhanced7604357201978(variantId) { 9736 const selectedVariantInput = document.getElementById('selected-variant-enhanced-7604357201978'); 9737 const addToCartBtn = document.getElementById('hover-cart-btn-enhanced-7604357201978'); 9738 const sizeSelector = document.getElementById('size-selector-enhanced-7604357201978'); 9739 9740 if (variantId && variantId !== '') { 9741 selectedVariantInput.value = variantId; 9742 addToCartBtn.disabled = false; 9743 addToCartBtn.textContent = 'Add to Cart'; 9744 9745 // Update price if needed (optional enhancement) 9746 const selectedOption = sizeSelector.options[sizeSelector.selectedIndex]; 9747 if (selectedOption && selectedOption.dataset.price) { 9748 // Price update logic can be added here if needed 9749 } 9750 } else { 9751 selectedVariantInput.value = ''; 9752 addToCartBtn.disabled = true; 9753 addToCartBtn.textContent = 'Select Size'; 9754 } 9755 } 9756 9757 // Handle form submission for this specific product 9758 document.addEventListener('DOMContentLoaded', function() { 9759 const forms = document.querySelectorAll('.hover-cart-form-enhanced'); 9760 forms.forEach(function(form) { 9761 form.addEventListener('submit', function(e) { 9762 const variantInput = this.querySelector('input[name="id"]'); 9763 const sizeSelector = this.parentElement.parentElement.querySelector('.size-selector-enhanced'); 9764 9765 // Only check for size selection if there's a size selector 9766 if (sizeSelector && !variantInput.value) { 9767 e.preventDefault(); 9768 alert('Please select a size first'); 9769 return false; 9770 } 9771 }); 9772 }); 9773 }); 9774</script>
9774 9775 9776 </div> 9777 9778 9779 9780 9781 9782 9783 9784 9785 9786 9787 9788 9789 9790 9791 9792 9793 9794 </div> 9795 </div> 9796 9797</div> 9798 9799 9800 9801 9802</div> 9803 9804 9805 9806 9807 9808 9809 9810
9811<script src="//clotinc.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
9811 9812
9813<script> 9814 9815 var selectCallback = function(variant, selector) { 9816 // BEGIN SWATCHES 9817 if (variant) { 9818 var form = jQuery('#' + selector.domIdPrefix).closest('form'); 9819 for (var i=0,length=variant.options.length; i<length; i++) { 9820 var radioButton = form.find('.swatch[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]'); 9821 if (radioButton.size()) { 9822 radioButton.get(0).checked = true; 9823 } 9824 } 9825 } 9826 // END SWATCHES 9827 9828 9829 9830 var quantity = 1, 9831 totalPrice; 9832 if (variant) { 9833 if (variant.available) { 9834 // Selected a valid variant that is available. 9835 $('.engoj-btn-addtocart').removeClass('disabled').removeAttr('disabled').val('Add to Cart').fadeTo(200,1); 9836 } else { 9837 // Variant is sold out. 9838 $('.engoj-btn-addtocart').val('Sold Out').addClass('disabled').attr('disabled', 'disabled').fadeTo(200,0.5); 9839 } 9840 quantity = parseInt($('#Quantity').val(), 10); 9841 totalPrice = variant.price * quantity; 9842 9843 if ( variant.compare_at_price > variant.price ) { 9844 $('.enj-product-price').html(Shopify.formatMoney(variant.price, window.money_format)); 9845 $('.enj-product-price-compare').html(Shopify.formatMoney(variant.compare_at_price, window.money_format)); 9846 } else { 9847 $('.enj-product-price').html(Shopify.formatMoney(variant.price, window.money_format)); 9848 $('.enj-product-price-compare').html(Shopify.formatMoney(variant.compare_at_price, window.money_format)); 9849 9850 } 9851 9852 9853 } else { 9854 // variant doesn't exist. 9855 $('.engoj-btn-addtocart').val('Unavailable').addClass('disabled').attr('disabled', 'disabled').fadeTo(200,0.5); 9856 } 9857 9858 /*begin variant image*/ 9859 if (variant && variant.featured_image) { 9860 var originalImage = jQuery(".engoj_img_main"); 9861 var newImage = variant.featured_image; 9862 var element = originalImage[0]; 9863 Shopify.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) { 9864 var $el = $(element); 9865 $el.attr('src', newImageSizedSrc); 9866 $(".engoj-nav-item:eq(0)").trigger('click'); 9867 9868 $('.zoomLens').css('background-image','url("'+newImageSizedSrc+'")'); 9869 }); 9870 } 9871 9872 /*end of variant image*/ 9873 } 9874 9875 jQuery(function($) { 9876 new Shopify.OptionSelectors('productSelect', { 9877 product: {"id":7604357070906,"title":"CLOT X KODAK Lanyard (Yellow)","handle":"clot-kodak-lanyard-yellow","description":"\u003cul\u003e\n\u003cli\u003eYellow lanyard with CLOT x KODAK graphic print\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdjustable strap for a customized fit\u003c\/li\u003e\n\u003cli\u003eQuick-release buckle for easy use\u003c\/li\u003e\n\u003cli\u003eMetal ring and detachable clip attachment\u003c\/li\u003e\n\u003cli style=\"color: rgb(255, 42, 0);\"\u003e\u003cspan style=\"color: rgb(255, 42, 0);\"\u003e\u003cstrong\u003eCamera shown in images is not included\u003c\/strong\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","published_at":"2026-09-10T00:00:04+08:00","created_at":"2026-09-07T16:35:23+08:00","vendor":"CLOT x KODAK","type":"Small goods","tags":["10092026","Accessories","all","CLOT","CLOT x KODAK","FW26Accessories","FW26CLOT x KODAK","FW26items","inallcollection","New","Small goods"],"price":6700,"price_min":6700,"price_max":6700,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41634579284026,"title":"One size","option1":"One size","option2":null,"option3":null,"sku":"CLAC26FKD602YEFRE","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"CLOT X KODAK Lanyard (Yellow) - One size","public_title":"One size","options":["One size"],"price":6700,"weight":1000,"compare_at_price":null,"inventory_quantity":9,"inventory_management":"shopify","inventory_policy":"deny","barcode":"CLAC26FKD602YEFRE","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957","\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-1.jpg?v=1788835957","\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-2.jpg?v=1788835957","\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-4.jpg?v=1788835957","\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-5.jpg?v=1788835957","\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-6.jpg?v=1788835957","\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-7.jpg?v=1788835957","\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-8.jpg?v=1788835966"],"featured_image":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957","options":["Size"],"media":[{"alt":null,"id":25585367711802,"position":1,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-3.jpg?v=1788835957","width":2790},{"alt":null,"id":25585367646266,"position":2,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-1.jpg?v=1788835957"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-1.jpg?v=1788835957","width":2790},{"alt":null,"id":25585367679034,"position":3,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-2.jpg?v=1788835957"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-2.jpg?v=1788835957","width":2790},{"alt":null,"id":25585367744570,"position":4,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-4.jpg?v=1788835957"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-4.jpg?v=1788835957","width":2790},{"alt":null,"id":25585367777338,"position":5,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-5.jpg?v=1788835957"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-5.jpg?v=1788835957","width":2790},{"alt":null,"id":25585367810106,"position":6,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-6.jpg?v=1788835957"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-6.jpg?v=1788835957","width":2790},{"alt":null,"id":25585367842874,"position":7,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-7.jpg?v=1788835957"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-7.jpg?v=1788835957","width":2790},{"alt":null,"id":25585370464314,"position":8,"preview_image":{"aspect_ratio":0.816,"height":3420,"width":2790,"src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-8.jpg?v=1788835966"},"aspect_ratio":0.816,"height":3420,"media_type":"image","src":"\/\/clotinc.com\/cdn\/shop\/files\/clot-x-kodak-lanyard-yellow-8.jpg?v=1788835966","width":2790}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cul\u003e\n\u003cli\u003eYellow lanyard with CLOT x KODAK graphic print\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdjustable strap for a customized fit\u003c\/li\u003e\n\u003cli\u003eQuick-release buckle for easy use\u003c\/li\u003e\n\u003cli\u003eMetal ring and detachable clip attachment\u003c\/li\u003e\n\u003cli style=\"color: rgb(255, 42, 0);\"\u003e\u003cspan style=\"color: rgb(255, 42, 0);\"\u003e\u003cstrong\u003eCamera shown in images is not included\u003c\/strong\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e"}, 9878 onVariantSelected: selectCallback, 9879 enableHistoryState: true 9880 }); 9881 9882 // Add label if only one product option and it isn't 'Title'. Could be 'Size'. 9883 9884 $('.selector-wrapper:eq(0)').prepend('<label for="productSelect-option-0">Size</label>'); 9885 9886 9887 // Hide selectors if we only have 1 variant and its title contains 'Default'. 9888 9889 }); 9890</script>
9890 9891 9892</div> 9893 9894 9895 <div id="shopify-section-footer" class="shopify-section index-section"><!-- /sections/footer.liquid --> 9896 9897<footer class="footer_v5"> 9898 <div class="top-footer"> 9899 <div class="container container-casa"> 9900 <div class="row"> 9901 <div class="col-lg-3 col-md-4"> 9902 <div class="info_footer"> 9903 <div class="title_footer"> 9904 <h4 class="mb-0 title_border">General Information</h4> 9905 </div> 9906 <ul class="list-unstyled mb-0"> 9907 9908 <li> 9909 <a href="/pages/about-us" title="About Us">About Us</a> 9910 </li> 9911 9912 <li> 9913 <a href="/pages/loyalty-program" title="Loyalty Program">Loyalty Program</a> 9914 </li> 9915 9916 <li> 9917 <a href="https://apps.apple.com/hk/app/juicestore/id1550561659" title="JUICESTORE iOS App">JUICESTORE iOS App</a> 9918 </li> 9919 9920 <li> 9921 <a href="https://play.google.com/store/apps/details?id=com.clot.android.juice" title="JUICESTORE Android App">JUICESTORE Android App</a> 9922 </li> 9923 9924 </ul> 9925 </div> 9926 </div> 9927 <div class="col-lg-3 col-md-4"> 9928 <div class="info_footer"> 9929 <div class="title_footer"> 9930 <h4 class="mb-0 title_border">Order Information</h4> 9931 </div> 9932 <ul class="list-unstyled mb-0"> 9933 9934 <li> 9935 <a href="/pages/order-delivery" title="Delivery">Delivery</a> 9936 </li> 9937 9938 <li> 9939 <a href="/pages/order-returns-exchanges" title="Returns & Exchanges">Returns & Exchanges</a> 9940 </li> 9941 9942 <li> 9943 <a href="/account#account-orders" title="Order Status">Order Status</a> 9944 </li> 9945 9946 <li> 9947 <a href="/pages/faq" title="FAQ">FAQ</a> 9948 </li> 9949 9950 </ul> 9951 </div> 9952 </div> 9953 <div class="col-lg-3 col-md-4"> 9954 <div class="info_footer info_contact"> 9955 <div class="title_footer "> 9956 <h4 class="mb-0 title_border">Contact</h4> 9957 </div> 9958 <ul class="list-unstyled mb-0"> 9959 9960 <li> 9961 <a href="/pages/contact-us" title="Contact Us">Contact Us</a> 9962 </li> 9963 9964 <li> 9965 <a href="/pages/locations" title="Locations">Locations</a> 9966 </li> 9967 9968 </ul> 9969 </div> 9970 </div> 9971 <div class="col-lg-3 col-md-12"> 9972 <div class="info_footer end"> 9973 <div class="title_footer"> 9974 <h4 class="mb-0">NEWLETTERS</h4> 9975 </div> 9976 9977 <p class="mb-0 content_footer">SUBSCRIBE - 10% OFF | FREE GIVEAWAYS</p> 9978 9979 9980 9981 9982 <div class="newsletter-form-wrap klaviyo-newsletter"> 9983 <div class="klaviyo-form-SyfTtA"></div> 9984 </div> 9985 9986 </div> 9987 </div> 9988 </div> 9989 </div> 9990 </div> 9991 9992 <div class="copyright"> 9993 <div class="container container-casa"> 9994 <div class="row align-items-center"> 9995 <div class="col-lg-6 col-md-6 text-lg-left text-md-left"> 9996 9997 <p class="text-copyright mb-0">©2026 JUICESTORE All rights reserved</p> 9998 9999 </div> 10000 <div class="col-lg-6 col-md-6 text-lg-right text-md-right"> 10001 10002 <img src="//clotinc.com/cdn/shop/files/payment_fbbd2417-5300-4f04-a790-29f15625c3e9.png?v=1747887718" alt=""> 10003 10004 </div> 10005 </div> 10006 </div> 10007 </div> 10008 10009</footer> 10010 10011<style> 10012 .newsletter-form-wrap.klaviyo-newsletter { 10013 width: 100%; 10014 } 10015 10016 .newsletter-form-wrap.klaviyo-newsletter .klaviyo-form-SyfTtA { 10017 width: 100%; 10018 } 10019</style> 10020 10021 10022</div> 10023 10024 <div id="back-to-top" class="one"> 10025 <i class="fa fa-angle-up"></i> 10026 </div> 10027 10028 10029 </div> 10030 </div> 10031 10032
10032<script src="//clotinc.com/cdn/shop/t/82/assets/fastclick.js?v=180948248748138531451767548677" type="text/javascript"></script>
10032 10033 10034
10035<script src="//clotinc.com/cdn/s/javascripts/currencies.js" type="text/javascript"></script>
vendor: 1 bytes, line 10035
10035
10036<script src="//clotinc.com/cdn/shop/t/82/assets/jquery.currencies.min.js?v=175057760772006623221767548677" type="text/javascript"></script>
10036 10037
10038<script> 10039 10040Currency.format = 'money_format'; 10041 10042var shopCurrency = 'HKD'; 10043 10044/* Sometimes merchants change their shop currency, let's tell our JavaScript file */ 10045Currency.moneyFormats[shopCurrency].money_with_currency_format = "${{amount}} USD"; 10046Currency.moneyFormats[shopCurrency].money_format = "${{amount}}"; 10047 10048/* Default currency */ 10049var defaultCurrency = 'HKD'; 10050 10051/* Cookie currency */ 10052var cookieCurrency = Currency.cookie.read(); 10053 10054/* Fix for customer account pages */ 10055jQuery('span.money span.money').each(function() { 10056 jQuery(this).parents('span.money').removeClass('money'); 10057}); 10058 10059/* Saving the current price */ 10060jQuery('span.money').each(function() { 10061 jQuery(this).attr('data-currency-HKD', jQuery(this).html()); 10062}); 10063 10064// If there's no cookie. 10065if (cookieCurrency == null) { 10066 if (shopCurrency !== defaultCurrency) { 10067 Currency.convertAll(shopCurrency, defaultCurrency); 10068 } 10069 else { 10070 Currency.currentCurrency = defaultCurrency; 10071 } 10072} 10073// If the cookie value does not correspond to any value in the currency dropdown. 10074else if (jQuery('[name=currencies]').size() && jQuery('[name=currencies] option[value=' + cookieCurrency + ']').size() === 0) { 10075 Currency.currentCurrency = shopCurrency; 10076 Currency.cookie.write(shopCurrency); 10077} 10078else if (cookieCurrency === shopCurrency) { 10079 Currency.currentCurrency = shopCurrency; 10080} 10081else { 10082 Currency.convertAll(shopCurrency, cookieCurrency); 10083} 10084 10085jQuery('[name=currencies]').val(Currency.currentCurrency).change(function() { 10086 var newCurrency = jQuery(this).val(); 10087 Currency.convertAll(Currency.currentCurrency, newCurrency); 10088 jQuery('.selected-currency').text(Currency.currentCurrency); 10089}); 10090 10091var original_selectCallback = window.selectCallback; 10092var selectCallback = function(variant, selector) { 10093 original_selectCallback(variant, selector); 10094 Currency.convertAll(shopCurrency, jQuery('[name=currencies]').val()); 10095 jQuery('.selected-currency').text(Currency.currentCurrency); 10096}; 10097 10098$('body').on('ajaxCart.afterCartLoad', function(cart) { 10099 Currency.convertAll(shopCurrency, jQuery('[name=currencies]').val()); 10100 jQuery('.selected-currency').text(Currency.currentCurrency); 10101}); 10102 10103jQuery('.selected-currency').text(Currency.currentCurrency); 10104 10105</script>
10105 10106 10107 10108 10109
10109<script src="//clotinc.com/cdn/shop/t/82/assets/timber.js?v=147112221067129855981767548677" type="text/javascript"></script>
10109 10110 10111 10112
10112<script> 10113 10114 </script>
10114 10115 10116
10116<script> 10117 jQuery(function () { 10118 jQuery('.swatch :radio').change(function () { 10119 var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index'); 10120 var optionValue = jQuery(this).val(); 10121 jQuery(this) 10122 .closest('form') 10123 .find('.single-option-selector') 10124 .eq(optionIndex) 10125 .val(optionValue) 10126 .trigger('change'); 10127 }); 10128 }); 10129 </script>
10129 10130 10131 10132
10132<script src="//clotinc.com/cdn/shop/t/82/assets/handlebars.min.js?v=79044469952368397291767548677" type="text/javascript"></script>
10132 10133 <!-- /snippets/ajax-cart-template.liquid --> 10134
10135<script id="CartTemplate" type="text/template"> 10136 10137 <form action="/cart" method="post" novalidate class="ajaxcart"> 10138 <div class="prod"> 10139 <div class="product-cart"> 10140 {{#items}} 10141 <ol class="minicart_item list-unstyled mb-0"> 10142 <li class="d-flex"> 10143 <div class="thumb_img_cartmini"> 10144 <a href="{{url}}" title="" class=""><img alt="{{name}}" src="{{img}}"></a> 10145 </div> 10146 <div class="product-detail"> 10147 <h3 class="product_name_mini"> 10148 <a href="{{url}}">{{name}}</a> 10149 {{#if variation}} 10150 <span class="ajaxcart__product-meta">{{variation}}</span> 10151 {{/if}} 10152 {{#properties}} 10153 {{#each this}} 10154 {{#if this}} 10155 <span class="ajaxcart__product-meta">{{@key}}: {{this}}</span> 10156 {{/if}} 10157 {{/each}} 10158 {{/properties}} 10159 10160 </h3> 10161 <div class="product_info"> 10162 <div class="product_quanity">QTY : {{itemQty}} </div> 10163 <div class="product_price"> 10164 <span class="price_sale">{{{price}}}</span> 10165 </div> 10166 </div> 10167 </div> 10168 <div class="produc_remove"> 10169 <a href="/cart/change?line={{line}}&quantity=0" class="remove-product"><i class="ti-close"></i></a> 10170 </div> 10171 </li> 10172 </ol> 10173 {{/items}} 10174 </div> 10175 </div> 10176 <div class="sub-total"> 10177 <span class="total-title float-left">Total:</span> 10178 <span class="total-price float-right">{{{totalPrice}}}</span> 10179 </div> 10180 <div class="action-checkout"> 10181 <a href="/cart" class="button-viewcart"> 10182 <span>View cart</span> 10183 </a> 10184 <a href="/checkout" class="button-checkout"> 10185 <span>Check out</span> 10186 </a> 10187 </div> 10188 </form> 10189 10190 10191 10192 10193 10194 10195 10196 </script>
10196 10197
10197<script id="AjaxQty" type="text/template"> 10198 10199 <div class="ajaxcart__qty"> 10200 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{id}}" data-qty="{{itemMinus}}"> 10201 <span class="icon icon-minus" aria-hidden="true"></span> 10202 <span class="fa fa-angle-down"></span> 10203 </button> 10204 <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{id}}" aria-label="quantity" pattern="[0-9]*"> 10205 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{id}}" data-qty="{{itemAdd}}"> 10206 <span class="icon icon-plus" aria-hidden="true"></span> 10207 <span class="fa fa-angle-up"></span> 10208 </button> 10209 </div> 10210 10211 </script>
10211 10212
10212<script id="JsQty" type="text/template"> 10213 10214 <div class="js-qty"> 10215 <button type="button" class="qty_minus js-qty__adjust js-qty__adjust--minus icon-fallback-text" data-id="{{id}}" data-qty="{{itemMinus}}"> 10216 10217 <span class="fa fa-minus"></span> 10218 </button> 10219 <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{id}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> 10220 <button type="button" class="qty_plus js-qty__adjust js-qty__adjust--plus icon-fallback-text" data-id="{{id}}" data-qty="{{itemAdd}}"> 10221 10222 <span class="fa fa-plus"></span> 10223 </button> 10224 </div> 10225 10226 </script>
10226 10227 10228
10228<script src="//clotinc.com/cdn/shop/t/82/assets/ajax-cart.js?v=77742717072398298171778063577" type="text/javascript"></script>
10228 10229
10229<script> 10230 var ajaxCartConfig = { 10231 cartContainer: '.enj-minicart-ajax', 10232 addToCartSelector: '.enj-add-to-cart-btn', 10233 cartCountSelector: '.enj-cartcount', 10234 cartCostSelector: '.enj-cartcost', 10235 moneyFormat: "${{amount}}" 10236 }; 10237 jQuery(function($) { 10238 ajaxCart.init(ajaxCartConfig); 10239 }); 10240 10241 jQuery('body').on('ajaxCart.afterCartLoad', function(evt, cart) { 10242 // Bind to 'ajaxCart.afterCartLoad' to run any javascript after the cart has loaded in the DOM 10243 /* timber.RightDrawer.open(); */ 10244 }); 10245 </script>
10245 10246 10247 10248 10249 10250
10250<script src="//clotinc.com/cdn/shop/t/82/assets/bootstrap.bundle.min.js?v=106979097015097081161767548677" type="text/javascript"></script>
10250 10251
10251<script src="//clotinc.com/cdn/shop/t/82/assets/slick.min.js?v=174081320166941574071767548677" type="text/javascript"></script>
10251 10252
10252<script src="//clotinc.com/cdn/shop/t/82/assets/instafeed.min.js?v=90032470946696484961767548677" type="text/javascript"></script>
10252 10253
10253<script src="//clotinc.com/cdn/shop/t/82/assets/jquery.fancybox.min.js?v=78522239389571045111767548677" type="text/javascript"></script>
10253 10254
10254<script src="//clotinc.com/cdn/shop/t/82/assets/ajaxinate.min.js?v=6548771217196818961767548677" type="text/javascript"></script>
10254 10255
10255<script src="//clotinc.com/cdn/shop/t/82/assets/engo-plugins.js?v=159905226056817188221767548677" type="text/javascript"></script>
10255 10256
10256<script src="//clotinc.com/cdn/shop/t/82/assets/quickview.js?v=54118531428943453951767548677" type="text/javascript"></script>
10256 10257
10257<script src="//clotinc.com/cdn/shop/t/82/assets/tilt_.jquery.min.js?v=38541005498862268791767548677" type="text/javascript"></script>
10257 10258 10259
10259<script src="//clotinc.com/cdn/shop/t/82/assets/collection.js?v=114414458325971125391767548677" type="text/javascript"></script>
10259 10260 10261
10261<script src="//clotinc.com/cdn/shop/t/82/assets/threesixty_.min.js?v=28852475680982028401767548677" type="text/javascript"></script>
10261 10262
10262<script src="//clotinc.com/cdn/shop/t/82/assets/engo-scripts.js?v=183397757422044202101767548677" type="text/javascript"></script>
10262 10263
10263<script src="//clotinc.com/cdn/shop/t/82/assets/recipient-form.js?v=22746677593310382811767548677" type="text/javascript"></script>
10263 10264 10265 10266 <!-- Klaviyo Form --> 10267
10267<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=WuTXsb"></script>
10267 10268 <!-- Klaviyo Form End --> 10269 10270
10270<script src="//clotinc.com/cdn/shop/t/82/assets/klaviyo-addtocart.js?v=160459402725335476201767548677" type="text/javascript"></script>
10270 10271 10272 10273 10274 10275 <!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 10275-10276
10275 10276 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
10276GTM-5SGWX94
vendor: 99 bytes, lines 10276-10284
10276" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 10277 10278 10279 10280 10281 10282 10283 10284
10285<!-- /snippets/product-quick-view.liquid --> 10286<div id="quick-view" class="hidden-label br-product-popup"> 10287 <div class="overlay-quickview"></div> 10288 <div class="content product-quickview product-single br-product br-product-detail br-product-slide-vertical"> 10289 <div class="row"> 10290 <div class="col-6"> 10291 <div class="product-media thumbnai-left"> 10292 <div class="featured-image "></div> 10293 <div class="more-views owl-carousel-play "> 10294 <div 10295 class="engoc_hide_owl_control owl-carousel" 10296 data-items="3" 10297 data-dots="false" 10298 data-lazyLoad="true" 10299 data-nav="true" 10300 data-autoHeight="false" 10301 ></div> 10302 </div> 10303 </div> 10304 </div> 10305 10306 <div class="col-6 popup-quickview"> 10307 <div class=" br-product-detail__container detail-info"> 10308 <div class="product-shop product-info-main"> 10309 <div class="product-item"> 10310 <h2 class="product-name"><a> </a></h2> 10311 10312 <div class="details clearfix"> 10313 <form action="/cart/add" method="post" class="variants CartContainer"> 10314 <div class="d-flex justify-content-between"> 10315 <div class="prices product-price dosis-font variation-price mb-15"> 10316 <label for="compare-price" class="price product-price"> 10317 <span class="compare-price dark opaci title14"></span> 10318 </label> 10319 </div> 10320 </div> 10321 <p class="des description desc product-desc"></p> 10322 10323 <select name="id" style="display:none;" class="engoj-except-select2"></select> 10324 10325 <div class="product-actions"> 10326 <div class="product-quantity"> 10327 <div class="quantity-all js-qty"> 10328 <span class="qtyminus qty_minus js-qty__adjust js-qty__adjust--minus" data-field="quantity" 10329 ><i class="fa fa-caret-down"></i 10330 ></span> 10331 <input type="text" name="quantity" value="1" class="qty quantity js-qty__num"> 10332 <span class="qtyplus qty_plus js-qty__adjust js-qty__adjust--plus" data-field="quantity" 10333 ><i class="fa fa-caret-up"></i 10334 ></span> 10335 </div> 10336 </div> 10337 <div class="actions btn-addtocart"> 10338 <button type="submit" class="btn-addToCart shop-button addcart-link font-bold"> 10339 Add to Cart 10340 </button> 10341 </div> 10342 </div> 10343 </form> 10344 </div> 10345 </div> 10346 </div> 10347 </div> 10348 </div> 10349 <a href="javascript:void(0)" class="close-window"><i class="fa fa-times"></i></a> 10350 </div> 10351 </div> 10352</div> 10353
10354<script type="text/javascript"> 10355 Shopify.doNotTriggerClickOnThumb = false; 10356</script>
10356 10357 10358 <div class="quickview-product tshopify-popup"></div> 10359 <div class="loading tshopify-popup"> 10360 <div class="overlay"></div> 10361 <div class="loader" title="0"> 10362 <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 10363 width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve"> 10364 <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 10365 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 10366 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/> 10367 <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 10368 C22.32,8.481,24.301,9.057,26.013,10.047z"> 10369 <animateTransform attributeType="xml" 10370 attributeName="transform" 10371 type="rotate" 10372 from="0 20 20" 10373 to="360 20 20" 10374 dur="0.5s" 10375 repeatCount="indefinite"/> 10376 </path> 10377 </svg> 10378 </div> 10379 </div> 10380 <div class="error-popup engo-popup engoc_hide_mobile"> 10381 <div class="overlay-addcart"></div> 10382 <div class="popup-inner content"> 10383 <div class="error-message"></div> 10384 </div> 10385</div> 10386 10387<div class="product-popup engo-popup engoc_hide_mobile"> 10388 <div class="overlay-addcart"></div> 10389 <div class="content"> 10390 <a href="javascript:void(0)" class="close-window"> 10391 <i class="ti-close"></i> 10392 </a> 10393 <div class="mini-product-item row"> 10394 <div class="col-md-3 col-sm-3 product-image f-left"> 10395 <img alt="img" src="//clotinc.com/cdn/shop/t/82/assets/favicon.png?v=147104011057987250161767548677" style="max-width:120px; height:auto"/> 10396 </div> 10397 <div class="col-md-9 col-sm-9"> 10398 <div class="product-info"> 10399 <p class="product-name"></p> 10400 <p class="success-message">Added to cart successfully!</p> 10401 10402 </div> 10403 <div class="actions"> 10404 <button class="continue-shopping shop-button" onclick="javascript:void(0)">Continue shopping</button> 10405 <button class="shop-button " onclick="window.location='/cart'">Go to cart</button> 10406 </div> 10407 </div> 10408 </div> 10409 10410 </div> 10411</div> 10412
10413<script> 10414 $(document).on('click','.overlay, .continue-shopping, .close-window', function() { 10415 $(".engo-popup").hide(); 10416 }); 10417</script>
10417 10418 10419 10420
10420<script> 10421// (c) Copyright 2016 Caroline Schnapp. All Rights Reserved. Contact: [email protected] 10422// See https://docs.shopify.com/themes/customization/navigation/link-product-options-in-menus 10423 10424var Shopify = Shopify || {}; 10425 10426Shopify.optionsMap = {}; 10427 10428Shopify.updateOptionsInSelector = function(selectorIndex) { 10429 10430 switch (selectorIndex) { 10431 case 0: 10432 var key = 'root'; 10433 var selector = jQuery('.single-option-selector:eq(0)'); 10434 break; 10435 case 1: 10436 var key = jQuery('.single-option-selector:eq(0)').val(); 10437 var selector = jQuery('.single-option-selector:eq(1)'); 10438 break; 10439 case 2: 10440 var key = jQuery('.single-option-selector:eq(0)').val(); 10441 key += ' / ' + jQuery('.single-option-selector:eq(1)').val(); 10442 var selector = jQuery('.single-option-selector:eq(2)'); 10443 } 10444 10445 var initialValue = selector.val(); 10446 selector.empty(); 10447 var availableOptions = Shopify.optionsMap[key]; 10448 for (var i=0; i<availableOptions.length; i++) { 10449 var option = availableOptions[i]; 10450 var newOption = jQuery('<option></option>').val(option).html(option); 10451 selector.append(newOption); 10452 } 10453 jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { 10454 if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { 10455 $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); 10456 } 10457 else { 10458 $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); 10459 } 10460 }); 10461 if (jQuery.inArray(initialValue, availableOptions) !== -1) { 10462 selector.val(initialValue); 10463 } 10464 selector.trigger('change'); 10465 10466}; 10467 10468Shopify.linkOptionSelectors = function(product) { 10469 // Building our mapping object. 10470 for (var i=0; i<product.variants.length; i++) { 10471 var variant = product.variants[i]; 10472 if (variant.available) { 10473 // Gathering values for the 1st drop-down. 10474 Shopify.optionsMap['root'] = Shopify.optionsMap['root'] || []; 10475 Shopify.optionsMap['root'].push(variant.option1); 10476 Shopify.optionsMap['root'] = Shopify.uniq(Shopify.optionsMap['root']); 10477 // Gathering values for the 2nd drop-down. 10478 if (product.options.length > 1) { 10479 var key = variant.option1; 10480 Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; 10481 Shopify.optionsMap[key].push(variant.option2); 10482 Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); 10483 } 10484 // Gathering values for the 3rd drop-down. 10485 if (product.options.length === 3) { 10486 var key = variant.option1 + ' / ' + variant.option2; 10487 Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; 10488 Shopify.optionsMap[key].push(variant.option3); 10489 Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); 10490 } 10491 } 10492 } 10493 // Update options right away. 10494 Shopify.updateOptionsInSelector(0); 10495 if (product.options.length > 1) Shopify.updateOptionsInSelector(1); 10496 if (product.options.length === 3) Shopify.updateOptionsInSelector(2); 10497 // When there is an update in the first dropdown. 10498 jQuery(".single-option-selector:eq(0)").change(function() { 10499 Shopify.updateOptionsInSelector(1); 10500 if (product.options.length === 3) Shopify.updateOptionsInSelector(2); 10501 return true; 10502 }); 10503 // When there is an update in the second dropdown. 10504 jQuery(".single-option-selector:eq(1)").change(function() { 10505 if (product.options.length === 3) Shopify.updateOptionsInSelector(2); 10506 return true; 10507 }); 10508}; 10509 10510 10511 10512</script>
10512 10513 10514 10515 10516 10517
10517<script> 10518 var $addToCartForm = $('form[action="/cart/add"]'); 10519 if (window.MutationObserver && $addToCartForm.length) { 10520 if (typeof observer === 'object' && typeof observer.disconnect === 'function') { 10521 observer.disconnect(); 10522 } 10523 var config = { childList: true, subtree: true }; 10524 var observer = new MutationObserver(function() { 10525 10526 10527 10528 jQuery('.single-option-selector').trigger('change'); 10529 observer.disconnect(); 10530 }); 10531 observer.observe($addToCartForm[0], config); 10532 } 10533 </script>
10533 10534 10535 10536 10537 10538 10539<div class="smile-shopify-init" 10540 data-channel-key="channel_fFO3TBQdUsVEj55DbdD3zr2a" 10541 10542></div> 10543
10544<script> 10545 document.addEventListener('DOMContentLoaded', function () { 10546 function cleanProductUrl() { 10547 if (window.location.pathname.indexOf('/products/') !== -1) { 10548 window.history.replaceState({}, document.title, window.location.pathname); 10549 } 10550 } 10551 10552 cleanProductUrl(); 10553 10554 document.addEventListener('change', function () { 10555 setTimeout(cleanProductUrl, 100); 10556 }); 10557 10558 document.addEventListener('click', function () { 10559 setTimeout(cleanProductUrl, 100); 10560 }); 10561 }); 10562</script>
10562 10563
10564<script> 10565 document.addEventListener('DOMContentLoaded', function () { 10566 if (window.location.pathname !== '/cart') return; 10567 10568 document.addEventListener('click', function (e) { 10569 var continueWrap = e.target.closest('.continue-shopping'); 10570 if (!continueWrap) return; 10571 10572 e.preventDefault(); 10573 e.stopPropagation(); 10574 window.location.href = '/collections/all'; 10575 }, true); 10576 }); 10577</script>
10577 10578 <style> </style> 10579<div id="shopify-block-AR2FMSW9nNERWcU9kV__6174324309569838175" class="shopify-block shopify-app-block"> 10580 10581 10582<div class="smile-shopify-init" 10583 data-channel-key="channel_fFO3TBQdUsVEj55DbdD3zr2a" 10584 10585></div> 10586 10587 10588</div>
10588<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10588 10589</body> 10590</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.