Women's Waterproof Jackets

<!doctype html> <html lang="en"> <head> <link rel="preconnect" href="https://cdn.shopify.com/"> <link rel="preconnect" href="https://ca.vessi.com/cdn/shop/"> <link href="//ca.vessi.com/cdn/shop/t/1000/assets/font-NoiVariableFixGX.ttf?v=94643163768047408411739920526" as="font" type="font/woff2" crossorigin="crossorigin" rel="preload"> <link href="//ca.vessi.com/cdn/shop/t/1000/assets/__opt-jquery.js?v=129532754148703520391739920524" as="script" rel="preload"> <link href="//ca.vessi.com/cdn/shop/t/1000/assets/vue.min.prod.js?v=32949307043056123371739920516" as="script" rel="preload"> <link href="//ca.vessi.com/cdn/shop/t/1000/assets/theme_utils.min.js?v=77278995062363963791740167444" as="script" rel="preload"> <script src="//ca.vessi.com/cdn/shop/t/1000/assets/__opt-jquery.js?v=129532754148703520391739920524"></script> <script> // Save the original jQuery val function const jqueryVal = jQuery.fn.val || null </script>  <link rel="dns-prefetch" href="//app.omniconvert.com"> <script type="text/javascript"> window._mktz = window._mktz || []; </script> <script defer src="//cdn.omniconvert.com/js/q71803c.js" ></script>   <script> (function(d) { var e = d.createElement('script'); e.src = d.location.protocol + '//tag.wknd.ai/5427/i.js'; e.async = true; d.getElementsByTagName("head")[0].appendChild(e); }(document)); </script>  <script> const ROOT_URL = ''; const CURRENCY = 'CAD'; const STOREFRONT = 'vessi-footwear-cad.myshopify.com'; </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#2c2c2c">  <link rel="canonical" href="https://ca.vessi.com/collections/womens-jackets"> <link rel="alternate" hreflang="en-ca" href="https://ca.vessi.com/collections/womens-jackets" /> <link rel="alternate" hreflang="en-us" href="https://vessi.com/collections/womens-jackets" />  <link rel="icon" href="//ca.vessi.com/cdn/shop/files/vessi-favicon-blue-marque.png?crop=center&height=32&v=1737415593&width=32" type="image/png">  <title> Women's Waterproof Jackets | Vessi</title> <meta property="og:site_name" content="Vessi Canada"> <meta property="og:url" content="https://ca.vessi.com/collections/womens-jackets"> <meta property="og:title" content="Women's Waterproof Jackets"> <meta property="og:type" content="website"> <meta property="og:description" content="Say goodbye to wet socks and clunky rain boots. Don't compromise style for functionality, enjoy the best of both worlds with Vessi."><meta property="og:image" content="http://ca.vessi.com/cdn/shop/files/Overcast2.0-Mahogony-Womens-Transparent-Final.png?v=1727393143"> <meta property="og:image:secure_url" content="https://ca.vessi.com/cdn/shop/files/Overcast2.0-Mahogony-Womens-Transparent-Final.png?v=1727393143"> <meta property="og:image:height" content="900" /> <meta property="og:image:width" content="900" /> <meta property="twitter:image" content="http://ca.vessi.com/cdn/shop/files/Overcast2.0-Mahogony-Womens-Transparent-Final.png?crop=center&height=1200&v=1727393143&width=1200"> <meta name="twitter:site" content="@vessifootwear"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Women's Waterproof Jackets"> <meta name="twitter:description" content="Say goodbye to wet socks and clunky rain boots. Don't compromise style for functionality, enjoy the best of both worlds with Vessi."> <meta name="google-site-verification" content="OV7HEdNTP06tVqUEWDQGR6vhtk_t4t2_QBTTrCpouEY" /> <meta name="facebook-domain-verification" content="g9gebyk7mvpxo2ki3j7jwmuuo8d8bn" /><meta name="google-site-verification" content="dh2FT93B4X9_-u73oFqZtbSR0J1SvITov3xCjyFDiQs" /> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/4650696817/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="1d1418cffea916d5ca9883034bf23d0e"> <meta id="in-context-paypal-metadata" data-shop-id="4650696817" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="CAD"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/womens-jackets.atom" /> <link rel="alternate" type="application/json+oembed" href="https://ca.vessi.com/collections/womens-jackets.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&shop_id=4650696817" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":4650696817,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/4650696817","merchantName":"Vessi Canada","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Vessi Canada","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"1d1418cffea916d5ca9883034bf23d0e","betas":["rich-media-storefront-analytics"],"domain":"ca.vessi.com","predictiveSearch":true,"shopId":4650696817,"smart_payment_buttons_url":"https:\/\/ca.vessi.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/ca.vessi.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "vessi-footwear-cad.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"vessi-theme\/VST-3443-SeasonOne","id":137434628290,"schema_name":"Vessi Footwear","schema_version":"2.8","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "ca.vessi.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_CSnQhCDH.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Cf18Qp2v.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_B_MGFUiH.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator__zNKf0V_.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_XUJvj_0o.en.esm.js","modules/v2/client.shop-login-button_ho42jV6v.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_C3KVKzJE.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CX3KUEPT.en.esm.js","modules/v2/client.shop-login-button_ho42jV6v.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"pay-button":["modules/v2/client.pay-button_CFY0bE00.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_zlg25IcH.en.esm.js","modules/v2/client.shop-login-button_ho42jV6v.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_ho42jV6v.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_D0d8v-cr.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CywS1cbk.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DdKev6rV.en.esm.js","modules/v2/chunk.common_DE7yEuAq.esm.js","modules/v2/chunk.modal_7UeaAN0e.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/str.rise-ai.com\/?shop=vessi-footwear-cad.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=vessi-footwear-cad.myshopify.com","https:\/\/js.crrnt.app\/ls\/cookie\/CA_Y2xpZW50SWQ9MTI2?shop=vessi-footwear-cad.myshopify.com","https:\/\/scripts.juniphq.com\/v1\/junip_shopify.js?shop=vessi-footwear-cad.myshopify.com","https:\/\/aiodstag.cirkleinc.com\/?shop=vessi-footwear-cad.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCC9FSAXE742KCVBHCM26E2?source=shopify1click\u0026shop=vessi-footwear-cad.myshopify.com","https:\/\/d2hrivdxn8ekm8.cloudfront.net\/tatari-shopify\/tracker-snippet-latest.min.js?tatari-token=14df068e-e46c-4de0-be78-721483d2cd1e\u0026shop=vessi-footwear-cad.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=4f446dd2-f81d-4c6c-ac63-66b9ac9c7c99\u0026shop=vessi-footwear-cad.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":4650696817,"offset":-28800,"reqid":"8fc0f5cc-966c-4eb2-9b79-a6cb04a9f229-1740354609","pageurl":"ca.vessi.com\/collections\/womens-jackets","u":"17174b1a1884","p":"collection","rtyp":"collection","rid":305640833218};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//ca.vessi.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//ca.vessi.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//ca.vessi.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://ca.vessi.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style data-shopify> /*================ Typography ================*/ @font-face { font-family: 'NoiVariable'; src: url(//ca.vessi.com/cdn/shop/t/1000/assets/font-NoiVariableFixGX.ttf?v=94643163768047408411739920526) format('woff2-variations'); font-weight: 100 900; font-stretch: 75% 100%; /* Adjust if your font supports stretching */ font-style: normal; font-display: swap; unicode-range: U+0000-FFFF; /* Ensures the font is applied to all characters */ } </style> <style data-shopify> /*================ Typography ================*/ @font-face { font-family: 'NoiVariable'; src: url(//ca.vessi.com/cdn/shop/t/1000/assets/font-NoiVariableFixGX.ttf?v=94643163768047408411739920526) format('woff2-variations'); font-weight: 100 900; font-stretch: 75% 100%; /* Adjust if your font supports stretching */ font-style: normal; font-display: swap; unicode-range: U+0000-FFFF; /* Ensures the font is applied to all characters */ } </style> <style data-shopify> /* root colour variables */ :root { --primaryBg: #ffffff; --secondaryBg: #f4f0e9; --tertiaryBg: #0069f0; --disabledBg: #cecece; --accentBg: #e1e551; --primaryText: #28201a; --primaryTextDisabled: rgba(40, 32, 26, 0.4); --secondaryText: #ffffff; /* formerly #f4f0e9 */ --tertiaryText: #0069f0; --accentBlue: #b3eaff; --accentRed: #d63462; --accentGreen: #bbe88b; --accentYellow: #f7ff8b; --accentPurple: #7d90ff; --accentOrange: #ff8431; --accentPink: #ff76d8; --accentDarkGreen: #2c3937; --accentMediumGreen: #9e8a23; --accentSalmon: #fc9d81; --accentLightOrange: #f8d296; --accentNest: #D1C1B8; --font-size-hero_heading: clamp(2.25rem, calc((40 / 320) * 100vw), 2.5rem); --font-size-heading_1: clamp(1.5rem, calc((24 / 320) * 100vw), 2.25rem); --font-size-heading_2: clamp(1.125rem, calc((18 / 320) * 100vw), 1.5rem); --font-size-subheading: clamp(0.875rem, calc((14 / 320) * 100vw), 1.125rem); --font-size-text: clamp(0.75rem, calc((12 / 320) * 100vw), 1rem); --font-size-small: clamp(0.625rem, calc((10 / 320) * 100vw), 0.875rem); --font-size-button: clamp(0.875rem, calc((14 / 320) * 100vw), 1rem); --font-size-badge-glue: clamp(0.787rem, calc((12 / 320) * 100vw), 0.875rem); --button-height: max(calc((40 / 480) * 100vw), 40px); --badge-glue-height: max(calc((24 / 480) * 100vw), 24px); --input-width: clamp(100px, 280px, 100%); --image-border-radius: 20px; --font-100: 'wght' 50; --font-200: 'wght' 100; --font-300: 'wght' 250; --font-400: 'wght' 300; --font-500: 'wght' 400; --font-600: 'wght' 500; --font-700: 'wght' 600; --font-800: 'wght' 700; --font-900: 'wght' 800; --gap-default: 15px; /* HEADER */ --nav-size: min(calc((60 / 320) * 100vw), 50px); --info-bar-height: min(calc((47 / 320) * 100vw), 30px); /* JUNIP */ --junipStarColor: var(--tertiaryBg) !important; --junipButtonColor: var(--tertiaryBg) !important; --junipPrimaryColor: var(--tertiaryBg) !important; --junipBorderColor: var(--secondaryBg) !important; } @media screen and (min-width: 481px) { :root { --font-size-hero_heading: clamp(2.25rem, calc((56 / 768) * 100vw), 3.5rem); --font-size-heading_1: clamp(2.25rem, calc((36 / 768) * 100vw), 3rem); --font-size-heading_2: clamp(1.5rem, calc((24 / 768) * 100vw), 2.25rem); --font-size-subheading: clamp(1.125rem, calc((18 / 768) * 100vw), 1.5rem); --font-size-text: clamp(1rem, calc((16 / 768) * 100vw), 1.25rem); --font-size-small: clamp(0.875rem, calc((14 / 768) * 100vw), 1.125rem); --font-size-button: clamp(1rem, calc((16 / 768) * 100vw), 1.375rem); --font-size-badge-glue: clamp(1.214rem, calc((19 / 768) * 100vw), 1.25rem); --button-height: clamp(40px, calc((42 / 768) * 100vw), 42px); --badge-glue-height: clamp(36px, calc((36 / 768) * 100vw), 36px); --input-width: clamp(200px, 380px, 100%); --gap-default: 20px; /* HEADER */ --nav-size: min(calc((75 / 1440) * 100vw), 75px); --info-bar-height: clamp(30px, calc((40 / 1440) * 100vw), 40px); } } @media screen and (min-width: 769px) { :root { --font-size-hero_heading: clamp(2.25rem, calc((86 / 1440) * 100vw), 5.3125rem); --font-size-text: min(calc((20 / 1440) * 100vw), 1.25rem); --font-size-small: min(calc((16 / 1440) * 100vw), 1rem); --font-size-heading_1: min(calc((48 / 1440) * 100vw), 3rem); --font-size-heading_2: min(calc((36 / 1440) * 100vw), 2.25rem); --font-size-subheading: min(calc((24 / 1440) * 100vw), 1.5rem); --font-size-button: min(calc((22 / 1440) * 100vw), 1.375rem); --font-size-badge-glue: min(calc((26 / 1440) * 100vw), 1.659rem); --button-height: clamp(50px, calc((55 / 1440) * 100vw), 55px); --badge-glue-height: clamp(50px, calc((50 / 1440) * 100vw), 50px); --image-border-radius: 30px; --gap-default: 25px; } } :root { --colorPrimary: var(--primaryText); --colorSplash: var(--tertiaryBg); --colorSplashLight: var(--accentBlue); --colorTextBody: var(--primaryText); --colorBlack: var(--primaryText); --colorWhite: #fff; --colorWhiteGrey: var(--accentNest); --colorLtBlue: var(--accentBlue); --colorWhiteBlue: #e6ebee; --colorGreen: var(--accentGreen); --colorRed: var(--accentRed); --colorDarkRed: #791b23; --colorMagicBlue: var(--tertiaryBg); --colorRainBlue: var(--accentBlue); /* // Text link colors */ --colorLink: var(--colorPrimary); /* // Helper colors */ --disabledGreyText: #7c7c7c; } #gorgias-chat-container { display: none; } #contact-us #gorgias-chat-container { display: block; } </style> <link href="//ca.vessi.com/cdn/shop/t/1000/assets/theme.min.css?v=40490933249575857031739920517" rel="stylesheet" type="text/css" media="all" /> <script> if(typeof window!=="undefined"){const a=(t,e,n)=>{const c=new Date;c.setTime(c.getTime()+n*24*60*60*1e3);const o="expires="+c.toUTCString();const s=window.location.host.split(".");const i=s.slice(s.length-2).join(".");document.cookie=t+"="+e+";"+o+";path=/;"+"domain=."+i+";samesite=strict;"};const f=t=>{const n=t+"=";const c=document.cookie.split(";");for(let e=0;e<c.length;e+=1){let t=c[e];if(t.charAt(0)===" ")t=t.substring(1);if(t.indexOf(n)===0)return t.substring(n.length,t.length)}return""};const t=()=>{let t=false;const e=window.location.search;const n=new URLSearchParams(e);let c=n.get("mct");if(!c)c=n.get("current-token");if(c){const o=Date.now();const s=f("_ct_ptc");const i=f("_ct_ltt");if(s===c){if((o-Number(i))/1e3>900)t=true}else t=true;a("_ct_ptc",c,90);a("_ct_ltt",o,90);const r={t:c,identifier:"CA_Y2xpZW50SWQ9MTE4"};if(t){fetch("https://crrnt.app/click",{method:"PATCH",credentials:"same-origin",headers:{o:"application/json"},body:JSON.stringify(r)})}}};t()} </script>  <script type="module" dynamic> const configUrl = "/a/elevar/static/configs/63b7f4f00a99feee5f0b5df1ff4654deef88705e/config.js"; const config = (await import(configUrl)).default; const scriptUrl = config.script_src_app_theme_embed; if (scriptUrl) { const { handler } = await import(scriptUrl); handler( config, { cartData: { marketId: "9797826", attributes:{}, cartTotal: "0.0", currencyCode:"CAD", items: [] } , user: {cartTotal: "0.0", currencyCode:"CAD",customer: {}, } , isOnCartPage:false, collectionView:{ currencyCode:"CAD", items: [{id:"P2004W-RD001-XS",name:"Women's Overcast Jacket 2 - Mahogany", brand:"Vessi Footwear", category:"Apparel", variant:"Mahogany \/ XS", price: "160.0", productId: "7987676184770", variantId: "44725836775618", handle:"womens-overcast-jacket-2-mahogany", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143"},{id:"P2004W-BK012-XS",name:"Women's Overcast Jacket 2 - Jet Black", brand:"Vessi Footwear", category:"Apparel", variant:"Jet Black \/ XS", price: "160.0", productId: "7987676381378", variantId: "44725838512322", handle:"womens-overcast-jacket-2-jet-black", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135"},{id:"OWHDSGWXS",name:"Women's Overcast Jacket - Spruce Green", brand:"Vessi Footwear", category:"Clothing", variant:"Spruce Green \/ XS", price: "160.0", productId: "7694681374914", variantId: "43434298736834", handle:"womens-overcast-jacket-spruce-green", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-SpruceGreen-Womens-Front-WhiteBG.jpg?v=1694198069"},{id:"OWHDDBWXS",name:"Women's Overcast Jacket - Dune Beige", brand:"Vessi Footwear", category:"Clothing", variant:"Dune Beige \/ XS", price: "160.0", productId: "7694685110466", variantId: "43434302668994", handle:"womens-overcast-jacket-dune-beige", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-DuneBeige-Womens-Front-WhiteBG.jpg?v=1694197978"},{id:"OWHDLPWXS",name:"Women's Overcast Jacket - Lilac Purple", brand:"Vessi Footwear", category:"Clothing", variant:"Lilac Purple \/ XS", price: "160.0", productId: "7694686945474", variantId: "43434306568386", handle:"womens-overcast-jacket-lilac-purple", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-LilacPurple-Womens-Front-WhiteBGBG.jpg?v=1694198034"},{id:"OWHDQTWXS",name:"Women's Overcast Jacket - Quartzite", brand:"Vessi Footwear", category:"Clothing", variant:"Quartzite \/ XS", price: "160.0", productId: "7789105086658", variantId: "43855786737858", handle:"womens-overcast-jacket-quartzite", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast-Quartzite-Womens-Front-WhiteBG.jpg?v=1706883583"},{id:"OWCJWGNXS",name:"Women's Westerly Coach Jacket - Granite", brand:"Vessi Footwear", category:"Clothing", variant:"Granite \/ XS", price: "150.0", productId: "7817050194114", variantId: "44012655182018", handle:"womens-westerly-coach-jacket-granite", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Granite-FrontView-WhiteBG.jpg?v=1713824219"},{id:"OWCJWBKXS",name:"Women's Westerly Coach Jacket - Black", brand:"Vessi Footwear", category:"Clothing", variant:"Black \/ XS", price: "150.0", productId: "7817050259650", variantId: "44012655837378", handle:"womens-westerly-coach-jacket-black", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Black-FrontView-WhiteBG.jpg?v=1713824222"},{id:"OWCJWSEXS",name:"Women's Westerly Coach Jacket - Sea", brand:"Vessi Footwear", category:"Clothing", variant:"Sea \/ XS", price: "150.0", productId: "7817050357954", variantId: "44012656361666", handle:"womens-westerly-coach-jacket-sea", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Sea-FrontView-WhiteBG.jpg?v=1713824216"},{id:"OWHDBKWXS",name:"Women's Overcast Jacket - Jet Black", brand:"Vessi Footwear", category:"Clothing", variant:"Jet Black \/ XS", price: "160.0", productId: "7694672953538", variantId: "44706524758210", handle:"womens-overcast-jacket-jet-black", compareAtPrice: "0.0",image:"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-Black-Womens-Front-WhiteBG.jpg?v=1694198005"},] }, searchResultsView:null, productView:null, checkoutComplete: null } ); } </script>  <script async src="https://static.klaviyo.com/onsite/js/Mfy22k/klaviyo.js?company_id=Mfy22k"></script> <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> <script> window.klaviyoReviewsProductDesignMode = false </script>  <style data-shopify> :root, .lm--theme--light, .lm--theme--dark { --lm--base-scale: 0.625; } :root, .lm--theme--light, .lm--theme--dark {--lm--radius-full: 100px;--lm--button-font-size: 18px;--lm--button-radius: 100px;--lm--button-color-background: #2C2C2C;} </style> <script id="global-lantern-config"> window.lantern = { translations: {"referrals":{"copy":{"label":"Copy and share your link:"},"note":"Referrals must be new customers and make a purchase over {{ referral_order_limit }}.","tabs":{"main":"Refer a Friend","referrals":"Referral Dashboard"},"email":{"label":"Send your friends an email:","action":"Share"},"social":{"label":"Share on socials:"},"overview":"Give $20, Get $20","explainer":"Refer a new friend to join our community, and you’ll both get $20 off your next purchase of $100+.","noteNoLimit":"`*`Referrals must be new customers.","explainerLoggedOut":"Create an account to refer a friend. When they make an order, you’ll both get $20 off your next purchase of $100+."},"account_login":{"link_login":"Already have an account? Sign in.","nav_register":"Create Account","link_register":"Create Account","marketingOptIn":"Subscribe for Vessi emails","action_register":"Create Account"}}, tiers: [], rewards: [], earnEvents: [], isLoyaltyVisible: false, referrals: {"id":"61","active":true,"minOrderValue":100,"landingPageUrl":"https:\/\/ca.vessi.com\/pages\/friend-signup","requireAdvocatePreviousOrder":true,"landingPagePath":"pages\/friend-signup","advocateRewardType":"Discount Code","advocateRewardValueType":"Amount","advocateRewardValue":20,"friendRewardType":"Discount Code","friendRewardValueType":"Amount","friendRewardValue":20,"friendInviteMessage":"Join the dry socks club with $20 off your first purchase of $100+!","thumbnail":null,"__typename":"ReferralConfig"}, paidPlan: true, storefrontPublicAccessToken: "86d804a1171c2e8dea4346427272ee16", loginRedirectActive: false, accountsConfig: null, accountUrls: { base: "\/account", login: "\/account\/login", logout: "\/account\/logout", storefrontLogin: "\/customer_authentication\/login?return_to=%2Fcollections%2Fwomens-jackets\u0026locale=en", register: "\/account\/register", }, customer: null, shop: { id: "4650696817", currencyFormat: '${{amount}}', defaultGiftCardImage: "", programLogo: false, programName: false, pointsPerDollar: 1 }, cart: { totalPrice: 0, eligiblePrice: 0, discountApplications: [ ] }, blocks: [], } </script>  <script src="https://cdn.shopify.com/extensions/02aa05ab-0e2e-4842-8352-bb48406198e8/lantern-170/assets/init-Ac2_NCUk.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="https://cdn.shopify.com/extensions/02aa05ab-0e2e-4842-8352-bb48406198e8/lantern-170/assets/icons-u35dtW_o.js" crossorigin="anonymous"> <link href="//cdn.shopify.com/extensions/02aa05ab-0e2e-4842-8352-bb48406198e8/lantern-170/assets/icons-DGyCHhmJ.css" rel="stylesheet" type="text/css" media="all" /> <link rel="modulepreload" href="https://cdn.shopify.com/extensions/02aa05ab-0e2e-4842-8352-bb48406198e8/lantern-170/assets/cart-Dfsb6U1u.js" crossorigin="anonymous"> <link rel="modulepreload" href="https://cdn.shopify.com/extensions/02aa05ab-0e2e-4842-8352-bb48406198e8/lantern-170/assets/preload-helper-CmsKOCeN.js" crossorigin="anonymous">  <script> document.addEventListener('DOMContentLoaded',()=>{ if(!document.body)return; const s=document.createElement('style'); s.id='lm-custom-css'; s.textContent=""; document.body.appendChild(s); }); </script>   <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=865928, version=2.1, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=true, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var i=this.getSettings(),n=d.createElement('script'),r=this;t=t||{};if(i){n.textContent=i;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var i=this.hide_element(),n=i?i+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=n;else t.appendChild(d.createTextNode(n));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var n=d.createElement('div');n.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important; display: block !important;';n.setAttribute('id','_vis_opt_path_hides');n.classList.add('_vis_hide_layer');t.parentNode.insertBefore(n,t.nextSibling)}var o='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:o})}else{this.load(o+'&x=true')}}};w._vwo_code=code;code.init();})(); </script>  <link href="https://cdn.shopify.com/extensions/02aa05ab-0e2e-4842-8352-bb48406198e8/lantern-170/assets/global.css" rel="stylesheet" type="text/css" media="all"> <script src="https://cdn.shopify.com/extensions/09d22250-3380-4374-b8e9-9cdf2caed186/aimerce-first-party-pixel-41/assets/embed.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/6c052263-7a6a-4369-a474-f4c175ca5cf0/loop-returns-exchanges-178/assets/onstore-block.js" type="text/javascript" defer="defer"></script> <link href="https://cdn.shopify.com/extensions/6c052263-7a6a-4369-a474-f4c175ca5cf0/loop-returns-exchanges-178/assets/onstore-block.css" rel="stylesheet" type="text/css" media="all"> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 4650696817,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 4650696817,storefrontBaseUrl: "https://ca.vessi.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"497844418","configuration":"{\"accountID\":\"vessi-footwear-cad.myshopify.com\",\"devRefreshedAt\":\"2025-02-03T19:07:32.376Z\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"842a819b9c7fa630cdd936f2ad5afb64","type":"APP","apiClientId":91904704513,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"450232514","configuration":"{\"shopId\":\"4650696817\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5ecb3e88fbd8b9dbdd184ad3ba5fb2da","type":"APP","apiClientId":48936321025,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"]},{"id":"321519810","configuration":"{\"accountID\":\"5427\",\"checkoutExperienceEnabled\":\"true\",\"espPerformsOptInCheck\":\"0\",\"fieldMappingCountries\":\"[\\\"AW\\\",\\\"AI\\\",\\\"AG\\\",\\\"AR\\\",\\\"BS\\\",\\\"BB\\\",\\\"BZ\\\",\\\"BM\\\",\\\"BO\\\",\\\"BQ\\\",\\\"BR\\\",\\\"CA\\\",\\\"KY\\\",\\\"CL\\\",\\\"CO\\\",\\\"CR\\\",\\\"CU\\\",\\\"CW\\\",\\\"DM\\\",\\\"DO\\\",\\\"EC\\\",\\\"SV\\\",\\\"GF\\\",\\\"GL\\\",\\\"GD\\\",\\\"GT\\\",\\\"GP\\\",\\\"HT\\\",\\\"HN\\\",\\\"JM\\\",\\\"MQ\\\",\\\"MX\\\",\\\"MS\\\",\\\"NI\\\",\\\"PA\\\",\\\"PY\\\",\\\"PE\\\",\\\"PR\\\",\\\"PM\\\",\\\"MF\\\",\\\"BL\\\",\\\"KN\\\",\\\"LC\\\",\\\"VC\\\",\\\"SX\\\",\\\"SR\\\",\\\"TT\\\",\\\"US\\\",\\\"UM\\\",\\\"UY\\\",\\\"VE\\\",\\\"VG\\\",\\\"VI\\\"]\",\"markets\":\"{}\",\"onsiteExperienceEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b11d77ac35ffdf60d142a858e54565d1","type":"APP","apiClientId":54985097217,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"236421314","configuration":"{\"myshopifyDomain\":\"vessi-footwear-cad.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e32653096b768840c4e834ea506d7953","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"133267650","configuration":"{\"campaignID\":\"25328\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/c213d570d6247c2574bcbd25365e2df6\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"da088bce1e12a9bcc208f3607d2a36fc","type":"APP","apiClientId":3546795,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"97747138","configuration":"{\"vwoAccountId\":\"865928\",\"eventConfiguration\":\"{\\\"ece\\\":0,\\\"pv\\\":1,\\\"prv\\\":1,\\\"patc\\\":1,\\\"prfc\\\":1,\\\"cv\\\":1,\\\"cs\\\":1,\\\"cc\\\":1}\",\"dataUri\":\"dev.visualwebsiteoptimizer.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"fbcc9ffd3c118ebb377860779228422d","type":"APP","apiClientId":68559962113,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"52887746","configuration":"{\"accountID\":\"4650696817\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d9476af951e99e2d6f0dce9684f81b4e","type":"APP","apiClientId":37840257025,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"9732290","configuration":"{\"config_url\": \"\/a\/elevar\/static\/configs\/63b7f4f00a99feee5f0b5df1ff4654deef88705e\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b3be987a89c30285d51c8f3465eaad8f","type":"APP","apiClientId":2509311,"privacyPurposes":[]},{"id":"8814786","configuration":"{\"northbeamId\": \"87d858fc_55b5_4784_a47b_191b9e16e7ab\", \"collectorDomain\": \"i3.vessi.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e46c2d6352a678fc6581f4bd0bc772e1","type":"APP","apiClientId":3188721,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"40403138","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Vessi Canada","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"vessi-footwear-cad.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/ca.vessi.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"305640833218","title":"Women's Waterproof Jackets","productVariants":[{"price":{"amount":160.0,"currencyCode":"CAD"},"product":{"title":"Women's Overcast Jacket 2 - Mahogany","vendor":"Vessi Footwear","id":"7987676184770","untranslatedTitle":"Women's Overcast Jacket 2 - Mahogany","url":"\/products\/womens-overcast-jacket-2-mahogany","type":"Apparel"},"id":"44725836775618","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143"},"sku":"P2004W-RD001-XS","title":"Mahogany \/ XS","untranslatedTitle":"Mahogany \/ XS"},{"price":{"amount":160.0,"currencyCode":"CAD"},"product":{"title":"Women's Overcast Jacket 2 - Jet Black","vendor":"Vessi Footwear","id":"7987676381378","untranslatedTitle":"Women's Overcast Jacket 2 - Jet Black","url":"\/products\/womens-overcast-jacket-2-jet-black","type":"Apparel"},"id":"44725838512322","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135"},"sku":"P2004W-BK012-XS","title":"Jet Black \/ XS","untranslatedTitle":"Jet Black \/ XS"},{"price":{"amount":160.0,"currencyCode":"CAD"},"product":{"title":"Women's Overcast Jacket - Spruce Green","vendor":"Vessi Footwear","id":"7694681374914","untranslatedTitle":"Women's Overcast Jacket - Spruce Green","url":"\/products\/womens-overcast-jacket-spruce-green","type":"Clothing"},"id":"43434298736834","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-SpruceGreen-Womens-Front-WhiteBG.jpg?v=1694198069"},"sku":"OWHDSGWXS","title":"Spruce Green \/ XS","untranslatedTitle":"Spruce Green \/ XS"},{"price":{"amount":160.0,"currencyCode":"CAD"},"product":{"title":"Women's Overcast Jacket - Dune Beige","vendor":"Vessi Footwear","id":"7694685110466","untranslatedTitle":"Women's Overcast Jacket - Dune Beige","url":"\/products\/womens-overcast-jacket-dune-beige","type":"Clothing"},"id":"43434302668994","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-DuneBeige-Womens-Front-WhiteBG.jpg?v=1694197978"},"sku":"OWHDDBWXS","title":"Dune Beige \/ XS","untranslatedTitle":"Dune Beige \/ XS"},{"price":{"amount":160.0,"currencyCode":"CAD"},"product":{"title":"Women's Overcast Jacket - Lilac Purple","vendor":"Vessi Footwear","id":"7694686945474","untranslatedTitle":"Women's Overcast Jacket - Lilac Purple","url":"\/products\/womens-overcast-jacket-lilac-purple","type":"Clothing"},"id":"43434306568386","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-LilacPurple-Womens-Front-WhiteBGBG.jpg?v=1694198034"},"sku":"OWHDLPWXS","title":"Lilac Purple \/ XS","untranslatedTitle":"Lilac Purple \/ XS"},{"price":{"amount":160.0,"currencyCode":"CAD"},"product":{"title":"Women's Overcast Jacket - Quartzite","vendor":"Vessi Footwear","id":"7789105086658","untranslatedTitle":"Women's Overcast Jacket - Quartzite","url":"\/products\/womens-overcast-jacket-quartzite","type":"Clothing"},"id":"43855786737858","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast-Quartzite-Womens-Front-WhiteBG.jpg?v=1706883583"},"sku":"OWHDQTWXS","title":"Quartzite \/ XS","untranslatedTitle":"Quartzite \/ XS"},{"price":{"amount":150.0,"currencyCode":"CAD"},"product":{"title":"Women's Westerly Coach Jacket - Granite","vendor":"Vessi Footwear","id":"7817050194114","untranslatedTitle":"Women's Westerly Coach Jacket - Granite","url":"\/products\/womens-westerly-coach-jacket-granite","type":"Clothing"},"id":"44012655182018","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Granite-FrontView-WhiteBG.jpg?v=1713824219"},"sku":"OWCJWGNXS","title":"Granite \/ XS","untranslatedTitle":"Granite \/ XS"},{"price":{"amount":150.0,"currencyCode":"CAD"},"product":{"title":"Women's Westerly Coach Jacket - Black","vendor":"Vessi Footwear","id":"7817050259650","untranslatedTitle":"Women's Westerly Coach Jacket - Black","url":"\/products\/womens-westerly-coach-jacket-black","type":"Clothing"},"id":"44012655837378","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Black-FrontView-WhiteBG.jpg?v=1713824222"},"sku":"OWCJWBKXS","title":"Black \/ XS","untranslatedTitle":"Black \/ XS"},{"price":{"amount":150.0,"currencyCode":"CAD"},"product":{"title":"Women's Westerly Coach Jacket - Sea","vendor":"Vessi Footwear","id":"7817050357954","untranslatedTitle":"Women's Westerly Coach Jacket - Sea","url":"\/products\/womens-westerly-coach-jacket-sea","type":"Clothing"},"id":"44012656361666","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Sea-FrontView-WhiteBG.jpg?v=1713824216"},"sku":"OWCJWSEXS","title":"Sea \/ XS","untranslatedTitle":"Sea \/ XS"},{"price":{"amount":160.0,"currencyCode":"CAD"},"product":{"title":"Women's Overcast Jacket - Jet Black","vendor":"Vessi Footwear","id":"7694672953538","untranslatedTitle":"Women's Overcast Jacket - Jet Black","url":"\/products\/womens-overcast-jacket-jet-black","type":"Clothing"},"id":"44706524758210","image":{"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Optimized_Overcast-Black-Womens-Front-WhiteBG.jpg?v=1694198005"},"sku":"OWHDBKWXS","title":"Jet Black \/ XS","untranslatedTitle":"Jet Black \/ XS"}]}});},"https://ca.vessi.com/cdn","fe48b2eff8c03b9466f52868a6ab17e9de3061ea","9aa78ea6wf5b2552ap0c2ff5dfm4f1688b2",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"products":[{"id":7987676184770,"gid":"gid:\/\/shopify\/Product\/7987676184770","vendor":"Vessi Footwear","type":"Apparel","variants":[{"id":44725836775618,"price":16000,"name":"Women's Overcast Jacket 2 - Mahogany - Mahogany \/ XS","public_title":"Mahogany \/ XS","sku":"P2004W-RD001-XS"},{"id":44725837234370,"price":16000,"name":"Women's Overcast Jacket 2 - Mahogany - Mahogany \/ S","public_title":"Mahogany \/ S","sku":"P2004W-RD001-SM"},{"id":44725837463746,"price":16000,"name":"Women's Overcast Jacket 2 - Mahogany - Mahogany \/ M","public_title":"Mahogany \/ M","sku":"P2004W-RD001-MD"},{"id":44725837693122,"price":16000,"name":"Women's Overcast Jacket 2 - Mahogany - Mahogany \/ L","public_title":"Mahogany \/ L","sku":"P2004W-RD001-LG"},{"id":44725837922498,"price":16000,"name":"Women's Overcast Jacket 2 - Mahogany - Mahogany \/ XL","public_title":"Mahogany \/ XL","sku":"P2004W-RD001-XL"}]},{"id":7987676381378,"gid":"gid:\/\/shopify\/Product\/7987676381378","vendor":"Vessi Footwear","type":"Apparel","variants":[{"id":44725838512322,"price":16000,"name":"Women's Overcast Jacket 2 - Jet Black - Jet Black \/ XS","public_title":"Jet Black \/ XS","sku":"P2004W-BK012-XS"},{"id":44725838577858,"price":16000,"name":"Women's Overcast Jacket 2 - Jet Black - Jet Black \/ S","public_title":"Jet Black \/ S","sku":"P2004W-BK012-SM"},{"id":44725838610626,"price":16000,"name":"Women's Overcast Jacket 2 - Jet Black - Jet Black \/ M","public_title":"Jet Black \/ M","sku":"P2004W-BK012-MD"},{"id":44725838643394,"price":16000,"name":"Women's Overcast Jacket 2 - Jet Black - Jet Black \/ L","public_title":"Jet Black \/ L","sku":"P2004W-BK012-LG"},{"id":44725838676162,"price":16000,"name":"Women's Overcast Jacket 2 - Jet Black - Jet Black \/ XL","public_title":"Jet Black \/ XL","sku":"P2004W-BK012-XL"}]},{"id":7694681374914,"gid":"gid:\/\/shopify\/Product\/7694681374914","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":43434298736834,"price":16000,"name":"Women's Overcast Jacket - Spruce Green - Spruce Green \/ XS","public_title":"Spruce Green \/ XS","sku":"OWHDSGWXS"},{"id":43434298769602,"price":16000,"name":"Women's Overcast Jacket - Spruce Green - Spruce Green \/ S","public_title":"Spruce Green \/ S","sku":"OWHDSGWSM"},{"id":43434298802370,"price":16000,"name":"Women's Overcast Jacket - Spruce Green - Spruce Green \/ M","public_title":"Spruce Green \/ M","sku":"OWHDSGWMD"},{"id":43434298835138,"price":16000,"name":"Women's Overcast Jacket - Spruce Green - Spruce Green \/ L","public_title":"Spruce Green \/ L","sku":"OWHDSGWLG"},{"id":43434298867906,"price":16000,"name":"Women's Overcast Jacket - Spruce Green - Spruce Green \/ XL","public_title":"Spruce Green \/ XL","sku":"OWHDSGWXL"}]},{"id":7694685110466,"gid":"gid:\/\/shopify\/Product\/7694685110466","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":43434302668994,"price":16000,"name":"Women's Overcast Jacket - Dune Beige - Dune Beige \/ XS","public_title":"Dune Beige \/ XS","sku":"OWHDDBWXS"},{"id":43434302701762,"price":16000,"name":"Women's Overcast Jacket - Dune Beige - Dune Beige \/ S","public_title":"Dune Beige \/ S","sku":"OWHDDBWSM"},{"id":43434302734530,"price":16000,"name":"Women's Overcast Jacket - Dune Beige - Dune Beige \/ M","public_title":"Dune Beige \/ M","sku":"OWHDDBWMD"},{"id":43434302767298,"price":16000,"name":"Women's Overcast Jacket - Dune Beige - Dune Beige \/ L","public_title":"Dune Beige \/ L","sku":"OWHDDBWLG"},{"id":43434302800066,"price":16000,"name":"Women's Overcast Jacket - Dune Beige - Dune Beige \/ XL","public_title":"Dune Beige \/ XL","sku":"OWHDDBWXL"}]},{"id":7694686945474,"gid":"gid:\/\/shopify\/Product\/7694686945474","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":43434306568386,"price":16000,"name":"Women's Overcast Jacket - Lilac Purple - Lilac Purple \/ XS","public_title":"Lilac Purple \/ XS","sku":"OWHDLPWXS"},{"id":43434306601154,"price":16000,"name":"Women's Overcast Jacket - Lilac Purple - Lilac Purple \/ S","public_title":"Lilac Purple \/ S","sku":"OWHDLPWSM"},{"id":43434306633922,"price":16000,"name":"Women's Overcast Jacket - Lilac Purple - Lilac Purple \/ M","public_title":"Lilac Purple \/ M","sku":"OWHDLPWMD"},{"id":43434306666690,"price":16000,"name":"Women's Overcast Jacket - Lilac Purple - Lilac Purple \/ L","public_title":"Lilac Purple \/ L","sku":"OWHDLPWLG"},{"id":43434306699458,"price":16000,"name":"Women's Overcast Jacket - Lilac Purple - Lilac Purple \/ XL","public_title":"Lilac Purple \/ XL","sku":"OWHDLPWXL"}]},{"id":7789105086658,"gid":"gid:\/\/shopify\/Product\/7789105086658","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":43855786737858,"price":16000,"name":"Women's Overcast Jacket - Quartzite - Quartzite \/ XS","public_title":"Quartzite \/ XS","sku":"OWHDQTWXS"},{"id":43855786508482,"price":16000,"name":"Women's Overcast Jacket - Quartzite - Quartzite \/ S","public_title":"Quartzite \/ S","sku":"OWHDQTWSM"},{"id":43855786410178,"price":16000,"name":"Women's Overcast Jacket - Quartzite - Quartzite \/ M","public_title":"Quartzite \/ M","sku":"OWHDQTWMD"},{"id":43855786311874,"price":16000,"name":"Women's Overcast Jacket - Quartzite - Quartzite \/ L","public_title":"Quartzite \/ L","sku":"OWHDQTWLG"},{"id":43855786639554,"price":16000,"name":"Women's Overcast Jacket - Quartzite - Quartzite \/ XL","public_title":"Quartzite \/ XL","sku":"OWHDQTWXL"}]},{"id":7817050194114,"gid":"gid:\/\/shopify\/Product\/7817050194114","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":44012655182018,"price":15000,"name":"Women's Westerly Coach Jacket - Granite - Granite \/ XS","public_title":"Granite \/ XS","sku":"OWCJWGNXS"},{"id":44012655050946,"price":15000,"name":"Women's Westerly Coach Jacket - Granite - Granite \/ S","public_title":"Granite \/ S","sku":"OWCJWGNSM"},{"id":44012655018178,"price":15000,"name":"Women's Westerly Coach Jacket - Granite - Granite \/ M","public_title":"Granite \/ M","sku":"OWCJWGNMD"},{"id":44012654985410,"price":15000,"name":"Women's Westerly Coach Jacket - Granite - Granite \/ L","public_title":"Granite \/ L","sku":"OWCJWGNLG"},{"id":44012655116482,"price":15000,"name":"Women's Westerly Coach Jacket - Granite - Granite \/ XL","public_title":"Granite \/ XL","sku":"OWCJWGNXL"}]},{"id":7817050259650,"gid":"gid:\/\/shopify\/Product\/7817050259650","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":44012655837378,"price":15000,"name":"Women's Westerly Coach Jacket - Black - Black \/ XS","public_title":"Black \/ XS","sku":"OWCJWBKXS"},{"id":44012655542466,"price":15000,"name":"Women's Westerly Coach Jacket - Black - Black \/ S","public_title":"Black \/ S","sku":"OWCJWBKSM"},{"id":44012655476930,"price":15000,"name":"Women's Westerly Coach Jacket - Black - Black \/ M","public_title":"Black \/ M","sku":"OWCJWBKMD"},{"id":44012655378626,"price":15000,"name":"Women's Westerly Coach Jacket - Black - Black \/ L","public_title":"Black \/ L","sku":"OWCJWBKLG"},{"id":44012655673538,"price":15000,"name":"Women's Westerly Coach Jacket - Black - Black \/ XL","public_title":"Black \/ XL","sku":"OWCJWBKXL"}]},{"id":7817050357954,"gid":"gid:\/\/shopify\/Product\/7817050357954","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":44012656361666,"price":15000,"name":"Women's Westerly Coach Jacket - Sea - Sea \/ XS","public_title":"Sea \/ XS","sku":"OWCJWSEXS"},{"id":44012656263362,"price":15000,"name":"Women's Westerly Coach Jacket - Sea - Sea \/ S","public_title":"Sea \/ S","sku":"OWCJWSESM"},{"id":44012656066754,"price":15000,"name":"Women's Westerly Coach Jacket - Sea - Sea \/ M","public_title":"Sea \/ M","sku":"OWCJWSEMD"},{"id":44012655902914,"price":15000,"name":"Women's Westerly Coach Jacket - Sea - Sea \/ L","public_title":"Sea \/ L","sku":"OWCJWSELG"},{"id":44012656328898,"price":15000,"name":"Women's Westerly Coach Jacket - Sea - Sea \/ XL","public_title":"Sea \/ XL","sku":"OWCJWSEXL"}]},{"id":7694672953538,"gid":"gid:\/\/shopify\/Product\/7694672953538","vendor":"Vessi Footwear","type":"Clothing","variants":[{"id":44706524758210,"price":16000,"name":"Women's Overcast Jacket - Jet Black - Jet Black \/ XS","public_title":"Jet Black \/ XS","sku":"OWHDBKWXS"},{"id":44706524790978,"price":16000,"name":"Women's Overcast Jacket - Jet Black - Jet Black \/ S","public_title":"Jet Black \/ S","sku":"OWHDBKWSM"},{"id":44706524823746,"price":16000,"name":"Women's Overcast Jacket - Jet Black - Jet Black \/ M","public_title":"Jet Black \/ M","sku":"OWHDBKWMD"},{"id":44706524856514,"price":16000,"name":"Women's Overcast Jacket - Jet Black - Jet Black \/ L","public_title":"Jet Black \/ L","sku":"OWHDBKWLG"},{"id":43434288906434,"price":16000,"name":"Women's Overcast Jacket - Jet Black - Jet Black \/ XL","public_title":"Jet Black \/ XL","sku":"OWHDBKWXL"}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":305640833218}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 4650696817, theme_id: 137434628290, app_name: "storefront", context_url: window.location.href, source_url: "//ca.vessi.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//ca.vessi.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//ca.vessi.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":4650696817,"isMerchantRequest":null,"themeId":137434628290,"themeCityHash":"14396604080312717052","contentLanguage":"en","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":305640833218,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"CAD","category":"Collection: womens-jackets","collectionName":"womens-jackets","collectionId":305640833218,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//ca.vessi.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://ca.vessi.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.0.min.js" data-application="storefront-renderer" data-shop-id="4650696817" data-render-region="gcp-asia-southeast1" data-page-type="collection" data-theme-instance-id="137434628290" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="women-39-s-waterproof-jackets" class="template-collection template-collection-default-collection-vue" data-animations="false"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none"> <symbol id="v-icon-happy-vessi" viewBox="0 0 104 42"> <path d="M101.855 18.1758L92.9337 2.91708C92.3216 1.86768 91.3421 1.0695 90.1849 0.777774C88.2695 0.299672 86.3421 1.16674 85.3706 2.82794L80.9196 10.4411C80.3509 11.4095 78.8975 11.1461 78.7237 10.0278C78.7158 9.99136 78.7119 9.95084 78.704 9.91437C77.8272 4.70793 73.4789 0.765619 68.3288 0.652171C64.2215 0.558982 60.6196 2.83199 58.7318 6.23542C58.167 7.24835 56.7689 7.24835 56.2081 6.23542C54.3203 2.83199 50.7223 0.563033 46.611 0.652171C42.6774 0.741308 39.2098 3.07509 37.401 6.49879C37.0139 7.2362 36.0345 7.34154 35.4776 6.72568C31.5637 2.39441 25.8924 -0.243257 19.6207 0.0160527C9.03625 0.457689 0.430471 9.29851 0.0157819 20.1611C-0.438401 32.142 8.89407 41.9998 20.4698 41.9998C30.4934 41.9998 38.8307 34.6055 40.5921 24.8449C40.7698 23.8603 41.9467 23.4876 42.626 24.2088C47.0257 28.8885 52.622 34.723 55.6117 39.7471C56.449 41.1571 58.4514 41.1328 59.2926 39.7268C62.2783 34.7311 67.8391 28.9331 72.219 24.2979C72.9931 23.4795 74.328 24.0913 74.2648 25.2258C73.8343 33.2927 79.719 41.0274 88.4037 41.3354C88.6407 41.3435 88.8777 41.3475 89.1186 41.3475C89.3595 41.3475 89.6162 41.3435 89.865 41.3354C101.097 40.918 107.629 28.062 101.848 18.1758H101.855ZM25.5014 12.3616C28.4239 11.5432 30.0748 15.2586 27.8315 16.9279C24.4627 19.4318 21.9745 13.3543 25.5014 12.3616ZM15.9714 12.6452C19.0085 14.4401 15.8174 19.2252 12.9738 16.936C10.7305 15.1249 12.9778 10.8746 15.9714 12.6452ZM32.2825 24.9462C29.8378 34.0261 18.2739 37.15 11.7969 30.4079C10.7108 29.2775 8.60181 25.9713 8.45963 24.4478L8.27401 23.5565C8.0568 22.5111 8.83483 21.5306 9.87353 21.5306C10.6634 21.5306 11.3427 22.106 11.4849 22.9041C11.6231 23.6821 11.7377 24.4478 12.097 25.3149C15.7345 34.0625 28.5345 31.7126 29.514 22.8758C29.6048 22.0654 30.2486 21.4415 31.0464 21.4293C32.0258 21.4131 32.7762 22.3167 32.6103 23.3093C32.4958 23.9981 32.3576 24.6707 32.2825 24.9462Z"/> </symbol> <symbol id="v-icon-arrow-left" viewBox="0 0 50 50"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.0143 14.5449C23.0143 19.983 18.6047 24.3926 13.1666 24.3926V26.3926C19.7092 26.3926 25.0143 21.0875 25.0143 14.5449H23.0143Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1666 26.3928C18.6047 26.3928 23.0143 30.8024 23.0143 36.2404H25.0143C25.0143 29.6978 19.7092 24.3928 13.1666 24.3928V26.3928Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M37.2727 24.3936H14.3721V26.3936H37.2727V24.3936Z" /> </symbol> <symbol id="v-icon-arrow-right" viewBox="0 0 50 50"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.9857 14.5449C26.9857 19.983 31.3953 24.3926 36.8334 24.3926V26.3926C30.2908 26.3926 24.9857 21.0875 24.9857 14.5449H26.9857Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.8334 26.3928C31.3953 26.3928 26.9857 30.8024 26.9857 36.2404H24.9857C24.9857 29.6978 30.2908 24.3928 36.8334 24.3928V26.3928Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7273 24.3936H35.6279V26.3936H12.7273V24.3936Z" /> </symbol> <symbol id="v-icon-plus" viewBox="0 0 50 50"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6364 24.3936H36.537V26.3936H13.6364V24.3936Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.0867 36.8428L24.0867 13.9422L26.0867 13.9422L26.0867 36.8428L24.0867 36.8428Z"/> </symbol> <symbol id="v-icon-minus" viewBox="0 0 50 50"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 23.9326H37.1907V25.9326H12V23.9326Z"/> </symbol> <symbol id="v-icon-hamburger" viewBox="0 0 50 50"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6364 19.9091H36.537V21.9091H13.6364V19.9091Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6364 28.1522H36.537V30.1522H13.6364V28.1522Z"/> </symbol> </svg> <svg xmlns="http://www.w3.org/2000/svg" style="display: none"> <symbol id="v-icon-stroke-logo" viewBox="0 0 162 36" fill="none"> <path d="M129.349 35.041C138.678 35.041 146.641 31.818 146.641 24.2003C146.641 18.692 143.342 15.9385 135.038 13.5353L130.772 12.3049C127.53 11.367 126.676 10.4302 126.676 9.14075C126.676 7.8513 127.758 7.09031 129.065 7.09031C133.047 7.09031 131.284 11.8365 136.347 11.8365H146.017C146.017 4.51141 140.329 0.0589654 129.237 0.0589654C118.146 0.0589654 112.001 4.51252 112.001 11.1333C112.001 17.11 116.837 19.5131 123.89 21.5046L129.237 23.0277C131.001 23.555 131.967 24.4929 131.967 25.957C131.967 27.0707 131.114 28.0075 129.749 28.0075C125.54 28.0075 127.36 22.5582 122.412 22.5582H111.717C111.717 29.2379 117.86 35.0388 129.351 35.0388L129.349 35.041ZM25.7105 34.1621C29.578 34.1621 31.171 32.639 32.1948 29.1812L40.5 0.995737H29.5218C26.1662 0.995737 25.0852 2.46097 24.4588 5.09773L20.25 23.614L16.0412 5.09773C15.4159 2.46097 14.3348 0.995737 10.9793 0.995737H0L8.3052 29.1812C9.32904 32.6379 10.922 34.1621 14.7895 34.1621H25.7105ZM147.552 34.1621H162V0.995737H147.552V34.161V34.1621ZM93.5712 35.041C102.9 35.041 110.863 31.818 110.863 24.2003C110.863 18.692 107.564 15.9385 99.2596 13.5353L94.9936 12.3049C91.7514 11.367 90.8982 10.4302 90.8982 9.14075C90.8982 7.8513 91.9793 7.09031 93.2872 7.09031C97.2691 7.09031 95.5055 11.8365 100.569 11.8365H110.239C110.239 4.51141 104.55 0.0589654 93.4589 0.0589654C82.3673 0.0589654 76.2232 4.51252 76.2232 11.1333C76.2232 17.11 81.0583 19.5131 88.1118 21.5046L93.4589 23.0277C95.2225 23.555 96.1891 24.4929 96.1891 25.957C96.1891 27.0707 95.3359 28.0075 93.9708 28.0075C89.762 28.0075 91.5818 22.5582 86.6333 22.5582H75.9391C75.9391 29.2379 82.0822 35.0388 93.5723 35.0388L93.5712 35.041ZM52.502 13.4185C52.502 10.606 53.6965 8.3208 56.3695 8.3208C59.3838 8.3208 60.2942 10.606 60.2942 13.4185H52.501H52.502ZM56.5974 35.0989C68.2582 35.0989 74.2306 29.5906 75.0838 22.5593H60.2381C60.1247 24.1413 59.3849 26.5433 56.4268 26.5433C53.4686 26.5433 52.502 24.1413 52.502 20.273H75.1982V18.632C75.1982 5.91879 67.8035 0 56.484 0C42.7183 0 37.7125 8.96497 37.7125 17.5795C37.7125 26.896 42.6611 35.1 56.5974 35.1V35.0989Z" fill="#F4F0E9"/> </symbol> <symbol id="v-icon-stroke-search" viewBox="0 0 26 28" fill="none"> <circle cx="11.1562" cy="11.1562" r="10.1562" stroke-width="2" stroke-miterlimit="10"/> <line x1="25.2929" y1="26.7071" x2="17.4804" y2="18.8946" stroke-width="2"/> </symbol> <symbol id="v-icon-stroke-heart" viewBox="0 0 28 26" fill="none"> <path d="M13.7385 7.45836C13.7385 3.89372 16.5789 1 20.0778 1C23.5767 1 26.4171 3.89372 26.4171 7.45836C26.4171 14.6825 13.7385 20.104 13.7385 25.9999" stroke-width="2" stroke-miterlimit="10"/> <path d="M13.6786 7.45836C13.6786 3.89372 10.8382 1 7.3393 1C3.84038 1 1 3.89372 1 7.45836C1 14.6825 13.6786 20.104 13.6786 25.9999" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-cart" viewBox="0 0 28 27" fill="none"> <path d="M1.41699 23V7.25H26.417V23L23.1912 26H4.6428L1.41699 23Z" stroke-width="2" stroke-linejoin="bevel"/> <path d="M20.167 7.25C20.167 3.79822 17.3688 1 13.917 1C10.4652 1 7.66699 3.79822 7.66699 7.25" stroke-width="2"/> </symbol> <symbol id="v-icon-stroke-user" viewBox="0 0 29 27" fill="none" > <circle cx="14.5837" cy="7.66667" r="6.66667" stroke-width="2" stroke-linejoin="bevel"/> <path d="M1.41699 26L5.24052 19H23.5935L27.417 26" stroke-width="2"/> </symbol> <symbol id="v-icon-stroke-close" viewBox="0 0 18 18" fill="none"> <path d="M17.1932 17.1942L1 1.00098" stroke-width="2" stroke-miterlimit="10"/> <path d="M17.1942 1.00018L1.00098 17.1934" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-bin" viewBox="-5 -5 40 40" fill="none"> <g clip-path="url(#clip0_1666_13372)"> <path d="M0.504883 4.93321H29" stroke-width="2" stroke-miterlimit="10"/> <path d="M7.1478 4.93322L11.333 0.748001H14.7524" stroke-width="2" stroke-linejoin="bevel"/> <path d="M22.3571 4.93322L18.1719 0.748001H14.7524" stroke-width="2" stroke-linejoin="bevel"/> <path d="M3.64825 4.93321V29.252H14.7524" stroke-width="2" stroke-linejoin="bevel"/> <path d="M25.8566 4.93321V29.252H14.7524" stroke-width="2" stroke-linejoin="bevel"/> <path d="M11.7337 10.8994V23.0632" stroke-width="2" stroke-miterlimit="10"/> <path d="M17.7711 10.8994V23.0632" stroke-width="2" stroke-miterlimit="10"/> </g> </symbol> <symbol id="v-icon-stroke-shipping" viewBox="-5.5 -12 60 60" fill="none"> <path d="M0 15.8789H22.26" stroke-width="2" stroke-miterlimit="10"/> <path d="M2.21094 24.7432H24.4709" stroke-width="2" stroke-miterlimit="10"/> <path d="M4.42096 20.2947H26.681" stroke-width="2" stroke-miterlimit="10"/> <path d="M23.2 1.43945V8.41347H30.9921V1.43945" stroke-width="2" stroke-miterlimit="10"/> <path d="M12.2466 12.5006V3.33018L13.9266 1.12793H39.204L40.884 3.33018V21.5355" stroke-width="2" stroke-miterlimit="10"/> <path d="M40.8947 14.5439V32.7492C40.2315 33.6075 39.8668 34.0932 39.2147 34.9515H13.9373C13.2742 34.0932 12.9094 33.6075 12.2573 32.7492V28.1979V29.4402" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-returns" viewBox="-14 -12 65 65" fill="none"> <path d="M14.0129 2.354V9.48128H22.9857V2.354" stroke-width="2" stroke-miterlimit="10"/> <path d="M1.40039 36.9086V3.75403C2.16403 2.78676 2.58403 2.23949 3.33494 1.27222H32.4422C33.2058 2.23949 33.6258 2.78676 34.3768 3.75403V22.3359" stroke-width="2" stroke-miterlimit="10"/> <path d="M34.3895 30.3289V37.7234C33.6258 38.6907 33.2058 39.2379 32.4549 40.2052H3.33494C2.5713 39.2379 2.1513 38.6907 1.40039 37.7234V33.9943" stroke-width="2" stroke-miterlimit="10"/> <path d="M11.8105 26.4861C17.1178 26.4861 21.4196 30.7879 21.4196 36.0952" stroke-width="2" stroke-miterlimit="10"/> <path d="M21.4196 16.8767C21.4196 22.184 17.1178 26.4858 11.8105 26.4858" stroke-width="2" stroke-miterlimit="10"/> <path d="M33.3835 8.33691H35.929C40.7526 8.33691 44.6599 12.3969 44.6599 17.4115C44.6599 22.426 40.7526 26.486 35.929 26.486H15.489" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-umbrella" viewBox="-13 -10 75 75" fill="none"> <path d="M25.0694 19.2773V48.1248C25.0694 51.5623 22.3194 53.6248 19.1805 53.6248C16.0416 53.6248 13.2916 51.0123 13.2916 47.7948V46.3923" stroke-width="2" stroke-miterlimit="10"/> <path d="M2.22266 24.5861C2.22266 11.7573 12.4171 1.3623 25.0004 1.3623C37.5838 1.3623 47.7782 11.7573 47.7782 24.5861" stroke-width="2" stroke-miterlimit="10"/> <path d="M2.25037 24.654C2.25037 21.464 5.63925 18.8652 9.81981 18.8652C14.0004 18.8652 17.3893 21.4502 17.3893 24.654" stroke-width="2" stroke-miterlimit="10"/> <path d="M17.4861 24.654C17.4861 21.464 20.875 18.8652 25.0555 18.8652C29.2361 18.8652 32.625 21.4502 32.625 24.654" stroke-width="2" stroke-miterlimit="10"/> <path d="M32.7083 24.654C32.7083 21.464 36.0971 18.8652 40.2777 18.8652C44.4583 18.8652 47.8471 21.4502 47.8471 24.654" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-machine" viewBox="0 0 48 48" fill="none"> <path d="M41 24V37L39 39H9L7 37V24" stroke-width="2" stroke-miterlimit="10"/> <path d="M7 25.57V7.20998L9 4.97998H39L41 7.20998V25.57" stroke-width="2" stroke-miterlimit="10"/> <path d="M7.39 8.97998H40.9" stroke-width="2" stroke-miterlimit="10"/> <path d="M12.67 4.98999V8.38999" stroke-width="2" stroke-miterlimit="10"/> <path d="M24 32.7C28.8104 32.7 32.71 28.8004 32.71 23.99C32.71 19.1796 28.8104 15.28 24 15.28C19.1896 15.28 15.29 19.1796 15.29 23.99C15.29 28.8004 19.1896 32.7 24 32.7Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M9.57 39V42.94H38.43V39" stroke-width="2" stroke-miterlimit="10"/> <path d="M15.09 25.32C17.49 23.08 21.07 22.67 24.18 24.59C27 26.33 30.19 26.16 32.55 24.45" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-waterproof" viewBox="-3 0 60 60" fill="none"> <path d="M16.0417 28.1877C16.0417 29.8148 17.5771 31.1325 19.4792 31.1325C21.3813 31.1325 22.9167 29.8148 22.9167 28.1877L19.9719 21.3127H18.9865L16.0417 28.1877Z" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M6.875 44.894H48.125" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M6.875 49.4773H48.125" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M46.9791 15.1023L20.625 41.4565L8.02081 28.8523" stroke-width="2.29167" stroke-linejoin="bevel"/> <path d="M46.9791 28.8523C43.1863 25.0596 43.1863 18.895 46.9791 15.1023" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M46.9792 15.1023C43.1865 18.895 37.0219 18.895 33.2292 15.1023" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M6.875 19.021C6.875 20.6481 8.41042 21.9658 10.3125 21.9658C12.2146 21.9658 13.75 20.6481 13.75 19.021L10.8052 12.146H9.81979L6.875 19.021Z" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M21.7708 13.2917C21.7708 14.9188 23.3062 16.2365 25.2083 16.2365C27.1104 16.2365 28.6458 14.9188 28.6458 13.2917L25.701 6.41675H24.7156L21.7708 13.2917Z" stroke-width="2.29167" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-cushioning" viewBox="0 0 48 48" fill="none"> <path d="M9 24.0001C13.14 19.3301 19.86 19.3301 24 24.0001C28.14 28.6701 34.86 28.6701 39 24.0001" stroke-width="2" stroke-miterlimit="10"/> <path d="M40 13.5H8" stroke-width="2" stroke-miterlimit="10"/> <path d="M40 34.5H8" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-vegan" viewBox="0 0 55 56" fill="none"> <path d="M29.0585 44.7221C39.1877 44.7221 47.3918 36.5179 47.3918 26.3888V9.20125C46.9449 8.75438 46.6929 8.50229 46.246 8.05542H29.0585C18.9293 8.05542 10.7252 16.2596 10.7252 26.3888C10.7252 36.5179 18.9293 44.7221 29.0585 44.7221Z" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M7.60828 47.8387L46.2458 9.20117" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M21.0377 9.20117V34.4095H46.246" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M30.2045 8.05542V25.2429H47.392" stroke-width="2.29167" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-cloud" viewBox="0 0 55 56" fill="none"> <path d="M43.7594 26.5836C48.2053 27.0305 51.6657 30.7888 51.6657 35.3492C51.6657 40.2076 47.724 44.1607 42.8542 44.1607H13.3261C7.87195 44.1607 3.44904 39.7378 3.44904 34.2836C3.44904 28.8294 7.49383 24.7961 12.6157 24.4294" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M32.2209 18.5741C33.4012 17.9783 34.7303 17.6345 36.1512 17.6345C40.9637 17.6345 45.1574 21.5418 44.8595 27.0189" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M11.5386 25.6096C11.4813 25.1627 11.4125 23.6387 11.3896 23.1689C11.0802 16.8554 16.5115 11.6533 22.8594 11.6533C27.4886 11.6533 31.5792 14.4148 33.4011 18.3564" stroke-width="2.29167" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-breathable" viewBox="0 0 48 48" fill="none"> <path d="M11 9C11 11.76 8.76 14 6 14" stroke-width="2" stroke-miterlimit="10"/> <path d="M16 14C13.24 14 11 11.76 11 9" stroke-width="2" stroke-miterlimit="10"/> <path d="M11 10V21" stroke-width="2" stroke-miterlimit="10"/> <path d="M24 9C24 11.76 21.76 14 19 14" stroke-width="2" stroke-miterlimit="10"/> <path d="M29 14C26.24 14 24 11.76 24 9" stroke-width="2" stroke-miterlimit="10"/> <path d="M24 10V21" stroke-width="2" stroke-miterlimit="10"/> <path d="M42 24H6" stroke-width="2" stroke-miterlimit="10"/> <path d="M42 28H6" stroke-width="2" stroke-miterlimit="10"/> <path d="M11 32V39" stroke-width="2" stroke-miterlimit="10"/> <path d="M24 32V39" stroke-width="2" stroke-miterlimit="10"/> <path d="M37 32V39" stroke-width="2" stroke-miterlimit="10"/> <path d="M37 9C37 11.76 34.76 14 32 14" stroke-width="2" stroke-miterlimit="10"/> <path d="M42 14C39.24 14 37 11.76 37 9" stroke-width="2" stroke-miterlimit="10"/> <path d="M37 10V21" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-grippy-outsole" viewBox="0 0 55 56" fill="none"> <path d="M10.3125 30.021L16.0417 24.2919L21.7708 30.021L27.5 24.2919L33.2292 30.021L38.9583 24.2919L44.6875 30.021" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M10.3125 40.3335L16.0417 34.6044L21.7708 40.3335L27.5 34.6044L33.2292 40.3335L38.9583 34.6044L44.6875 40.3335" stroke-width="2.29167" stroke-miterlimit="10"/> <path d="M9.16663 15.5605H45.8333" stroke-width="2.29167" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-lightweight" viewBox="-9 -10 60 60" fill="none"> <path d="M4.52295 43.2422L30.7676 16.9976" stroke-width="2.29" stroke-miterlimit="10"/> <path d="M41.0347 23.9405C43.1492 21.7016 44.3251 18.739 44.3251 15.6634V15.5051C44.3251 8.72062 38.7619 3.25912 31.9887 3.39481C29.0149 3.45135 26.1541 4.61601 23.983 6.64005L21.9364 8.55101L19.4827 10.8464L13.8968 16.0592C10.9455 18.8069 9.27203 22.6627 9.27203 26.6882V36.8875L10.9229 38.5384L21.1222 38.4932C25.1025 38.4705 28.9131 36.8196 31.6382 33.9249L27.511 30.7928L28.9131 29.3906L35.9463 29.7751L41.0347 23.9518V23.9405Z" stroke-width="2.29" stroke-miterlimit="10"/> <path d="M0 5.02148C2.76994 5.02148 5.02169 7.27324 5.02169 10.0432" stroke-width="2.29" stroke-miterlimit="10"/> <path d="M10.0434 5.02169C7.27342 5.02169 5.02167 2.76994 5.02167 0" stroke-width="2.29" stroke-miterlimit="10"/> <path d="M5.02167 10.0432C5.02167 7.27324 7.27342 5.02148 10.0434 5.02148" stroke-width="2.29" stroke-miterlimit="10"/> <path d="M5.02169 0C5.02169 2.76994 2.76994 5.02169 0 5.02169" stroke-width="2.29" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-waxed-laces" viewBox="-10 -6 55 45" fill="none"> <path d="M1.29257 34.8074C1.01273 30.0234 2.62517 25.6125 5.83672 22.401C9.04827 19.1894 13.4592 17.577 18.2432 17.8568C21.4814 18.0567 24.4397 16.9906 26.5719 14.8585C28.704 12.7263 29.7568 9.46147 29.5702 6.22327H34.8873C35.1671 11.0073 33.5547 15.4182 30.3431 18.6297C27.1316 21.8413 22.7207 23.467 17.9367 23.1739C14.6985 22.974 11.7401 24.0401 9.60796 26.1722C7.48914 28.291 6.42306 31.5692 6.60962 34.8074H1.29257Z" stroke-width="2.5186" stroke-linejoin="bevel"/> <path d="M34.2077 1.26587H30.663V5.98325H34.2077V1.26587Z" stroke-width="2.5186" stroke-linejoin="bevel"/> </symbol> <symbol id="v-icon-stroke-gusseted-tongue" viewBox="0 3 48 48" fill="none"> <path d="M5 34V37L7 39H41L43 37V34.36C43 31.88 41.18 29.77 38.72 29.41L34.23 28.76C30.8 28.26 27.56 26.88 24.83 24.76L20 21L23 24L19 28H10L5 34Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M43 35H5" stroke-width="2" stroke-miterlimit="10"/> <path d="M28.98 20.36C28.98 17.6 31.22 15.36 33.98 15.36" stroke-width="2" stroke-miterlimit="10"/> <path d="M23.98 15.36C26.74 15.36 28.98 17.6 28.98 20.36" stroke-width="2" stroke-miterlimit="10"/> <path d="M28.98 19.36V8.35999" stroke-width="2" stroke-miterlimit="10"/> <path d="M19 28L25.22 29.81C27.55 30.49 30.07 29.9 31.86 28.27" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-vegan-leather" viewBox="0 -2 48 48" fill="none"> <path d="M30.83 39.87C36.32 39.87 40.77 35.42 40.77 29.93V20.62C40.53 20.38 40.39 20.24 40.15 20H30.84C25.35 20 20.9 24.45 20.9 29.94C20.9 35.43 25.35 39.88 30.84 39.88L30.83 39.87Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M19.2 41.56L40.14 20.62" stroke-width="2" stroke-miterlimit="10"/> <path d="M26.48 20.62V34.28H40.14" stroke-width="2" stroke-miterlimit="10"/> <path d="M31.45 20V29.31H40.76" stroke-width="2" stroke-miterlimit="10"/> <path d="M7 21.74V8.55996L8.44 6.95996H29.97C30.53 7.57996 30.84 7.92996 31.41 8.55996V19.99" stroke-width="2" stroke-miterlimit="10"/> <path d="M20.89 31.37H8.43C7.87 30.75 7.56 30.4 6.99 29.77V27.37V16.59" stroke-width="2" stroke-miterlimit="10"/> <path d="M10.81 20.64V22.18" stroke-width="2" stroke-miterlimit="10"/> <path d="M10.81 19.58V10.1" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-comfort" viewBox="0 0 48 48" fill="none"> <path d="M38.19 22.8101C42.07 23.2001 45.09 26.4801 45.09 30.4601C45.09 34.7001 41.65 38.1501 37.4 38.1501H11.63C6.87001 38.1501 3.01001 34.2901 3.01001 29.5301C3.01001 24.7701 6.54001 21.2501 11.01 20.9301" stroke-width="2" stroke-miterlimit="10"/> <path d="M28.12 15.82C29.15 15.3 30.31 15 31.55 15C35.75 15 39.41 18.41 39.15 23.19" stroke-width="2" stroke-miterlimit="10"/> <path d="M10.07 21.96C10.02 21.57 9.96001 20.24 9.94001 19.83C9.67001 14.32 14.41 9.78003 19.95 9.78003C23.99 9.78003 27.56 12.19 29.15 15.63" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-easy-on-off" viewBox="0 0 48 48" fill="none"> <path d="M16 11C16 15.97 11.97 20 7 20" stroke-width="2" stroke-miterlimit="10"/> <path d="M25 20C20.03 20 16 15.97 16 11" stroke-width="2" stroke-miterlimit="10"/> <path d="M16 12V37" stroke-width="2" stroke-miterlimit="10"/> <path d="M32 37C32 32.03 36.03 28 41 28" stroke-width="2" stroke-miterlimit="10"/> <path d="M23 28C27.97 28 32 32.03 32 37" stroke-width="2" stroke-miterlimit="10"/> <path d="M32 36V11" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-reflective" viewBox="0 0 48 48" fill="none"> <path d="M24.01 44.06C24.01 30.38 32.07 24 42.74 24" stroke-width="2" stroke-miterlimit="10"/> <path d="M23.98 44.06C23.98 30.38 15.92 24 5.25 24" stroke-width="2" stroke-miterlimit="10"/> <path d="M24.01 3.93994C24.01 17.6199 32.07 23.9999 42.74 23.9999" stroke-width="2" stroke-miterlimit="10"/> <path d="M23.98 3.93994C23.98 17.6199 15.92 23.9999 5.25 23.9999" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-four-way-stretch" viewBox="0 0 48 48" fill="none"> <path d="M38.1 9.91003C36.15 11.86 32.98 11.86 31.03 9.91003" stroke-width="2" stroke-miterlimit="10"/> <path d="M38.1 16.98C36.15 15.03 36.15 11.86 38.1 9.91003" stroke-width="2" stroke-miterlimit="10"/> <path d="M37.39 10.61L29.61 18.39" stroke-width="2" stroke-miterlimit="10"/> <path d="M9.90002 38.1001C11.85 36.1501 15.02 36.1501 16.97 38.1001" stroke-width="2" stroke-miterlimit="10"/> <path d="M9.90002 31.03C11.85 32.98 11.85 36.15 9.90002 38.1" stroke-width="2" stroke-miterlimit="10"/> <path d="M10.61 37.39L18.39 29.62" stroke-width="2" stroke-miterlimit="10"/> <path d="M38.0899 38.1C36.1399 36.15 36.1399 32.98 38.0899 31.03" stroke-width="2" stroke-miterlimit="10"/> <path d="M31.02 38.1001C32.97 36.1501 36.14 36.1501 38.09 38.1001" stroke-width="2" stroke-miterlimit="10"/> <path d="M37.39 37.39L29.61 29.61" stroke-width="2" stroke-miterlimit="10"/> <path d="M9.90002 9.91003C11.85 11.86 11.85 15.03 9.90002 16.98" stroke-width="2" stroke-miterlimit="10"/> <path d="M16.98 9.91003C15.03 11.86 11.86 11.86 9.91003 9.91003" stroke-width="2" stroke-miterlimit="10"/> <path d="M10.61 10.62L18.39 18.4" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-sandproof" viewBox="0 0 48 48" fill="none"> <path d="M8 13.1899H40" stroke-width="2" stroke-miterlimit="10"/> <path d="M10.97 38.83C12.1188 38.83 13.05 37.8988 13.05 36.75C13.05 35.6013 12.1188 34.67 10.97 34.67C9.82126 34.67 8.89001 35.6013 8.89001 36.75C8.89001 37.8988 9.82126 38.83 10.97 38.83Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M23.98 38.83C25.1288 38.83 26.06 37.8988 26.06 36.75C26.06 35.6013 25.1288 34.67 23.98 34.67C22.8313 34.67 21.9 35.6013 21.9 36.75C21.9 37.8988 22.8313 38.83 23.98 38.83Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M10.97 23.04C12.1188 23.04 13.05 22.1088 13.05 20.96C13.05 19.8113 12.1188 18.88 10.97 18.88C9.82126 18.88 8.89001 19.8113 8.89001 20.96C8.89001 22.1088 9.82126 23.04 10.97 23.04Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M23.98 23.04C25.1288 23.04 26.06 22.1088 26.06 20.96C26.06 19.8113 25.1288 18.88 23.98 18.88C22.8313 18.88 21.9 19.8113 21.9 20.96C21.9 22.1088 22.8313 23.04 23.98 23.04Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M17.48 31.4701C18.6288 31.4701 19.56 30.5388 19.56 29.3901C19.56 28.2413 18.6288 27.3101 17.48 27.3101C16.3313 27.3101 15.4 28.2413 15.4 29.3901C15.4 30.5388 16.3313 31.4701 17.48 31.4701Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M36.84 38.83C37.9888 38.83 38.92 37.8988 38.92 36.75C38.92 35.6013 37.9888 34.67 36.84 34.67C35.6913 34.67 34.76 35.6013 34.76 36.75C34.76 37.8988 35.6913 38.83 36.84 38.83Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M36.84 23.04C37.9888 23.04 38.92 22.1088 38.92 20.96C38.92 19.8113 37.9888 18.88 36.84 18.88C35.6913 18.88 34.76 19.8113 34.76 20.96C34.76 22.1088 35.6913 23.04 36.84 23.04Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M30.34 31.4701C31.4888 31.4701 32.42 30.5388 32.42 29.3901C32.42 28.2413 31.4888 27.3101 30.34 27.3101C29.1913 27.3101 28.26 28.2413 28.26 29.3901C28.26 30.5388 29.1913 31.4701 30.34 31.4701Z" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-layer-friendly" viewBox="0 0 48 48" fill="none"> <path d="M24 7L6 17L24 27L42 17L24 7Z" stroke-width="2" stroke-linejoin="bevel"/> <path d="M6 24L24 34L42 24" stroke-width="2" stroke-linejoin="bevel"/> <path d="M6 31L24 41L42 31" stroke-width="2" stroke-linejoin="bevel"/> </symbol> <symbol id="v-icon-stroke-easy-to-clean" viewBox="0 0 48 48" fill="none"> <path d="M6 18.6599C8.94 18.6599 11.33 21.0499 11.33 23.9899" stroke-width="2" stroke-miterlimit="10"/> <path d="M16.66 18.66C13.72 18.66 11.33 16.27 11.33 13.33" stroke-width="2" stroke-miterlimit="10"/> <path d="M11.33 23.9899C11.33 21.0499 13.72 18.6599 16.66 18.6599" stroke-width="2" stroke-miterlimit="10"/> <path d="M11.33 13.33C11.33 16.27 8.94 18.66 6 18.66" stroke-width="2" stroke-miterlimit="10"/> <path d="M13.71 40.91C17.4158 40.91 20.42 37.9058 20.42 34.2C20.42 30.4942 17.4158 27.49 13.71 27.49C10.0042 27.49 7 30.4942 7 34.2C7 37.9058 10.0042 40.91 13.71 40.91Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M30.62 27.49C36.2533 27.49 40.82 22.9233 40.82 17.29C40.82 11.6567 36.2533 7.08997 30.62 7.08997C24.9867 7.08997 20.42 11.6567 20.42 17.29C20.42 22.9233 24.9867 27.49 30.62 27.49Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M30.62 10.76C34.22 10.76 37.15 13.68 37.15 17.29" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-collapsible-heel" viewBox="0 3 48 48" fill="none"> <path d="M5 34V37L7 39H41L43 37V34.36C43 31.88 41.18 29.77 38.72 29.41L34.23 28.76C30.8 28.26 27.56 26.88 24.83 24.76L20 21L23 24L19 28H10L5 34Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M43 35H5" stroke-width="2" stroke-miterlimit="10"/> <path d="M9 24C9 21.24 11.24 19 14 19" stroke-width="2" stroke-miterlimit="10"/> <path d="M4 19C6.76 19 9 21.24 9 24" stroke-width="2" stroke-miterlimit="10"/> <path d="M9 23V12" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-vegan-wool" viewBox="0 -2 48 48" fill="none"> <path d="M30.83 39.87C36.32 39.87 40.77 35.42 40.77 29.93V20.62C40.53 20.38 40.39 20.24 40.15 20H30.84C25.35 20 20.9 24.45 20.9 29.94C20.9 35.43 25.35 39.88 30.84 39.88L30.83 39.87Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M19.2 41.56L40.14 20.62" stroke-width="2" stroke-miterlimit="10"/> <path d="M26.48 20.62V34.28H40.14" stroke-width="2" stroke-miterlimit="10"/> <path d="M31.45 20V29.31H40.76" stroke-width="2" stroke-miterlimit="10"/> <path d="M7 21.74V8.55996L8.44 6.95996H29.97C30.53 7.57996 30.84 7.92996 31.41 8.55996V19.99" stroke-width="2" stroke-miterlimit="10"/> <path d="M20.89 31.37H8.43C7.87 30.75 7.56 30.4 6.99 29.77V27.37V16.59" stroke-width="2" stroke-miterlimit="10"/> <path d="M6.89 18.82L8.94 16.77C10.07 15.64 11.91 15.64 13.04 16.77C14.17 17.9 16.01 17.9 17.14 16.77C18.27 15.64 20.11 15.64 21.24 16.77C22.37 17.9 24.21 17.9 25.34 16.77C26.47 15.64 28.31 15.64 29.44 16.77L31.49 18.82" stroke-width="2" stroke-miterlimit="10"/> <path d="M6.89 24.07L8.94 22.02C10.07 20.89 11.91 20.89 13.04 22.02C14.17 23.15 16.01 23.15 17.14 22.02C18.27 20.89 20.11 20.89 21.24 22.02C21.81 22.59 22.85 22.98 23.59 22.98" stroke-width="2" stroke-miterlimit="10"/> <path d="M6.89 29.33L8.94 27.28C10.07 26.15 11.91 26.15 13.04 27.28C14.17 28.41 16.01 28.41 17.14 27.28C18.27 26.15 20.11 26.15 21.24 27.28" stroke-width="2" stroke-miterlimit="10"/> <path d="M6.89 13.56L8.94 11.51C10.07 10.38 11.91 10.38 13.04 11.51C14.17 12.64 16.01 12.64 17.14 11.51C18.27 10.38 20.11 10.38 21.24 11.51C22.37 12.64 24.21 12.64 25.34 11.51C26.47 10.38 28.31 10.38 29.44 11.51L31.49 13.56" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-cooling" viewBox="0 0 42 42" fill="none"> <path d="M21 0.930176V41.0702" stroke-width="2" stroke-miterlimit="10"/> <path d="M28.17 2.19019L20.97 9.39019" stroke-width="2" stroke-miterlimit="10"/> <path d="M13.82 2.19019L21.02 9.39019" stroke-width="2" stroke-miterlimit="10"/> <path d="M13.82 39.8201L21.02 32.6201" stroke-width="2" stroke-miterlimit="10"/> <path d="M28.17 39.8201L20.97 32.6201" stroke-width="2" stroke-miterlimit="10"/> <path d="M38.38 10.9801L3.60999 31.0401" stroke-width="2" stroke-miterlimit="10"/> <path d="M40.87 17.8202L31.04 15.1802" stroke-width="2" stroke-miterlimit="10"/> <path d="M33.7 5.39014L31.06 15.2201" stroke-width="2" stroke-miterlimit="10"/> <path d="M1.10999 24.1902L10.94 26.8202" stroke-width="2" stroke-miterlimit="10"/> <path d="M8.27997 36.6201L10.92 26.7802" stroke-width="2" stroke-miterlimit="10"/> <path d="M3.58997 10.9801L38.37 31.0401" stroke-width="2" stroke-miterlimit="10"/> <path d="M1.10999 17.8202L10.94 15.1802" stroke-width="2" stroke-miterlimit="10"/> <path d="M8.27997 5.39014L10.92 15.2201" stroke-width="2" stroke-miterlimit="10"/> <path d="M40.87 24.1902L31.04 26.8202" stroke-width="2" stroke-miterlimit="10"/> <path d="M33.7 36.6201L31.06 26.7802" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-non-marking-outsole" viewBox="0 0 21 42" fill="none"> <path d="M17.6683 23.5024C18.2329 20.5355 19.1407 17.6351 19.2846 14.6129C19.5392 9.00021 18.5318 0.47602 10.9818 1.14024C6.68649 1.51664 3.19932 5.05916 1.87088 9.00021C0.642065 12.6202 1.17344 16.8934 1.58305 20.613C1.77124 22.3511 2.14764 24.0449 2.38011 25.7718L3.01113 30.4546C3.07755 31.0745 3.16611 31.7941 3.28789 32.5137C3.50929 33.8532 3.79712 35.1927 4.12923 35.9677C5.823 39.9419 10.4393 41.5914 14.1036 39.0452C14.4579 38.8017 15.1553 38.1596 15.6535 37.5729C16.8159 36.1891 17.0594 34.2517 17.1369 32.4805C17.2698 29.4583 17.3694 26.5135 17.6794 23.5024H17.6683Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M2.38013 7.72705H18.8861" stroke-width="2" stroke-miterlimit="10"/> <path d="M1.10706 14.2144H18.8861" stroke-width="2" stroke-miterlimit="10"/> <path d="M2.38013 20.6904H18.8861" stroke-width="2" stroke-miterlimit="10"/> <path d="M2.38013 27.1779H16.8048" stroke-width="2" stroke-miterlimit="10"/> <path d="M3.48718 33.665H17.0373" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-ankle-collar" viewBox="-9 -6 55 45" fill="none"> <path d="M19 15.97L16 12.97L20.83 16.73C23.56 18.86 26.8 20.24 30.23 20.73L34.72 21.38C37.18 21.74 39 23.84 39 26.33V28.97C38.22 29.75 37.78 30.19 37 30.97H3C2.22 30.19 1.78 29.75 1 28.97V16.97H2L6 19.97H15L19 15.97Z" stroke-width="2" stroke-miterlimit="10"/> <path d="M39 26.97H1" stroke-width="2" stroke-miterlimit="10"/> <path d="M5 12C5 9.24 7.24 7 10 7" stroke-width="2" stroke-miterlimit="10"/> <path d="M0 7C2.76 7 5 9.24 5 12" stroke-width="2" stroke-miterlimit="10"/> <path d="M5 11V0" stroke-width="2" stroke-miterlimit="10"/> <path d="M6 19.97C5.41 22.02 3.53 23.44 1.39 23.44H1" stroke-width="2" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-inner-fleece" viewBox="-10 -6 55 45" fill="none"> <path d="M1.34 21.1V3.46996L3.26 1.32996H32.06C32.81 2.15996 33.23 2.62996 33.98 3.46996V18.76" stroke-width="2.68" stroke-miterlimit="10"/> <path d="M1.34 14.22V28.64V31.85C2.09 32.68 2.51 33.15 3.26 33.99H32.13L33.97 32.01V18.78" stroke-width="2.68" stroke-miterlimit="10"/> <path d="M1.19 17.1901L3.93 14.4501C5.45 12.9301 7.9 12.9301 9.42 14.4501C10.94 15.9701 13.39 15.9701 14.91 14.4501C16.43 12.9301 18.88 12.9301 20.4 14.4501C21.92 15.9701 24.37 15.9701 25.89 14.4501C27.41 12.9301 29.86 12.9301 31.38 14.4501L34.12 17.1901" stroke-width="2.68" stroke-miterlimit="10"/> <path d="M1.19 10.16L3.93 7.42003C5.45 5.90003 7.9 5.90003 9.42 7.42003C10.94 8.94003 13.39 8.94003 14.91 7.42003C16.43 5.90003 18.88 5.90003 20.4 7.42003C21.92 8.94003 24.37 8.94003 25.89 7.42003C27.41 5.90003 29.86 5.90003 31.38 7.42003L34.12 10.16" stroke-width="2.68" stroke-miterlimit="10"/> <path d="M1.19 30.71L3.93 27.97C5.45 26.45 7.9 26.45 9.42 27.97C10.94 29.49 13.39 29.49 14.91 27.97C16.43 26.45 18.88 26.45 20.4 27.97C21.92 29.49 24.37 29.49 25.89 27.97C27.41 26.45 29.86 26.45 31.38 27.97L34.12 30.71" stroke-width="2.68" stroke-miterlimit="10"/> <path d="M1.19 23.68L3.93 20.94C5.45 19.42 7.9 19.42 9.42 20.94C10.94 22.46 13.39 22.46 14.91 20.94C16.43 19.42 18.88 19.42 20.4 20.94C21.92 22.46 24.37 22.46 25.89 20.94C27.41 19.42 29.86 19.42 31.38 20.94L34.12 23.68" stroke-width="2.68" stroke-miterlimit="10"/> </symbol> <symbol id="v-icon-stroke-touchscreen" viewBox="0 0 31 41" fill="none"> <path d="M8.87496 24.7477C9.81762 24.7477 10.7148 25.1792 11.2941 25.9288L13.1453 28.2798V21.6925C10.4309 20.7726 8.46609 18.2058 8.46609 15.1734C8.46609 11.3687 11.5553 8.27951 15.36 8.27951C19.1647 8.27951 22.2539 11.3687 22.2539 15.1734C22.2539 18.0695 20.4594 20.5454 17.9268 21.5676V24.4751H25.8542C28.0461 21.9992 29.3977 18.751 29.3977 15.1734C29.3977 7.41635 23.1171 1.13574 15.36 1.13574C7.60294 1.13574 1.32233 7.41635 1.32233 15.1734C1.32233 19.5233 3.2985 23.4188 6.41042 25.9856C6.95557 25.2474 7.81873 24.7477 8.87496 24.7477Z" stroke-width="2.27147" stroke-linejoin="bevel"/> <path d="M22.2539 15.1734C22.2539 11.3687 19.1647 8.27954 15.36 8.27954C11.5553 8.27954 8.46609 11.3687 8.46609 15.1734C8.46609 18.2059 10.4196 20.7726 13.1453 21.6926V17.5585C13.1453 16.241 14.2129 15.1621 15.5417 15.1621C16.8705 15.1621 17.9381 16.2297 17.9381 17.5585V21.5676C20.4708 20.5455 22.2653 18.0696 22.2653 15.1734H22.2539Z" stroke-width="2.27147" stroke-linejoin="bevel"/> <path d="M6.41042 25.9856C5.68355 26.9624 5.5359 28.348 6.3082 29.5178L13.1453 39.8529H19.4146C22.9808 39.8529 25.8655 36.9682 25.8655 33.402V24.4637" stroke-width="2.27147" stroke-linejoin="bevel"/> <path d="M25.8655 24.4751H17.9381V21.5676" stroke-width="2.27147" stroke-linejoin="bevel"/> <path d="M13.1453 21.6925V28.2798L11.2941 25.9288C10.7149 25.1906 9.81763 24.7476 8.87497 24.7476C7.81874 24.7476 6.95558 25.2474 6.41043 25.9856" stroke-width="2.27147" stroke-linejoin="bevel"/> <path d="M17.9267 21.5675V17.5584C17.9267 16.2409 16.8592 15.162 15.5303 15.162C14.2015 15.162 13.1339 16.2296 13.1339 17.5584V21.6925" stroke-width="2.27147" stroke-linejoin="bevel"/> </symbol> <symbol id="v-icon-stroke-pocket" viewBox="-9 -6 50 40" fill="none"> <path d="M1 1H31V16C31 24.28 24.28 31 16 31C7.72 31 1 24.28 1 16V1Z" stroke-width="2" stroke-linejoin="bevel"/> <path d="M6 7H10" stroke-width="2" stroke-linejoin="bevel"/> <path d="M14 7H18" stroke-width="2" stroke-linejoin="bevel"/> <path d="M22 7H26" stroke-width="2" stroke-linejoin="bevel"/> </symbol> <symbol id="v-icon-stroke-ziper" viewBox="0 0 45 45" fill="none"> <path d="M24.73 22.27H19.98L17.18 33.42C17.06 33.89 17 34.38 17 34.87C17 38.16 19.66 40.82 22.95 40.82H23.04M24.24 22.27H25.63L28.43 33.42C28.55 33.89 28.61 34.38 28.61 34.87C28.61 38.16 25.95 40.82 22.66 40.82H22.57M18.49 26.1401C17.12 26.1401 16 25.0301 16 23.6501V14.3501H29.01V23.6501C29.01 25.0201 27.9 26.1401 26.52 26.1401M16 10.0901H29.05M16 6H29.05" stroke-width="1.96" stroke-miterlimit="10" stroke-linejoin="bevel"/> </symbol> <symbol id="v-icon-stroke-adjustable-strap" viewBox="0 0 45 45" fill="none"> <path d="M28.6199 13.5H17.3799V32.11H28.6199V13.5Z" stroke-width="2.68" stroke-linejoin="bevel"/> <path d="M20.1899 13V5" stroke-width="2.68" stroke-miterlimit="10"/> <path d="M26.1001 13V5" stroke-width="2.68" stroke-miterlimit="10"/> <path d="M20.1899 41V32.21" stroke-width="2.8" stroke-miterlimit="10"/> <path d="M26.1001 41V32.21" stroke-width="2.8" stroke-miterlimit="10"/> <path d="M8 28.3C8 25.54 10.24 23.3 13 23.3" stroke-width="2" stroke-miterlimit="10"/> <path d="M3 23.3C5.76 23.3 8 25.54 8 28.3" stroke-width="2" stroke-miterlimit="10"/> <path d="M8 27.3V16.3" stroke-width="2" stroke-miterlimit="10"/> <path d="M38.1399 16.3C38.1399 19.06 35.8999 21.3 33.1399 21.3" stroke-width="2" stroke-miterlimit="10"/> <path d="M43.1399 21.3C40.3799 21.3 38.1399 19.06 38.1399 16.3" stroke-width="2" stroke-miterlimit="10"/> <path d="M38.1399 17.3V28.3" stroke-width="2" stroke-miterlimit="10"/> <path d="M23 17.96V27.3" stroke-width="2.8" stroke-miterlimit="10"/> </symbol> </svg> <script src="//ca.vessi.com/cdn/shop/t/1000/assets/theme_utils.min.js?v=77278995062363963791740167444"></script> <script> window.vessiWebWorker = themeUtils.general.createWorker("//ca.vessi.com/cdn/shop/t/1000/assets/fetchWorker.js?v=81768152860402905351739920515"); </script> <script src="//ca.vessi.com/cdn/shop/t/1000/assets/vue.min.prod.js?v=32949307043056123371739920516"></script> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="shopify-section-header" class="shopify-section"> <script id="omniconvert_reveal_rfm_customer"> window._Reveal = '_not_logged_in'; </script> <link href="//ca.vessi.com/cdn/shop/t/1000/assets/header.min.css?v=184131653047271805281739920517" rel="stylesheet" type="text/css" media="all" /> <header><div class="info-bar showMobile flex align_center justify_center"> <div class="content-wrapper text_center"> <div class="info-bar__message"onload="alert('slickThis', this)" data-slick-slider data-slick='{ "slidesToShow": 1, "slidesToScroll": 1, "autoplay": true, "autoplaySpeed": 5000, "arrows": false, "dots": false }'><span ><a id="header_message_1" href="/collections/season-one">New Spring shades just launched. Shop Now</a></span > <span id="header_message_2">Free shipping over $120 + Free exchanges</span> <span ><a id="header_message_3" href="/collections/cold-weather">Limited Time: Get Free Gloves with select styles</a></span > </div> </div> </div> <input class="header-navigation-checkbox" id="header-navigation-menu-toggle" type="checkbox"> <div class="header-navigation-mobile-menu header-mobile-only flex align_center justify_between"> <label for="header-navigation-menu-toggle"> <div class="header-navigation-menu-hamburger flex justify_center"> <svg id="v-icon-stroke-hamburger" viewBox="0 0 21 22" fill="none"> <circle cx="10.5" cy="10.9302" r="10.5" fill="white"/>  <path d="M5.72728 9.21234H15.3455" stroke="#28201A" stroke-width="1.05" stroke-miterlimit="10" transform-origin="10.5 11" class="top"/>  <path d="M5.72728 12.6739H15.3455" stroke="#28201A" stroke-width="1.05" stroke-miterlimit="10" transform-origin="10.5 11" class="bottom"/> </svg> </div> </label> <a class="header-logo-link" aria-label="Vessi Footwear Logo" href="/" itemprop="url"> <svg class="v-icon"> <use xlink:href="#v-icon-stroke-logo"></use> </svg> </a> <div class="header-navigation-mobile-right-icons"> <span class="nav_user_area v-icon-stroke v-icon--user"> <svg class="v-icon v-icon-stroke"> <use xlink:href="#v-icon-stroke-user"></use> </svg> <div class="nav_user_area__dropdown"> <a href="/account"> Sign In </a> <a href="/account#register"> Create Account </a> </div> </span> <button class="v-icon--cart v-icon-stroke" aria-label="Cart Icon" onclick="themeUtils.cartFunctions.openCart(event)"> <svg class="v-icon v-icon-stroke"> <use xlink:href="#v-icon-stroke-cart"></use> </svg> <small class="cartCount hidden-count">0</small> </button> </div> </div> <div class="header-nav-container content-wrapper content-full flex align_center justify_between"> <nav class="header-navigation first flex"> <ul class="header-navigation-main"> <li class="header-mobile-only rounded search-action" onclick="triggerPredictiveSearch()"> <div class="flex gap_sm"> <input class="input input_white input_full" type="text" placeholder="What are you looking for?"> <button type="submit"> <svg class="v-icon circle color_secondary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </div> </li> <li class="rounded"> <input type="radio" name="header-navigation-main-input" id="header-navigaion-main-input-1" class="header-navigation-checkbox" > <label class="header-navigation-main-title" for="header-navigaion-main-input-1"> <span class="flex align_center justify_between"> Women <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg> </span> </label> <span class="header-navigation-overlay"></span> <ul class="header-navigation-child"> <li class="flex column "> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-1-1" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-1-1" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Waterproof Shoes </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/collections/womens-boots"> <span class="header-navigation-grand-child-title text "> Boots </span> </a> </li> <li> <a href="/collections/womens-sneakers"> <span class="header-navigation-grand-child-title text "> Sneakers </span> </a> </li> <li> <a href="/collections/womens-slip-ons"> <span class="header-navigation-grand-child-title text "> Slip-Ons </span> </a> </li> <li> <a href="/collections/women"> <span class="header-navigation-grand-child-title text "> Shop All Women's Shoes </span> </a> </li> </ul> </li> <li class="flex column "> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-1-2" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-1-2" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Trending </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/collections/best-sellers?preference=women"> <span class="header-navigation-grand-child-title text "> Best Sellers </span> </a> </li> <li> <a href="/collections/cold-weather?preference=women"> <span class="header-navigation-grand-child-title text "> Cold Weather </span> </a> </li> <li> <a href="/collections/season-one?preference=women"> <span class="header-navigation-grand-child-title text "> Just Launched </span> </a> </li> <li> <a href="/collections/sale?preference=women"> <span class="header-navigation-grand-child-title text header-navigation-sale-link"> Women's Sale </span> </a> </li> </ul> </li> <li class="flex column rounded_last"> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-1-3" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-1-3" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Waterproof Apparel & Accessories </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/products/forecast-gloves-black"> <span class="header-navigation-grand-child-title text "> Gloves </span> </a> </li> <li> <a href="/collections/bags"> <span class="header-navigation-grand-child-title text "> Bags </span> </a> </li> <li> <a href="/collections/womens-jackets"> <span class="header-navigation-grand-child-title text "> Jackets </span> </a> </li> <li> <a href="/products/forecast-beanie-black"> <span class="header-navigation-grand-child-title text "> Beanies </span> </a> </li> <li> <a href="/collections/apparel-accessories"> <span class="header-navigation-grand-child-title text "> Shop All </span> </a> </li> </ul> </li> <li class="header-navigation-promo-banner flex column align_center justify_center"> <div class="header-navigation-promo-banner-content rounded flex column align_center justify_center" > <img src="//ca.vessi.com/cdn/shop/files/Nav_Bar_Block_A.jpg?v=1739922744&width=500" alt="" srcset="//ca.vessi.com/cdn/shop/files/Nav_Bar_Block_A.jpg?v=1739922744&width=352 352w, //ca.vessi.com/cdn/shop/files/Nav_Bar_Block_A.jpg?v=1739922744&width=500 500w" width="500" height="500" loading="lazy" class="rounded"> <a href="/collections/season-one?preference=women"> <button class="btn btn_primary btn_icon"> Shop New <svg class="v-icon"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </a> </div> </li> </ul> </li> <li class="rounded"> <input type="radio" name="header-navigation-main-input" id="header-navigaion-main-input-2" class="header-navigation-checkbox" > <label class="header-navigation-main-title" for="header-navigaion-main-input-2"> <span class="flex align_center justify_between"> Men <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg> </span> </label> <span class="header-navigation-overlay"></span> <ul class="header-navigation-child"> <li class="flex column "> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-2-1" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-2-1" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Waterproof Shoes </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/collections/mens-boots"> <span class="header-navigation-grand-child-title text "> Boots </span> </a> </li> <li> <a href="/collections/mens-sneakers"> <span class="header-navigation-grand-child-title text "> Sneakers </span> </a> </li> <li> <a href="/collections/mens-slip-ons"> <span class="header-navigation-grand-child-title text "> Slip-Ons </span> </a> </li> <li> <a href="/collections/men"> <span class="header-navigation-grand-child-title text "> Shop All Men's Shoes </span> </a> </li> </ul> </li> <li class="flex column "> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-2-2" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-2-2" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Trending </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/collections/best-sellers?preference=men"> <span class="header-navigation-grand-child-title text "> Best Sellers </span> </a> </li> <li> <a href="/collections/cold-weather?preference=men"> <span class="header-navigation-grand-child-title text "> Cold Weather </span> </a> </li> <li> <a href="/collections/season-one?preference=men"> <span class="header-navigation-grand-child-title text "> Just Launched </span> </a> </li> <li> <a href="/collections/sale?preference=men"> <span class="header-navigation-grand-child-title text header-navigation-sale-link"> Men's Sale </span> </a> </li> </ul> </li> <li class="flex column rounded_last"> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-2-3" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-2-3" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Waterproof Apparel & Accessories </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/products/forecast-gloves-black"> <span class="header-navigation-grand-child-title text "> Gloves </span> </a> </li> <li> <a href="/collections/bags"> <span class="header-navigation-grand-child-title text "> Bags </span> </a> </li> <li> <a href="/collections/mens-jackets"> <span class="header-navigation-grand-child-title text "> Jackets </span> </a> </li> <li> <a href="/products/forecast-beanie-black"> <span class="header-navigation-grand-child-title text "> Beanies </span> </a> </li> <li> <a href="/collections/apparel-accessories"> <span class="header-navigation-grand-child-title text "> Shop All </span> </a> </li> </ul> </li> <li class="header-navigation-promo-banner flex column align_center justify_center"> <div class="header-navigation-promo-banner-content rounded flex column align_center justify_center" > <img src="//ca.vessi.com/cdn/shop/files/Nav_Bar_Block_B.jpg?v=1739922787&width=500" alt="" srcset="//ca.vessi.com/cdn/shop/files/Nav_Bar_Block_B.jpg?v=1739922787&width=352 352w, //ca.vessi.com/cdn/shop/files/Nav_Bar_Block_B.jpg?v=1739922787&width=500 500w" width="500" height="500" loading="lazy" class="rounded"> <a href="/collections/season-one?preference=men"> <button class="btn btn_primary btn_icon"> Shop New <svg class="v-icon"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </a> </div> </li> </ul> </li> <li class="rounded"> <input type="radio" name="header-navigation-main-input" id="header-navigaion-main-input-3" class="header-navigation-checkbox" > <label class="header-navigation-main-title" for="header-navigaion-main-input-3"> <span class="flex align_center justify_between"> Kids <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg> </span> </label> <span class="header-navigation-overlay"></span> <ul class="header-navigation-child"> <li class="flex column "> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-3-1" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-3-1" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Trending </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/collections/new?preference=kids"> <span class="header-navigation-grand-child-title text "> Just Launched </span> </a> </li> </ul> </li> <li class="flex column rounded_last"> <input type="radio" name="header-navigation-child-input" id="header-navigation-child-input-3-2" class="header-navigation-checkbox" > <label class="header-navigation-child-title" for="header-navigation-child-input-3-2" > <span class="flex align_center subheading"> <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary circle menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg>Waterproof Shoes </span> </label> <ul class="header-navigation-grandchild"> <li> <a href="/products/kids-weekend-sneaker-nimbus-steel-grey"> <span class="header-navigation-grand-child-title text "> Weekend Sneaker </span> </a> </li> <li> <a href="/products/kids-weekend-chelsea-concrete-grey"> <span class="header-navigation-grand-child-title text "> Weekend Chelsea </span> </a> </li> <li> <a href="/collections/kids"> <span class="header-navigation-grand-child-title text "> Shop All Kids Shoes </span> </a> </li> </ul> </li> <li class="header-navigation-promo-banner flex column align_center justify_center"> <div class="header-navigation-promo-banner-content rounded flex column align_center justify_center" > <img src="//ca.vessi.com/cdn/shop/files/Nav_Bar_Block_-_Kids.jpg?v=1736359514&width=500" alt="" srcset="//ca.vessi.com/cdn/shop/files/Nav_Bar_Block_-_Kids.jpg?v=1736359514&width=352 352w, //ca.vessi.com/cdn/shop/files/Nav_Bar_Block_-_Kids.jpg?v=1736359514&width=500 500w" width="500" height="613" loading="lazy" class="rounded"> <a href="/collections/new?preference=kids"> <button class="btn btn_primary btn_icon"> Shop New <svg class="v-icon"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </a> </div> </li> </ul> </li> <li class="rounded"> <span class="header-navigation-main-title flex align_center justify_between header-navigation-sale-link"> <a class="flex align_center justify_between" href="/collections/sale"> Sale <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </a> </span> </li> </ul> </nav> <style> .header-logo-link .v-icon { --main-color: white !important; } </style> <a class="header-logo-link" href="/" itemprop="url"> <svg class="v-icon"> <use xlink:href="#v-icon-stroke-logo"></use> </svg> </a> <nav class="header-navigation last flex "> <ul class="header-navigation-main"> <li class="rounded"> <a href="/pages/store-locator"> <span class="header-navigation-main-title flex align_center justify_between "> Stores <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </span> </a> </li> <li class="rounded"> <a href="/pages/contact"> <span class="header-navigation-main-title flex align_center justify_between "> Help <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </span> </a> </li> <li class="header-navigation-mobile-only rounded"> <a href="/account/login"> <span class="header-navigation-main-title flex align_center justify_between"> Login <svg class="v-icon bg_primary circle menu-closed header-mobile-only"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </span> </a> </li> <li class="header-navigation-desktop-only nav_user_area"> <span class="v-icon-stroke v-icon--user" aria-label="Login Icon" onclick="() => {}"> <svg class="v-icon v-icon-stroke"> <use xlink:href="#v-icon-stroke-user"></use> </svg> </span> <div class="nav_user_area__dropdown"> <a href="/account"> Sign In </a> <a href="/account#register"> Create Account </a> </div> </li> <li class="header-navigation-desktop-only"> <span class="v-icon--search v-icon-stroke" aria-label="Search Icon" onclick="triggerPredictiveSearch()"> <svg class="v-icon v-icon-stroke"> <use xlink:href="#v-icon-stroke-search"></use> </svg> </span> </li> <li class="header-navigation-desktop-only"> <button class="v-icon-stroke v-icon--cart" aria-label="Cart Icon" onclick="themeUtils.cartFunctions.openCart(event)" > <svg class="v-icon v-icon-stroke"> <use xlink:href="#v-icon-stroke-cart"></use> </svg> <small class="cartCount hidden-count">0</small> </button> </li> <li class="nav__item nav__item--currency-selector rounded"> <span class="header-navigation-main-title flex align_center justify_between"><div class="disabled" data-currency-selector><form method="post" action="/cart/update" id="desktop-currency-selector" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/collections/womens-jackets" /><select name="currency"> <option selected="true" data-display="Country" value="CAD">CAD</option> </select></form></div> </span> </li> </ul> </nav> </div> <script> document.addEventListener('DOMContentLoaded', function () { const navigationMenu = document.querySelector('.header-nav-container'); const handleRadioButtonClick = function (event) { const radioButton = event.target; const name = radioButton.getAttribute('name'); const radioButtons = navigationMenu.querySelectorAll(`input[name="${name}"]`); if (radioButton.hasAttribute('data-checked')) { radioButton.checked = false; radioButtons.forEach((radio) => radio.removeAttribute('data-checked')); } else { radioButtons.forEach((radio) => radio.removeAttribute('data-checked')); radioButton.setAttribute('data-checked', true); } }; // Add event listener to navigation menu to handle clicks on radio buttons navigationMenu.addEventListener('click', function (event) { if ( event.target.matches('input[name="header-navigation-child-input"], input[name="header-navigation-main-input"]') ) { handleRadioButtonClick(event); } }); }); </script> </header><div id="headerMainModal" class="modal mfp-hide"><div class="grid"> <div class="grid__item text_center"> <div class="modal-content-wrapper"> <div class="modal-content"></div> </div></div> </div></div> <style data-shopify> #headerMainModal h3 { width: 85%; padding: 5px; margin-left: auto; margin-right: auto; margin-bottom: 20px; border-radius: 125px; color: #005864 ; background: rgba(0,0,0,0) ; } #headerMainModal { border-radius: 0; max-height: 80vh; overflow-y: auto; border: 3px solid rgba(0,0,0,0) ; background-color: rgba(0,0,0,0) ; padding: 45px; } #headerMainModal .mfp-close { color: rgba(0,0,0,0) ; } #headerMainModal .modal-content, #headerMainModal .modal-content p a { color: rgba(0,0,0,0) ; } #headerMainModal .modal-content p a { font-weight: bold; } #headerMainModal .btn { margin-top: 30px; background-color: var(--colorSplash, rgb(0, 88, 100)) ; color: var(--colorSplash, rgb(0, 88, 100)) ; } @media only screen and (max-width: 480px) { #headerMainModal h3 { width: 100%; font-size: 1.1em; } }</style> <script> window.addEventListener("themeIsLoaded",function(event) { var lastUrlHeaderModal = location.href; const openHeaderModal = function() { $.magnificPopup.open({ items: { src: '#headerMainModal', type: 'inline', mainClass: 'mfp-fade', closeOnBgClick: true, closeBtnInside: true, closeOnContentClick: false, tClose: 'x', removalDelay: 500 } }); $('#headerMainModal').parent('.mfp-content').css('background-color','transparent'); } $('[href="#modal-holiday-shipping-learn-more"]').click(function() { openHeaderModal(); }) const onUrlChangeHeaderModal = function() { $('[href="#modal-holiday-shipping-learn-more"]').click(function() { openHeaderModal(); }) } new MutationObserver(() => { const url = location.href; if (url !== lastUrlHeaderModal) { lastUrlHeaderModal = url; onUrlChangeHeaderModal(); } }).observe(document, {subtree: true, childList: true}); }); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Vessi Canada", "sameAs": [ "https:\/\/twitter.com\/vessifootwear", "https:\/\/facebook.com\/vessifootwear", "https:\/\/instagram.com\/vessi", "", "https:\/\/www.youtube.com\/channel\/UC_hdhj3pGU157Rz_1YTR1NA", "", "", "", "" ], "url": "https:\/\/ca.vessi.com" } </script> <style> @media screen and (max-width: 768px) {#shopify-section-header .info-bar__message a {text-decoration: underline; }} #shopify-section-header header > div.header-nav-container > nav.header-navigation.first > ul > li:nth-child(4) {color: #0069f0;} #shopify-section-header header > div.header-nav-container > nav.header-navigation.first > ul > li:nth-child(4) span:after {background-color: #0069f0;} </style></div> <div id="app_predictive_search" style="display: none;"> <transition> <div class="search_wrapper_overlay" v-if="searchActive"> <span class="hide_search" @click.self.prevent="deactivateSearch"></span> <div class="search_wrapper"> <div v-show="isMobile" class="h4 header-logo"> <a class="header-logo__link flex column justify_center align_center" href="/" itemprop="url"> <svg> <use xlink:href="#v-icon-stroke-logo"></use> </svg> </a> </div> <div class="search_bar_wrapper"> <input placeholder="Search for products..." id="search_bar_input" type="search" v-model="searchTerm" @focus="searchFocused=true" autocomplete="off" ref="searchInput" class="input" /> <p class="search_cancel btn btn_primary" v-show="isMobile" @click="deactivateSearch">Cancel</p> </div> <div class="search_results_wrapper rounded" v-show="searchFocused || predictiveSearchResults"> <template v-if="predictiveSearchResults && !predictiveSearchResults.isEmpty"> <div v-if="predictiveSearchResults.suggestions.length"> <h3>Suggested searches</h3> <ul class="search_results_list flex column"> <li class="rounded" v-for="suggestion in predictiveSearchResults.suggestions" :key="suggestion"> <span v-html="highlightSearchTerm(suggestion)" @click="searchTerm = suggestion"></span> </li> </ul> </div> <div v-if="predictiveSearchResults.products.length"> <h3>Products</h3> <ul class="search_results_list search_products_list flex column"> <li class="rounded" v-for="product in predictiveSearchResults.products" :key="product.handle"> <a :href="product.url"> <img loading="lazy" :src="product.featured_image.url" :alt="product.featured_image.alt" width="84" height="84"/> <span v-html="highlightSearchTerm(product.title)"></span> </a> </li> </ul> </div> <div v-if="predictiveSearchResults.pages.length"> <h3>Pages</h3> <ul class="search_results_list flex column"> <li class="rounded" v-for="page in predictiveSearchResults.pages" :key="page.handle"> <a :href="page.url"> <span class="search_link" v-html="highlightSearchTerm(page.title)"></span> </a> </li> </ul> </div> <div v-if="predictiveSearchResults.articles.length"> <h3>Blog posts</h3> <ul class="search_results_list flex column"> <li class="rounded" v-for="article in predictiveSearchResults.articles" :key="article.handle"> <a :href="article.url"> <span class="search_link" v-html="highlightSearchTerm(article.title)"></span> </a> </li> </ul> </div> </template> <template v-else> <div v-if="suggestionList.length"> <h2 v-if="predictiveSearchResults && predictiveSearchResults.isEmpty">No results found for: {( searchTerm )}</h2> <h3>Top suggestions:</h3> <ul class="search_results_list flex column"> <li class="rounded" v-for="product in suggestionList" :key="product.handle"> <a :href="product.url"> <img loading="lazy" :src="product.featured_image.url" :alt="product.featured_image.alt" width="94" height="94"/> <span>{( product.title )}</span> </a> </li> </ul> </div> <div v-else> <h2 v-if="predictiveSearchResults && predictiveSearchResults.isEmpty">No results found for: {( searchTerm )}</h2> <h3>Popular Searches</h3> <ul class="search_results_list flex column"> <li class="rounded" v-for="popularSearch in popularSearchTerms" :key="popularSearch"> <a href="#" @click.prevent="triggerSearch(popularSearch)"> <span>{( popularSearch )}</span> </a> </li> </ul> </div> </template> </div> </div> </div> </transition> </div> <script> const vuePredictiveApp = Vue.createApp({ name: "PredictiveSearch", delimiters: ['{(', ')}'], data() { return { searchTerm: "", predictiveSearchResults: null, searchActive: false, timer: null, timer_gtag: null, searchFocused: false, screenSize: window.innerWidth, mobileScreenSize: 768, suggestionList: [{ title: "Women's Weekend - Marble White", featured_image: { url: "//ca.vessi.com/cdn/shop/files/Weekend-MarbleWhite-3_4View-Transaprent-WithShadow_231414b2-923e-4d90-87df-4edc4d35c3fc.png?v=1721167409&width=100", alt: "Marble White", }, url: "/products/womens-weekend-marble-white", handle: "womens-weekend-marble-white" },{ title: "Men's Alta High Top - Asphalt Black", featured_image: { url: "//ca.vessi.com/cdn/shop/files/Alta-AsphaltBlack-3_4View-Transparent-WithShadow_b6c1a676-b1cc-44f0-b6a2-b5d4f83be163.png?v=1727381734&width=100", alt: "Asphalt Black", }, url: "/products/mens-alta-high-top-asphalt-black", handle: "mens-alta-high-top-asphalt-black" },{ title: "Women's Stormburst High Top - Frost White", featured_image: { url: "//ca.vessi.com/cdn/shop/files/Stormburst-FrostWhite-3_4View-Transparent-WithShadow.png?v=1713481528&width=100", alt: "Frost White", }, url: "/products/womens-stormburst-frost-white", handle: "womens-stormburst-frost-white" },{ title: "Men's Stormburst Low Top - Black", featured_image: { url: "//ca.vessi.com/cdn/shop/files/Updated_StormburstLow-Black-3_4View-Transparent-WithShadow.png?v=1712257139&width=100", alt: "Black", }, url: "/products/mens-stormburst-low-top-black", handle: "mens-stormburst-low-top-black" },], popularSearchTerms: [ "weekend", "black on black", "marble white", "classic", "everyday move", "move slip ons", "slippers", ], } }, created() { document.getElementById("app_predictive_search").style.display = "block"; window.addEventListener('resize', () => this.handleResize()); }, watch: { searchTerm(newVal, oldVal) { if (newVal !== oldVal) { if (newVal.length >= 3) { this.thottleGetResults(newVal); } else { this.eraseResults(); } } }, searchActive(newVal) { if(newVal){ window.setTimeout(() => { // hide body scroll document.body.classList.add("no-scroll"); this.$refs.searchInput.focus() }, 250); } else{ // show body scroll document.body.classList.remove("no-scroll"); this.eraseResults(); } }, }, computed: { isMobile() { return this.screenSize <= this.mobileScreenSize } }, methods: { activateSearch() { this.searchActive = true; }, deactivateSearch() { this.searchActive = false; }, eraseResults() { this.predictiveSearchResults = null; }, getSearchResults(searchTerm) { fetch(`${ROOT_URL}/search/suggest.json?q=${searchTerm}&resources[type]=query,product,article,page&resources[limit_scope]=each&resources[limit]=5&resources[options][unavailable_products]=hide&resources[options][fields]=title,product_type,variants.title,tag,body`) .then((response) => { if (!response.ok) { var error = new Error(response.status); throw error; } return response.json(); }) .then((data) => { const isEmpty = !data.resources.results.products.length && !data.resources.results.articles.length && !data.resources.results.pages.length; this.predictiveSearchResults = { isEmpty: isEmpty, heading: !isEmpty ? "Search Results" : "No results found", articles: data.resources.results.articles, pages: data.resources.results.pages, products: data.resources.results.products, suggestions: [...data.resources.results.queries].map((query) => query.text).filter((query) => query.toLowerCase() !== searchTerm.toLowerCase()), }; }) .catch((error) => { throw error; }); }, handleResize() { this.screenSize = window.innerWidth }, highlightSearchTerm(str) { if (this.searchTerm !== "") { return str.replace(new RegExp(this.searchTerm, 'gim'), (matched) => { return `<strong>${matched}</strong>`; }); } }, thottleGetResults(searchTerm) { if(this.timer) clearTimeout(this.timer); this.timer = setTimeout(() => { this.getSearchResults(searchTerm); }, 250); if(this.timer_gtag) clearTimeout(this.timer_gtag); this.timer_gtag = setTimeout(() => { gtag('event', 'Site Search', { event_category: 'search_input', event_action: searchTerm, event_label: location.href }); }, 2000); }, triggerSearch(searchTerm) { this.searchTerm = searchTerm; this.$nextTick(() => { this.$refs.searchInput.focus(); }); } } }); let vuePredictiveSearchApp = null; const triggerPredictiveSearch = () => { if (vuePredictiveSearchApp === null) { vuePredictiveSearchApp = vuePredictiveApp.mount('#app_predictive_search'); } vuePredictiveSearchApp.activateSearch(); } </script> <style> .search_wrapper_overlay { position: fixed; top: 0; left: 0; width: 100vw; max-width: 100%; background-color: rgba(0,0,0,0.5); border-top: none; z-index: 99999; height: 100dvh; transition: all 0.3s ease; } .search_wrapper { display: flex; max-width: 80%; flex-direction: column; align-items: flex-end; float: right; position: relative; right: 70px; top: 105px; z-index: 999999; } .search_wrapper .header-logo__link { height: 100%; overflow: hidden; } .search_bar_wrapper { position: relative; margin-bottom: 4px; display: flex; flex-direction: row; } .search_results_wrapper { background: #fff; max-height: 80vh; overflow-y: auto; padding: 20px; display: flex; flex-direction: row; gap: 15px; } .search_results_wrapper > div { width: 100%; } .search_results_list { list-style: none; padding: 0; margin: 0; gap: 10px; border-bottom: 1px solid #eee; margin-bottom: 12px; } .search_results_list.search_products_list { min-width: 200px; } .search_results_list:last-child { border-bottom: none; margin-bottom: 0; } .search_results_list li { width: 100%; margin: 0; padding: 2%; transition: background 0.3s ease; } .search_results_list li:hover { background: var(--secondaryBg); } .search_results_list li a { width: 100%; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; width: auto; } .search_results_list li a img { margin-right: 15px; width: 100%; height: auto; max-width: 84px; max-height: 84px; object-fit: cover; border: 1px solid #eee; } .search_results_wrapper h2 { font-family: 'Conv_Metropolis', sans-serif; text-transform: initial; font-size: 16px; font-weight: 600; line-height: 12px; letter-spacing: 0em; text-align: left; margin: 0; margin-bottom: 16px; padding: 12px 0; } .search_results_wrapper h3 { font-family: 'NoiVariable', sans-serif; text-transform: initial; font-size: 12px; font-weight: 500; line-height: 12px; letter-spacing: 0em; text-align: left; margin: 0; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #eee; } .search_results_list span { cursor: pointer; display: inline-block; width: auto; } .search_results_list li a span { max-width: 100%; display: inline-block; width: auto; font-family: 'NoiVariable', sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; letter-spacing: 0em; text-align: left; color: var(--colorBlack); } span.search_link { text-decoration: underline; padding: 5px 0; } .search_results_list li a span strong{ font-weight: 600; } .search_cancel { margin: 0; margin-left: 16px; text-align: center; font-family: 'NoiVariable', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0em; text-align: left; color: var(--colorBlack); } /* transition effect */ .v-enter-active, .v-leave-active { transition: opacity 0.3s ease; } .v-enter-from, .v-leave-to { opacity: 0; } .hide_search { position: absolute; background: transparent; width: 100vw; max-width: 100%; height: 100dvh; top: 0; left: 0; z-index: 999; } .search_wrapper_overlay .header-logo { background: var(--tertiaryBg); width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0; } .search_wrapper_overlay .header-logo svg { width: 100%; max-width: 80px; margin: auto; } @media screen and (max-width: 768px) { .search_wrapper_overlay { top: 0; background: var(--secondaryBg); } .search_wrapper { width: 100%; max-width: 100%; top: 0; right: 0; } .search_bar_wrapper { width: 100%; top: 0; right: 0; padding: 24px; padding-top: 0px; background: var(--tertiaryBg); display: flex; align-items: center; justify-content: center; } .search_results_wrapper { max-height: calc(100vh - 170px); width: 96%; max-width: 100%; flex-direction: column; margin: 0 auto; } .search_results_list li { width: 50%; } .search_results_list li a { width: 100%; } .search_results_list li a img { max-width: 60px; max-height: 60px; } .search_results_list.search_products_list { min-width: initial; } #search_bar_input { width: 80%; } } @media screen and (max-width: 480px) { .search_results_list li { width: 100%; } } </style> <main class="main-content" id="MainContent" role="main"> <div id="shopify-section-template--17177505890498__collection-2" class="shopify-section content-wrapper"> <style data-shopify> @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .plp-vue-wrapper .breadcrumbs { padding: 0; padding-bottom: 30px; max-width: none; } .plp-vue-wrapper hr { border-color: #D5D0C8; } h2.collection_section_main_title { font-variation-settings: var(--font-400); } .filter_and_collections { margin-bottom: 30px; } .collection_products_wrapper, .collection_main_title { display: flex; padding: 0px 4px; align-items: flex-start; align-content: flex-start; gap: 18px; align-self: stretch; flex-wrap: wrap; } .collection_main_title { gap: 0; padding: 0 16px; line-height: 155.556%; } .collection_main_title h4 { width: 100%; text-align: left; padding-top: 24px; padding-bottom: 20px; margin: 0; } .collection-line-spacer + .collection_main_title h4 { padding-top: 0; } .collection_main_title h4 .collection_main_subtitle { display: block; padding-top: 6px; font-size: var(--font-size-subheading); font-variation-settings: var(--font-500); } .collection_main_wrapper { position: relative; } .collection_products_wrapper > * { height: initial; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; align-self: stretch; gap: 8px; text-decoration: none; width: calc(50% - 9px); position: relative; } .collection_title { position: relative; height: auto; align-self: stretch; font-weight: 500; } .collection_title img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: bottom; display: block; } .collection_title p { position: absolute; display: flex; align-self: center; justify-content: center; width: 100%; height: 100%; align-items: flex-end; text-align: center; color: var(--secondaryText); background-color: rgba(100, 100, 100, 0.2); padding: 15px; } .collection_section_header.section-title { text-transform: none; font-weight: 400; margin-bottom: 25px; } .collections-wrapper { padding-bottom: 6%; } @media screen and (max-width: 480px) { .filter-wrap:not(.clear-filter) { margin-right: 16px; } .collections-wrapper { width: 100%; } } @media screen and (min-width: 481px) { .collection_products_wrapper { gap: 24px 16px; } .collection_products_wrapper > * { width: calc(50% - 9px); } } @media screen and (min-width: 769px) { .collection_products_wrapper { gap: 32px 24px; } .collection_products_wrapper > * { width: calc(33% - 18px); transition: all 0.5s ease; /* Transition for flex property */ } .filter_and_collections > .collection_products_wrapper > * { width: calc(25% - 18px); } .collection_main_title h4 { padding-top: 30px; padding-bottom: 22px; } .collection_title p { padding: 10px 20px; } } /* FILTER CATEGORY TOP */ .filter-options-gender-main { display: flex; flex-direction: row; justify-content: center; align-items: stretch; flex-wrap: nowrap; margin: 0; margin-bottom: 25px; padding-bottom: 10px; padding-left: 2%; padding-right: 2%; border-bottom: 1px solid #EDEDED; height: 56px; width: 100%; } .filter-options-gender-main input { display: none; } .filter-options-gender-main li { width: 100%; position: relative; display: block; margin: 0; } .filter-options-gender-main li label { display: flex; justify-content: center; position: relative; height: 100%; align-items: flex-end; } .filter-options-gender-main li label img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; } .filter-options-gender-main li label span { display: block; z-index: 1; background: var(--colorWhite); width: 100%; text-align: center; border-bottom: 2px solid transparent; color: var(--colorBlack); padding: 5px; opacity: 0.8; transition: all 0.3s ease; padding: 10px; text-overflow: ellipsis; overflow: hidden; } .filter-options-gender-main li input:checked + label span { border-bottom: 2px solid var(--colorSplash, rgb(0, 88, 100)); opacity: 1; font-weight: 600; } /* Featured Image Product Card */ .vessi-product-card.plp-featured-img { border: 0; } .vessi-product-card.plp-featured-img.color_white { color: var(--colorWhite); } .vessi-product-card.plp-featured-img.color_black { color: var(--colorBlack); } .vessi-product-card.plp-featured-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; position: absolute; top: 0; left: 0; border-radius: 20px; z-index: 0; } .vessi-product-card.plp-featured-img .plp-featured-img-content { z-index: 1; display: flex; flex-direction: column; height: 100%; width: 100%; justify-content: flex-end; align-items: flex-start; gap: 20px; padding: 6%; border-radius: 20px; } .vessi-product-card.plp-featured-img .plp-featured-img-content h4 { margin-bottom: 0; } .vessi-product-card.plp-featured-img .plp-featured-img-content p { letter-spacing: -1.111px; margin-bottom: 0; } .vessi-product-card.plp-featured-img .plp-featured-img-content .btn { margin-left: 0; max-height: 55px; min-width: 100px; width: auto; padding: 17px 24px; } /* Product Card */ .vessi-product-card { border-radius: 20px; border: 3px solid var(--secondaryBg); background: var(--colorWhite); position: relative; gap: 0; overflow: hidden; } .vessi-product-card:hover { box-shadow: 0px 3.138px 5.492px 0px var(--secondaryBg); } .vessi-product-card:hover .vpc-img-holder img { transform: scale(1.1); } .vessi-product-card a { text-decoration: none; color: var(--colorBlack); } .vessi-product-card img { /* make images non draggable */ user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .vessi-product-card .sticker-badge-wrapper { display: flex; gap: 5px; position: absolute; top: 4.5%; left: 6.2%; width: calc(100% - 6.2%); flex-wrap: wrap; font-variation-settings: var(--font-500); } .vessi-product-card .best-seller-badge { padding: 6px 16px; display: flex; align-items: center; justify-content: center; border-radius: 36.016px; background: var(--accentNest); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.448px; } .vessi-product-card .best-seller-badge[data-badge-category="new"], .vessi-product-card .best-seller-badge[data-badge-category="best_deal"] { background: var(--accentGreen); color: var(--colorBlack); } .vessi-product-card .best-seller-badge[data-badge-category="best_seller"] { background: var(--tertiaryBg); color: var(--colorWhite); } .vessi-product-card .best-seller-badge[data-badge-category="limited"] { background: var(--colorBlack); color: var(--colorWhite); } .vessi-product-card .best-seller-badge[data-badge-category="selling_fast_🔥"] { background: transparent; color: var(--colorBlack); outline: 1px solid black; padding: 4px 14.361px; } .vessi-product-card .vpc-img-holder { background-color: var(--secondaryBg); width: 100%; aspect-ratio: 1/1; } .vessi-product-card .vpc-img-holder img { width: 100%; max-width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; object-position: center; display: block; transition: all 0.3s ease; } .vessi-product-card .vpc-info-holder { padding: 32px 6.2%; width: 100%; } .vessi-product-card .vpc-color-swatches { margin-bottom: 25px; width: 100%; position: relative; } .vessi-product-card .vpc-info-holder:hover .scroll-button { opacity: 1; } .vessi-product-card .scroll-button { opacity: 0; background: var(--colorWhite); border-radius: 50%; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border: none; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; transition: all 0.3s ease; } .vessi-product-card .scroll-button:hover { box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4); } .vessi-product-card .scroll-button.left { left: 0; } .vessi-product-card .scroll-button.right { right: 0; } .vessi-product-card .vpc-color-swatches .vpc-color-swatches-holder { display: flex; gap: 10px; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; width: 100%; position: relative; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; overflow-x: auto; -webkit-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scrollbar-width: none; } @supports selector(::-webkit-scrollbar) { .vessi-product-card .vpc-color-swatches-holder::-webkit-scrollbar { display: none; height: 0; } } .vessi-product-card .vpc-color-swatches .vpc-color-swatches-holder .vpc-color-swatch-img-holder { width: 14.5%; min-width: 61px; aspect-ratio: 1/1; background: var(--secondaryBg); border-radius: 8px; cursor: pointer; } .vessi-product-card .vpc-color-swatches .vpc-color-swatches-holder .vpc-color-swatch-img-holder:last-child { margin-right: 1px; } .vessi-product-card .vpc-color-swatches .vpc-color-swatches-holder .vpc-color-swatch-img-holder.active { border: 2px solid var(--tertiaryBg); } .vessi-product-card .vpc-color-swatches .vpc-color-swatches-holder .vpc-color-swatch-img-holder img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 8px; } .vpc-details * { line-height: 100%; letter-spacing: -0.3px; } .vessi-product-card .vpc-price { display: flex; gap: 10px; } .vessi-product-card .vpc-price .compare-at_sale { text-decoration: line-through; opacity: 0.5; } .vessi-product-card .vpc-price .money_sale { color: darkred; } @media screen and (max-width: 480px) { .plp-vue-wrapper .breadcrumbs { display: flex; } .vessi-product-card .sticker-badge-wrapper { top: 10px; } .vessi-product-card .best-seller-badge { padding: 5px 8px; font-size: 70%; } .vessi-product-card .vpc-info-holder { padding: 14% 10%; } .vessi-product-card .vpc-color-swatches { margin-bottom: 16px; } .vessi-product-card .vpc-color-swatches .vpc-color-swatches-holder { gap: 5px; } .vessi-product-card .vpc-color-swatches .vpc-color-swatches-holder .vpc-color-swatch-img-holder { min-width: 40px; } .vessi-product-card .vpc-price { gap: 8px; } .vessi-product-card .scroll-button { display: none; } } /* FILTER */ .filter-sticky-wrap.mobile-modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100dvh; z-index: 9999999999; overflow: hidden; display: flex; justify-content: center; } .filter-sticky-wrap.mobile-modal .mobile-modal-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100dvh; background: var(--colorBlack); opacity: 0.5; z-index: -1; } .filter-sticky-wrap.mobile-modal > section { background: var(--secondaryBg); max-height: 80svh; bottom: 10svh; width: 88.75%; position: fixed; border-radius: 20px; overflow: auto; z-index: 999999999; gap: 24px; padding: 24px 6% 0 6%; } .mobile-filter-close { background: var(--secondaryBg); position: fixed; top: 3svh; z-index: 999; right: 5%; border-radius: 50%; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; font-size: 20px; } .filter-sticky-wrap.mobile-modal > section .collection_title.filter-trigger { position: sticky; top: 0px; background: var(--colorWhite); z-index: 9999 } .filter-sticky-wrap.mobile-modal > section .clear-filter { position: sticky; bottom: 0px; border: 0; z-index: 9999; padding: 12px 0; } .filter-sticky-wrap > section { display: flex; padding: 30px 10%; background: var(--secondaryBg); border-radius: 30px; flex-direction: column; align-items: center; gap: 40px; } .filter-trigger-wrap { background: var(--primaryBg); display: flex; justify-content: space-between; align-items: center; position: sticky; top: var(--header-height, 0px); z-index: 9; margin-bottom: 10px; padding: 10px 0; gap: 15px; } .filter-sticky-wrap .collection_title { font-style: normal; font-weight: 500; line-height: 133.333%; height: 56px; } .filter-sticky-wrap .collection_title.filter-trigger { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EDEDED; margin-bottom: 0; } .filter-sticky-wrap .collection_title.filter-trigger .filter-clear.btn { height: 40px; justify-content: center; align-items: center; gap: 8px; width: auto; margin: 0; text-transform: capitalize; } .filter-wrap:not(.clear-filter) { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } .filter-wrap.selected-filters { gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--Default-20, #E8E8E8); } .filter-wrap:last-child:not(.clear-filter) { padding-bottom: 24px; } .filter-wrap .filter-btn { text-decoration: none; display: flex; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; } .filter-wrap .filter-btn .filter-clear { width: auto; height: auto; margin: 0; cursor: pointer; } .filter-wrap .filter-options { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; margin: 0; padding: 0; } .filter-wrap .filter-options li { display: flex; align-items: center; gap: 12px; align-self: stretch; margin-bottom: 0; cursor: pointer; } .filter-wrap .filter-options li.expandable-view-more { width: 100%; align-items: center; justify-content: flex-start; } .filter-wrap .filter-options li input, .filter-wrap .filter-options li input[type='radio'] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 24px; height: 24px; border: 2px solid var(--colorSplash, rgb(0, 88, 100)); accent-color: var(--colorSplash, rgb(0, 88, 100)); position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; aspect-ratio: 1/1; } .filter-wrap .filter-options li input:hover, .filter-wrap .filter-options li input[type='radio']:hover { appearance: none; -webkit-appearance: none; -moz-appearance: none; accent-color: var(--colorSplashLight, rgb(0, 88, 100)); border-color: var(--colorSplashLight, rgb(0, 88, 100)); } .filter-wrap .filter-options li input[type='radio'] { border-radius: 50%; } .filter-wrap .filter-options li input[type='checkbox'] { border-radius: 6px; appearance: none; -webkit-appearance: none; } .filter-wrap .filter-options li input[type='checkbox']:checked, .filter-wrap .filter-options li input[type='radio']:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='6' /%3E%3Cpath d='M6 12.5L9.75 16.25L18 8' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E"); background-color: var(--tertiaryBg); background-size: contain; background-position: center; background-repeat: no-repeat; border: 0; } .filter-wrap .filter-options li input[type='radio']:checked:after, { content: ''; background-color: var(--tertiaryBg); border-radius: 50%; width: 70%; height: 70%; display: block; position: absolute; } .filter-wrap .filter-options li label { margin-bottom: 0; border-radius: 12px; } .filter-wrap .filter-options li label span { width: 100%; text-transform: capitalize; white-space: nowrap; overflow: hidden; text-overflow: clip; } .filter-options.filter-options-colors, .filter-options.filter-options-sizes { display: flex; align-items: flex-start; align-content: flex-start; gap: 5px; align-self: stretch; flex-wrap: wrap; flex-direction: row; } .filter-options.filter-options-colors li { width: calc(33% - 8px); justify-content: center; align-items: center; } .filter-options.filter-options-sizes li { width: fit-content; min-width: calc(20% - 8px); justify-content: center; align-items: center; } .filter-wrap .filter-options.filter-options-colors input, .filter-wrap .filter-options.filter-options-sizes input { display: none; } .filter-options.filter-options-colors label { display: flex; width: 90px; padding: 8px 0px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; } .filter-options.filter-options-colors .filter-color { display: block; width: 40px; height: 40px; border-radius: 50%; position: relative; border: 1px solid var(--colorWhite); } .filter-options.filter-options-colors input:checked + label .filter-color:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M1 7L6 12L17 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); width: 18px; height: 18px; display: block; position: absolute; top: calc(50% - 9px); left: calc(50% - 9px); background-repeat: no-repeat; background-position: center; background-size: contain; } .filter-options.filter-options-colors .filter-color.light { border: 1px solid #EDEDED; } .filter-options.filter-options-colors input:checked + label .filter-color.light:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M1 7L6 12L17 1' stroke='%232C2C2C' stroke-width='2'/%3E%3C/svg%3E"); } .filter-options.filter-options-sizes label { display: flex; width: 100%; height: auto; padding: 15px 10px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background: var(--primaryBg); text-align: center; } .filter-options.filter-options-sizes input:checked + label { border: 2px solid var(--colorSplash, rgb(0, 88, 100)); background: var(--colorWhite); } .clear-filter { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-top: 1px solid #EDEDED; } .clear-filter .filter-clear.btn { margin: 0; } .selected-filters.filter-wrap .selected-filters-wrap { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 4px; row-gap: 6px; max-width: 100%; } .selected-filter-item-remove input { display: none; } .selected-filter-item-remove label { margin: 0; cursor: pointer; } .selected-filter-item-remove label:hover { opacity: 0.5; } .selected-filter-item.btn { width: auto; height: auto; max-width: initial; margin: 0; padding: 6px 10px; gap: 8px; border: 1px solid #D0D0D0; overflow: hidden; text-overflow: ellipsis; max-width: 100%; background: var(--primaryBg); } .selected-filter-item.btn * { text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .selected-filter-item.btn .v-icon { width: 13px; height: 13px; vertical-align: middle; } .selected-filters .filter-clear { cursor: pointer; } .btn.outlined:hover .v-icon:not(.white) { background-color: var(--colorWhite); border-radius: 50%; } @media screen and (max-width: 480px) { .filter-trigger-wrap { background: var(--primaryBg); padding: 0.75rem; border-bottom: 1px solid var(--accentNest); top: var(--header-height, 0px); padding-left: 0; } } @media screen and (min-width: 481px) { .filter_and_collections { margin-bottom: 60px; } .filter-sticky-wrap.mobile-modal > section { width: 100%; max-width: 694px; } .filter-sticky-wrap .collection_title.filter-trigger, .filter-sticky-wrap .collection_title { padding: 32px; gap: 16px; } .filter-wrap { gap: 32px; padding: 0 32px; } .filter-wrap:not(.clear-filter) { padding-right: 8px; } .filter-options.filter-options-colors li { width: calc(25% - 8px); } .filter-options.filter-options-colors .filter-color { width: 56px; height: 56px; } .filter-options.filter-options-colors input:checked + label .filter-color:after { width: 24px; height: 24px; top: calc(50% - 12px); left: calc(50% - 12px); } .filter-options.filter-options-colors label { gap: 16px; } .filter-options.filter-options-sizes li { min-width: calc(20% - 8px); } .filter-sticky-wrap.mobile-modal > section .clear-filter { gap: 16px; padding: 32px; } .filter-options.filter-options-colors li, .filter-options.filter-options-sizes li { padding: 0; } } @media screen and (min-width: 769px) { .mobile-filter-close { display: none; } .selected-filters.filter-wrap .selected-filters-wrap { column-gap: 4px; row-gap: 10px; } .selected-filter-item.btn { padding: 10px 16px; } .filter_and_collections { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 24px; margin: 0 auto; margin-bottom: 60px position: relative; } .filter-trigger-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 16px; margin: 0 auto; margin-bottom: 37px; padding: 10px 0; top: initial; position: sticky; top: var(--header-height, 0px); transition: all 0.3s ease; } .filter-options-gender-main li { width: fit-content; min-width: 100px; } .filter_and_collections > .flex-wrapper { flex: 1; width: auto; transition: all 0.5s ease; /* Transition for flex property */ } .filter_and_collections > .flex-wrapper.expanded { } .filter_and_collections > .flex-wrapper.expanded .collection_products_wrapper { } .filter-sticky-wrap { min-width: 25.7%; width: 25.7%; height: calc(100dvh - 120px); position: sticky; overflow-y: auto; top: 120px; } .filter-button-wrap { max-width: 25.7%; width: 25.7%; position: sticky; height: fit-content; max-height: calc(100vh - 120px); overflow-x: hidden; overflow-y: auto; top: 120px; padding: 0; transition: all 0.5s ease; } .filter-button-wrap .btn_secondary_outlined { background: var(--primaryBg); } .filter-button-wrap.filter-closed { padding: 0; } /* .filter-sticky-wrap::-webkit-scrollbar { width: 3px; } .filter-sticky-wrap::-webkit-scrollbar-track { background: var(--colorWhite); } .filter-sticky-wrap::-webkit-scrollbar-thumb { background: #EDEDED; border-radius: 10px; } .filter-sticky-wrap::-webkit-scrollbar-thumb:hover { background: #EDEDED; } */ .filter-sticky-wrap .collection_title.filter-trigger, .filter-sticky-wrap .collection_title { padding: 24px 0px; background: var(--colorWhite); } .filter-wrap { gap: 24px; padding: 0; } .filter-wrap .filter-options li { gap: 16px; } .filter-options.filter-options-colors .filter-color { width: 40px; height: 40px; } .filter-options.filter-options-sizes label { height: auto; } .filter-options.filter-options-colors li { width: calc(33% - 8px); } .filter-options.filter-options-sizes li { min-width: calc(25% - 8px); } } @media screen and (min-width: 769px) and (max-width: 1399px) { .filter-trigger-wrap, .filter_and_collections { } } @media screen and (min-width: 1025px) { .filter-wrap .filter-options li label { } } @media screen and (min-width: 1440px) { .filter-sticky-wrap, .filter-button-wrap { max-width: 370px; } } /* Back to Top */ #plp_back_to_top { position: sticky; bottom: 5%; z-index: 1; width: 100%; display: flex; justify-content: center; align-items: center; } #plp_back_to_top .btn { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); } #plp_back_to_top .btn .v-icon { transform: rotate(-90deg); } /* SCROLL FOR MORE - NO PRODUCTS */ .scroll-for-more { color: var(--colorBlack); text-align: center; padding: 10px; } .no-products { text-align: center; padding: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; min-height: 20vh; } .no-products .filter-clear { cursor: pointer; } /* LOADING */ .loading_collections { position: relative; top: 25px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='-100 -100 300 300' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%230069f0' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='0.8s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; width: 100%; min-height: 150px; text-align: center; background-position: center; } .loading_image { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='-100 -100 300 300' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%230069f0' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='0.8s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } /* Starting state (hidden) */ .slide-up-enter-from, .slide-up-leave-to { transform: translateY(100%); } /* Active transition state */ .slide-up-enter-active, .slide-up-leave-active { transition: transform 0.5s ease-in-out; /* Adjust the duration and easing as desired */ } /* End state (visible) */ .slide-up-enter-to, .slide-up-leave-from { transform: translateY(0); } @media screen and (min-width: 769px) { /* Starting state (hidden) */ .slide-up-enter-from, .slide-up-leave-to { transform: none; left: -100vw; position: relative; top: 0; max-height: initial; z-index: 999; } /* Active transition state */ .slide-up-enter-active, .slide-up-leave-active { transition: all 0.5s ease-in-out; /* Adjust the duration and easing as desired */ } /* End state (visible) */ .slide-up-enter-to, .slide-up-leave-from { transform: none; left: 0; position: relative; top: 0; max-height: initial; z-index: 999; } } /* Collection Featured Filters */ .collection-featured-filters-container { position: relative; width: 100%; height: 170px; } .collection-featured-filters-container .section_blocks_content_wrapper { display: flex; flex-direction: row; gap: 8px; } .collection-featured-filters-container .section_blocks_scrollable { width: inherit; overflow-x: auto; position: absolute; } .section_blocks_scrollable::-webkit-scrollbar { display: none; } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label { position: relative; width: 170px; max-width: 170px; height: 170px; background: var(--Secondary-Gray, #F7F7F7); border: 2px solid var(--Secondary-Gray, #F7F7F7); border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 auto; padding: 8px 10px; transition: all 0.3s ease; } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label span { line-height: 1.2; text-align: center; } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label:hover { opacity: 0.8; } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label img { display: block; width: 90%; height: auto; user-select: none; -webkit-user-drag: none; -webkit-user-select: none; } .collection-featured-filters-container .section_blocks_content_wrapper input { display: none; } .collection-featured-filters-container .section_blocks_content_wrapper input:checked + label { border: 2px solid var(--colorSplash, rgb(0, 88, 100)); } .collection-featured-filters-container .section_blocks_slider_prev.disabled, .collection-featured-filters-container .section_blocks_slider_next.disabled { visibility: hidden; opacity: 0; z-index: -1; } .collection-featured-filters-container .section_blocks_slider_prev, .collection-featured-filters-container .section_blocks_slider_next { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: var(--colorWhite); border: 1px solid var(--colorSplash, rgb(0, 88, 100)); border-radius: 50%; display: flex; opacity: 1; justify-content: center; align-items: center; cursor: pointer; z-index: 1; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 6px rgba(240,240,240,1); -moz-box-shadow: 0px 0px 15px 6px rgba(240,240,240,1); box-shadow: 0px 0px 15px 6px rgba(240,240,240,1); } .collection-featured-filters-container .section_blocks_slider_prev { left: 0; } .collection-featured-filters-container .section_blocks_slider_next { right: 0; } @media screen and (max-width: 480px) { .collection-featured-filters-container .section_blocks_content_wrapper { } } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label img { display: none !important; } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label, .collection-featured-filters-container { height: 45px !important; } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label { background-color: #fff !important; border: 2px solid #2c2c2c !important; border-radius: 99px !important; margin: 0; display: flex; justify-content: center; align-items: center; } .collection-featured-filters-container .section_blocks_content_wrapper input:checked + label { background-color: #2c2c2c !important; color: #fff !important; } @media screen and (max-width: 480px) { .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item label { width: max-content !important; min-width: 80px !important; } .collection-featured-filters-container .section_blocks_content_wrapper .section_blocks_product_item:last-child { } .section_blocks_slider_next { margin-right: 4px; } .section_blocks_slider_prev { margin-left: 4px; } } /* Collection Additional Notes Pills */ .collection-pill-wrapper { display: flex; flex-wrap: wrap; gap: 4px; flex: 1; } .collection-pill { height: min-content; padding: 0; color: darkred; font-weight: 300; width: 100%; } </style> <section class="plp-vue-wrapper"> <style> .breadcrumbs { padding-top: 17px; margin: 0 auto; display: flex; } .breadcrumbs__list { list-style-type: none; margin: 0; padding: 0 2.2%; padding-left: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 33px; } .breadcrumbs__item { display: flex; justify-content: center; align-items: center; margin: 0; position: relative; } .breadcrumbs__item:not(:last-child):after { content: ''; width: 33px; height: 16px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M11.8477 10.8477C5.85734 10.8477 1 5.99032 1 0' stroke='%2328201A' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M1 21.6953C1 15.705 5.85734 10.8477 11.8477 10.8477' stroke='%2328201A' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: calc(50% - 8px); right: -33px; } .breadcrumbs__link { text-decoration: none; color: #757575; text-align: center; font-family: Conv_NoirPro,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-transform: capitalize; } .breadcrumbs__link[aria-current='page'] { color: inherit; font-weight: normal; text-decoration: none; } .breadcrumbs__link[aria-current='page']:hover, .breadcrumbs__link[aria-current='page']:focus { text-decoration: underline; } </style> <nav class="breadcrumbs" role="navigation" aria-label="breadcrumbs"> <ol class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="/">Home</a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="/collections/womens-jackets" aria-current="page">Women's Waterproof Jackets</a> </li></ol> </nav> <div id="plp_vue_app_template--17177505890498__collection-2" style="display: none;"> <h1 v-if="!hideMainTitle" class="collection_section_main_title heading_1">Women's Waterproof Jackets</h1> <h2 class="collection_section_main_title subheading"></h2> <div class="collection_main_wrapper"> <div class="filter-trigger-wrap flex m-column align_start justify_between" > <div class="filter-button-wrap" :class="{ 'filter-closed': !filterBarOpen }"> <button class="filter-open btn btn_lg btn_icon" :class="{ 'btn_secondary': isFiltered, 'btn_secondary_outlined': !isFiltered }" @click.prevent="filterBarOpen ? closeFiltersMobile() : openFiltersMobile()" > Filters <svg v-show="!filterBarOpen" class="v-icon"> <use xlink:href="#v-icon-plus"></use> </svg> <svg v-show="filterBarOpen" class="v-icon"> <use xlink:href="#v-icon-minus"></use> </svg> </button> </div> <template v-if="!isMobile && collectionFilterGenders.filter_list_names.length > 1 && settings.show_category"> <div class="toggle" ref="pre-filter"> <span class="gender_tab" v-for="(gender, index) in collectionFilterGenders.filter_list_names"> <input type="radio" :id="`filter-p-${gender.trim().toLowerCase()}`" :value="collectionFilterGenders.filter_list_tags[index]" v-model="collectionFilters[collectionFilterGenders.index].filter_checked" @change="loadUnloadedCollections"> <label class="flex justify_center align_center" :for="`filter-p-${gender.trim().toLowerCase()}`"> {( gender )} </label> </span> </div> </template> </div> <div class="filter_and_collections"> <Transition> <aside class="filter-sticky-wrap" :class="{'filtered': isFiltered, 'mobile-modal': isTablet}" v-show="filterBarOpen"> <div v-show="filterBarOpen && isTablet" class="mobile-modal-overlay" @click="() => { closeFiltersMobile(); scrollToElement('filters') }"></div> <span class="mobile-filter-close" @click="closeFiltersMobile">X</span> <Transition name="slide-up"> <section v-show="filterBarOpen"> <div class="selected-filters filter-wrap" v-show="isFiltered" > <span class="filter-btn text bold" @click="e => toggleFilter(e)"> Selected Filters </span> <div class="selected-filters-wrap"> <span class="selected-filter-item btn" v-if="sortedBy"> <span class="selected-filter-item-name">{( removeColon(sortingOptions[sortedBy].name) )}</span> <span class="selected-filter-item-remove"> <input type="checkbox" :id="`removefilter-${sortingOptions[sortedBy].name }`" @click.prevent="sortedBy = null"> <label :for="`removefilter-${sortingOptions[sortedBy].name }`"> <svg class="v-icon v-icon-stroke"><use xlink:href="#v-icon-stroke-close"></use></svg> </label> </span> </span> <span class="selected-filter-item btn" v-for="tag in allCheckedFilters.forTags"> <span class="selected-filter-item-name">{( removeBeforeColon(tag) )}</span> <span class="selected-filter-item-remove"> <input type="checkbox" :id="`removefilter-${tag}`" :value="tag" @change="removeTagFromAllTags(tag)"> <label :for="`removefilter-${tag}`"> <svg class="v-icon v-icon-stroke"><use xlink:href="#v-icon-stroke-close"></use></svg> </label> </span> </span> </div> <span v-show="isFiltered" class="filter-clear btn btn_secondary" @click.prevent="clearAllFilters()"> Clear All </span> </div> <Collectionaccordion title="Sort By" filterType="sort"> <ul class="filter-options"> <li> <input type="radio" :id="`filter-${sortingOptions.PRICE_LOW_TO_HIGH.value}`" :value="sortingOptions.PRICE_LOW_TO_HIGH.value" v-model="sortedBy" @change="sortByPrice" autocomplete="off"> <label :for="`filter-${sortingOptions.PRICE_LOW_TO_HIGH.value}`">{( sortingOptions.PRICE_LOW_TO_HIGH.name )}</label> </li> <li> <input type="radio" :id="`filter-${sortingOptions.PRICE_HIGH_TO_LOW.value}`" :value="sortingOptions.PRICE_HIGH_TO_LOW.value" v-model="sortedBy" @change="sortByPrice" autocomplete="off"> <label :for="`filter-${sortingOptions.PRICE_HIGH_TO_LOW.value}`">{( sortingOptions.PRICE_HIGH_TO_LOW.name )}</label> </li> </ul> </Collectionaccordion> <Collectionaccordion v-for="(collectionFilter, index) in collectionFilterExistingTags" v-show="collectionFilter.filter_list_names.length > 1" :key="collectionFilter.filter_title" :title="collectionFilter.filter_title" :filterType=" collectionFilter.filter_title.toLowerCase().includes('color') ? 'color' : collectionFilter.filter_title.toLowerCase().includes('size') ? 'size' : 'style' " > <Collectionexplist :additional-classes=" collectionFilter.filter_title.toLowerCase().includes('color') || collectionFilter.filter_title.toLowerCase().includes('colour') ? 'filter-options-colors' : collectionFilter.filter_title.toLowerCase().includes('size') ? 'filter-options-sizes' : 'filter-options-styles' " :items="collectionFilter.filter_list_names.map((name, index) => ({ name, value: collectionFilter.filter_list_tags[index] }))" :filter_type="collectionFilter.filter_type" @change="loadUnloadedCollections" v-model="collectionFilters[index].filter_checked" ></Collectionexplist> </Collectionaccordion> <div class="filter-wrap clear-filter" v-if="isFiltered && isTablet"> <span class="filter-clear btn btn_secondary outlined" @click="clearAllFilters()">Clear ({( allCheckedFiltersSize )})</span> <span v-if="isTablet" class="filter-clear show-products-filtered btn btn_secondary" @click="() => { closeFiltersMobile(); scrollToElement('filters') }">Apply</span> </div> </section> </Transition> </aside> </Transition> <div class="flex-wrapper" :class="{ expanded: !filterBarOpen }"> <div class="collection-featured-filters-container" v-if="true === false"> <div class="section_blocks_scrollable"> <div class="section_blocks_content_wrapper"> <template v-for="(productStyle, index) in collectionFilterFeaturedFilter.filter_list_names" v-key="productStyle.trim()"> <div class="section_blocks_product_item"> <input @change="loadUnloadedCollections" :id="'style-filter-input'+productStyle.replace(' ', '-').trim().toLowerCase()" v-model="collectionFilters[collectionFilterFeaturedFilter.index].filter_checked" :type="collectionFilterFeaturedFilter.filter_type === 'single' ? 'radio' : 'checkbox'" :value="collectionFilterFeaturedFilter.filter_list_tags[index]"> <label :for="'style-filter-input'+productStyle.replace(' ', '-').trim().toLowerCase()"> <span> {( productStyle )} </span> </label> </div> </template> </div> </div> <button class="section_blocks_slider_prev"> <span class="v-icon v-icon--arrow-left"></span> </button> <button class="section_blocks_slider_next"> <span class="v-icon v-icon--arrow-right"></span> </button> </div> <div class="collections-wrapper"> <div class="collection_products_wrapper"> <template v-for="(collection, collection_index) in filteredCollectionsData" :index="collection_index"> <template v-if="featuredImages.some(f => f.position === collection_index)"> <a :href="featuredImageByPosition(collection_index).button_link" @click="sendPlpFeaturedImageGtmEvent(featuredImageByPosition(index).button_link)" class="vessi-product-card plp-featured-img" :class="'color_'+featuredImageByPosition(collection_index).main_color"> <img :alt="featuredImageByPosition(collection_index).title" :src="featuredImageByPosition(collection_index).featured_image" width="200" height="300"/> <div class="plp-featured-img-content" :style="{'background': featuredImageByPosition(collection_index).background_content_color}"> <div class="heading_2">{( featuredImageByPosition(collection_index).title )}</div> <p>{( featuredImageByPosition(collection_index).description )}</p> <button v-if="featuredImageByPosition(collection_index).button_text !== ''" class="btn btn_secondary" :class="{ 'btn_primary': featuredImageByPosition(collection_index).main_color === 'white', 'btn_secondary': featuredImageByPosition(collection_index).main_color === 'black' }" > {( featuredImageByPosition(collection_index).button_text )} </button> </div> </a> </template> <Collectionproductwithswatches v-if="collection.products.length > 0" :collection="collection" :filter_bar_open="filterBarOpen" :has_vip_sale="hasVipSale" :collection_index="collection_index" :show_discount_percentage="showDiscountPercentage" /> </template> </div> </div> <span v-show="showBackToTop" id="plp_back_to_top"> <button class="btn btn_secondary btn_icon" @click="scrollToTop"> Back to Top <svg class="v-icon"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </span> <div v-if="isLoadingCollection" class="loading_collections"> <p>Loading...</p> </div> <div class="scroll-for-more" v-if="unloadedCollections.length > 0 && !isLoadingCollection"> Scroll for more </div> <template v-if="noProductsAvailable && !isLoadingCollection"> <div class="no-products text_center"> <h3>No products found</h3> <p class="flex column align_center justify_center">Please try another filter <br> <a class="filter-clear btn btn_secondary" @click="clearAllFilters()">Clear ({( allCheckedFiltersSize )})</a></p> </div> </template> </div> </div> </div> </div> </section> <script> const sortingOptions = { PRICE_HIGH_TO_LOW: { value: "PRICE_HIGH_TO_LOW", name: "Price: high to low", icon: '<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"> <path d="M3.5 2.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 11.293V2.5zm3.5 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/></svg>', }, PRICE_LOW_TO_HIGH: { value: "PRICE_LOW_TO_HIGH", name: "Price: low to high", icon: '<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"> <path d="M3.5 3.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 12.293V3.5zm4 .5a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1h-1zm0 3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1h-3zm0 3a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1h-5zM7 12.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5z"/></svg>', }, }; const Junipstarsummary = { name: "JunipStarSummary", delimiters: ['{(', ')}'], props: { 'product': { type: Object, required: true } }, template: ` <template v-if="product.rating_count > 0"> <span :data-product-id="product.id" :data-product-rating-count="product.rating_count" :data-product-rating-average="product.rating_average"> </span> </template> <template v-else> <span class="no_reviews_badge">Just In</span> </template> ` }; </script> <script> const Collectionproductwithswatches = { name: 'CollectionProductItemWithSwatches', delimiters: ['{(', ')}'], emits: ['close-active-quick-add'], components: { Junipstarsummary }, props: { collection: { type: Object, required: true, }, collection_index: { type: Number, required: false, default: 0, }, filter_bar_open: { type: Boolean, required: true, }, has_vip_sale: { type: Boolean, required: false, default: false, }, show_discount_percentage: { type: Boolean, required: false, default: false, }, }, data() { return { cartCurrency: "CAD", showSaleTag:false, showSalePriceByTag:true, selectedVariant: this.collection.products[0]?.variants[0], isActive: false, imgURL: themeUtils.general.imgURL, formatPrice: themeUtils.general.formatPrice, selectedProduct: this.collection.products.filter(product => product.available)[0] || this.collection.products[0], selectedColor: '', isOverflowing: false, // Whether there's any overflow canScrollLeft: false, // Whether the user can scroll left canScrollRight: false, // Whether the user can scroll right isVipSettingEnabled: false, shopify: window.Shopify || {}, showSaleTag:false, themeFinalSaleTag:'', sizeTypes }; }, mounted() { this.activateFitGuides(); this.selectedColor = this.selectedProduct?.color_name; this.checkOverflow(); window.addEventListener('resize', this.checkOverflow); }, beforeDestroy() { window.removeEventListener('resize', this.checkOverflow); }, watch: { scripts_loaded(newVal, oldVal) { if(newVal) { this.activateFitGuides(); } }, filter_bar_open(newVal, oldVal) { if(newVal !== oldVal) { this.$nextTick(() => { this.checkOverflow(); }); } }, collection(newVal, oldVal) { if (newVal !== oldVal) { this.selectedProduct = newVal.products.filter(product => product.available)[0] || newVal.products[0]; this.selectedVariant = this.selectedProduct?.variants[0]; this.selectedColor = this.selectedProduct?.color_name; this.$nextTick(() => { this.checkOverflow(); }); } } }, computed: { isCadOrUsd() { return ["CAD", "USD"].includes(this.cartCurrency); }, isDiscontinued() { return this.selectedProduct?.tags.includes('LAST CHANCE') }, isSoldOut() { if (this.selectedProduct === null) return false; return this.selectedProduct?.available === 'false' || !this.selectedProduct?.available }, isLowStock() { return this.sumOfInventory(this.selectedProduct.variants) <= 200; }, featuredImage() { return !this.isAccessory && this.selectedProduct.card_image ? this.selectedProduct.card_image : this.selectedVariant.featured_image; }, productSrcSet() { return ` ${this.imgURL(this.featuredImage, '100x')} 100w, ${this.imgURL(this.featuredImage, '200x')} 200w, ${this.imgURL(this.featuredImage, '300x')} 300w, ${this.imgURL(this.featuredImage, '400x')} 400w, ${this.imgURL(this.featuredImage, '500x')} 500w, ${this.imgURL(this.featuredImage, '600x')} 600w, ${this.imgURL(this.featuredImage, '700x')} 700w, ${this.imgURL(this.featuredImage, '800x')} 800w, ${this.imgURL(this.featuredImage, '900x')} 900w, ${this.imgURL(this.featuredImage, '1000x')} 1000w, ${this.imgURL(this.featuredImage, '1100x')} 1100w, ${this.imgURL(this.featuredImage, '1200x')} 1200w, ` }, stickerBadgeCategory() { let badges = []; let badgeSet = new Set(); // To keep track of unique badges let discountCode = this.themeSale ? parseInt(this.themeSale.split('-')[1]) : null; let saleBadgeText = ""; const addBadge = (badge) => { if (badge.length < 1) return; if (badges.length < 2 && !badgeSet.has(badge)) { badges.push(badge); badgeSet.add(badge); } }; if (this.selectedProduct?.show_badge !== 'NO-BADGE') { if (this.selectedProduct?.show_badge.includes('') && discountCode) { addBadge(this.show_discount_percentage ? `${discountCode}% OFF` : saleBadgeText); } else if (this.selectedProduct?.show_badge) { addBadge(this.selectedProduct?.show_badge); } } if (this.selectedProduct?.tags.some(tag => tag.includes('GWP-GLOVES')) && this.selectedProduct?.type === 'Shoes') { addBadge('Free Waterproof Gift'); } if (this.isSoldOut) { addBadge('Sold Out'); } if (this.isDiscontinued) { addBadge('Last Chance'); } if (this.isLowStock) { addBadge('Low Stock'); } if (this.showSaleTag && saleBadgeText) { addBadge(saleBadgeText); } if (discountCode && this.showSaleTag) { addBadge(`${discountCode}% OFF`); } if (this.selectedProduct?.tags.some(tag => tag.includes('Best Deal'))) { addBadge('Best Deal'); } if (this.selectedProduct?.tags.some(tag => tag.includes('Few Left'))) { addBadge('Few Left'); } if (this.selectedProduct?.tags.some(tag => tag.includes('BIS'))) { addBadge('Back In Stock'); } if (this.selectedProduct?.tags.some(tag => tag.includes('Best Seller'))) { addBadge('Best Seller'); } if (this.selectedProduct?.tags.some(tag => tag.includes('Badge: Preorder'))) { addBadge('Pre-Order'); } if (this.selectedProduct?.tags.some(tag => tag.includes('Just In'))) { addBadge('Just In'); } return badges.slice(0, 1); // Ensure the array has a maximum of 1 badge }, originalPrice() { if (this.selectedProduct?.compare_at_price && parseFloat(this.selectedProduct?.compare_at_price) > parseFloat(this.selectedProduct?.price)) { return { float: parseFloat(this.selectedProduct?.compare_at_price) }; } else { return { float: parseFloat(this.selectedProduct?.price) }; } }, isAccessory() { return [this.sizeTypes.FMASK, this.sizeTypes.HAT, this.sizeTypes.BHAT, this.sizeTypes.BEANIE, this.sizeTypes.GLOVE, this.sizeTypes.CREWSOCK, this.sizeTypes.LSCREWSOCK, this.sizeTypes.ANKSOCK, this.sizeTypes.MIDSOCK, this.sizeTypes.NOSHOWSOCK].includes(this.sizeType.shoeType) }, productTitle() { return themeUtils.productFunctions.extractProductTitle(this.selectedProduct?.title || ''); }, salePrice() { if (this.selectedVariant.variantNotOnSale) { return null; } if (this.has_vip_sale && this.showVipSalePrice && this.themeSale && this.selectedProduct?.vip_discounted_price && parseFloat(this.selectedProduct?.vip_discounted_price) < parseFloat(this.selectedProduct?.price)) { if(this.isAccessory && this.selectedVariant && this.selectedVariant.variantNotOnSale) return null; let floatVal = parseFloat(this.selectedProduct?.vip_discounted_price) if (!this.isCadOrUsd) { const rate = this.shopify.currency.rate; const priceDiff = this.originalPrice.float - floatVal; const priceDiffRate = priceDiff * rate; floatVal = this.originalPrice.float - priceDiffRate; } return { float: floatVal, }; } else if (this.showSalePriceByTag && this.selectedProduct?.discounted_price && parseFloat(this.selectedProduct?.discounted_price) < parseFloat(this.selectedProduct?.price)) { if(this.isAccessory && this.selectedVariant && this.selectedVariant.variantNotOnSale) return null; let floatVal = parseFloat(this.selectedProduct?.discounted_price) if (!this.isCadOrUsd) { const rate = this.shopify.currency.rate; const priceDiff = this.originalPrice.float - floatVal; const priceDiffRate = priceDiff * rate; floatVal = this.originalPrice.float - priceDiffRate; } return { float: floatVal, }; } else if (this.selectedProduct?.compare_at_price && parseFloat(this.selectedProduct?.compare_at_price) > parseFloat(this.selectedProduct?.price)) { const productSalePrice = this.selectedProduct?.price; return { float: productSalePrice, }; } return null }, themeSale() { if(this.showSaleTag || this.showSalePriceByTag) { const filteredTag = this.selectedProduct?.tags.filter(tag => tag.includes('')); return filteredTag ? filteredTag[0] : null } return null }, showVipSalePrice() { if (this.has_vip_sale && this.isVipSettingEnabled) { return true; } return false; }, sizeType() { const title = this.selectedProduct?.title.toLowerCase() const shoeType = title.includes(sizeTypes.WEEKENDCHELSEA1) ? sizeTypes.WEEKENDCHELSEA1 : title.includes(sizeTypes.WEEKENDCHELSEA) ? sizeTypes.WEEKENDCHELSEA : title.includes(sizeTypes.WEEKEND1) ? sizeTypes.WEEKEND1 : title.includes(sizeTypes.WEEKEND) ? sizeTypes.WEEKEND : title.includes(sizeTypes.SLIPPERS) ? sizeTypes.SLIPPERS : title.includes(sizeTypes.EVCLASSIC) ? sizeTypes.STANDARD : title.includes(sizeTypes.EVMOVE) ? sizeTypes.STANDARD : title.includes(sizeTypes.CITYSCAPE) ? sizeTypes.STANDARD : title.includes(sizeTypes.STORMBURST) ? sizeTypes.STORMBURST : title.includes(sizeTypes.BOARDWALK) ? sizeTypes.BOARDWALK : title.includes(sizeTypes.SOHO) ? sizeTypes.SOHO : title.includes(sizeTypes.ALTAHIGHTOP) ? sizeTypes.ALTAHIGHTOP : title.includes(sizeTypes.ALTAHIGHTOP2) ? sizeTypes.ALTAHIGHTOP2 : title.includes(sizeTypes.STORMBURSTLOWTOP) ? sizeTypes.STORMBURSTLOWTOP : title.includes(sizeTypes.BHAT) ? sizeTypes.BHAT : title.includes(sizeTypes.BEANIE) ? sizeTypes.BEANIE : title.includes(sizeTypes.HAT) ? sizeTypes.HAT : title.includes(sizeTypes.MIDSOCK) ? sizeTypes.MIDSOCK : title.includes(sizeTypes.ANKSOCK) ? sizeTypes.ANKSOCK : title.includes(sizeTypes.LSCREWSOCK) ? sizeTypes.LSCREWSOCK : title.includes(sizeTypes.CREWSOCK) ? sizeTypes.CREWSOCK : title.includes(sizeTypes.NOSHOWSOCK) ? sizeTypes.NOSHOWSOCK : title.includes(sizeTypes.FMASK) ? sizeTypes.FMASK : title.includes(sizeTypes.GLOVE) ? sizeTypes.GLOVE : title.includes(sizeTypes.OVERCAST2) ? sizeTypes.OVERCAST2 : title.includes(sizeTypes.OVERCAST) ? sizeTypes.OVERCAST : title.includes(sizeTypes.WESTERLY) ? sizeTypes.WESTERLY : title.includes(sizeTypes.BASETSHIRT) ? sizeTypes.BASETSHIRT : title.includes(sizeTypes.BASELONGSLEEVE) ? sizeTypes.BASELONGSLEEVE : title.includes(sizeTypes.BELTBAG) ? sizeTypes.BELTBAG : title.includes(sizeTypes.ASTORIA) ? sizeTypes.ASTORIA : title.includes(sizeTypes.STRATUS) ? sizeTypes.STRATUS : title.includes(sizeTypes.MARKETFLAT) ? sizeTypes.MARKETFLAT : title.includes(sizeTypes.COURTSIDE) ? sizeTypes.COURTSIDE : title.includes(sizeTypes.TIDAL) ? sizeTypes.TIDAL : title.includes(sizeTypes.FORECASTGLOVES) ? sizeTypes.FORECASTGLOVES : title.includes(sizeTypes.FORECASTBEANIE) ? sizeTypes.FORECASTBEANIE : sizeTypes.STANDARD const genderType = title.includes(sizeTypes.WOMEN) ? sizeTypes.WOMEN : title.includes(sizeTypes.MEN) ? sizeTypes.MEN : title.includes(sizeTypes.KIDS) ? sizeTypes.KIDS : sizeTypes.UNISEX return { genderType, shoeType } }, swatches() { const swatchList = this.createSwatchesFromVariantsMap(this.selectedProduct?.variants); return this.reduceSwatches(swatchList); } }, methods: { activateFitGuides() { if(this.scripts_loaded) { $('[data-product-popup-toggle]').magnificPopup({ type: 'inline', mainClass: 'mfp-fade', closeOnBgClick: true, closeBtnInside: true, closeOnContentClick: false, tClose: 'x', removalDelay: 500, }); } }, checkOverflow() { const swatchesHolder = this.$refs.swatchesHolder; if (swatchesHolder) { const { scrollLeft, scrollWidth, clientWidth } = swatchesHolder; this.isOverflowing = scrollWidth > clientWidth; // There is overflow if content is wider than container this.canScrollLeft = scrollLeft > 0; // Can scroll left if `scrollLeft` is greater than 0 this.canScrollRight = scrollLeft + clientWidth < scrollWidth; // Can scroll right if there's space on the right } else { this.isOverflowing = false; this.canScrollLeft = false; this.canScrollRight = false; } }, createSwatchesFromVariantsMap(variants) { return variants .filter(variant => { return variant.available && variant.inventoryToShow > 0; }) .map(variant => { const relatedMedia = this.selectedProduct?.media?.filter(media => variant?.color?.trim().toLowerCase() === media?.alt?.trim().toLowerCase()); return { ...variant, media: relatedMedia, metafields: this.selectedProduct?.metafields, product_id: this.selectedProduct?.id, rating_average: this.selectedProduct?.rating_average, rating_count: this.selectedProduct?.rating_count, tags: this.selectedProduct?.tags, title: this.selectedProduct?.title, handle: this.selectedProduct?.handle, type: this.selectedProduct?.type, } }); }, reduceSwatches(swatchList) { const groupSwatches = [...swatchList].reduce((acc, swatch) => { if (!acc.some(s => s.color === swatch.color)) { const primarySwatch = {...swatch, available: true}; acc.push({...primarySwatch, variants: []}) } const newSwatch = {...swatch} delete newSwatch.variants acc.find(s => s.color === newSwatch.color).variants.push(newSwatch) return acc }, []); return groupSwatches; // Disable swatches that are out of stock or unavailable //this.swatches = groupSwatches.filter((swatch, index) => swatch.variants.some(v => v.available)); }, scrollLeft() { const swatchesHolder = this.$refs.swatchesHolder; if (swatchesHolder) { swatchesHolder.scrollBy({ left: -129, behavior: 'smooth' }); setTimeout(() => this.checkOverflow(), 300); // Recheck after scrolling } }, scrollRight() { const swatchesHolder = this.$refs.swatchesHolder; if (swatchesHolder) { swatchesHolder.scrollBy({ left: 129, behavior: 'smooth' }); setTimeout(() => this.checkOverflow(), 300); // Recheck after scrolling } }, scrollToCenter(element) { const swatchesHolder = this.$refs.swatchesHolder; const elementRect = element.getBoundingClientRect(); const holderRect = swatchesHolder.getBoundingClientRect(); const elementOffset = elementRect.left - holderRect.left; const holderCenter = holderRect.width / 2; const elementCenter = elementRect.width / 2; const scrollPosition = elementOffset - holderCenter + elementCenter; swatchesHolder.scrollBy({ left: scrollPosition, behavior: 'smooth' }); this.$nextTick(() => { this.checkOverflow(); }); }, sumOfInventory(variants) { return variants ? variants.reduce((acc, variant) => acc + (variant.inventoryToShow < 0 ? 0 : variant.inventoryToShow), 0) : 0; }, updateVariant(index) { this.selectedVariant = this.selectedProduct?.variants[index]; if(this.selectedVariant.available) { fetch(ROOT_URL+'/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: this.selectedVariant.id, quantity: 1 }) }) .then(response => response.json()) .then(data => { $('[data-ajax-cart]').trigger('refresh'); $('[data-ajax-cart]').trigger('show'); }) .catch(error => { console.error(error); }); } }, updateProduct(index, event) { this.selectedProduct = this.collection.products[index]; this.selectedVariant = this.selectedProduct?.variants[0]; this.selectedColor = this.selectedProduct?.color_name; this.scrollToCenter(event.target); } }, template: ` <div class="vessi-product-card"> <div class="sticker-badge-wrapper" v-if="stickerBadgeCategory"> <span v-for="stickerBadge in stickerBadgeCategory" class="best-seller-badge" :data-badge-category="stickerBadge.replace(/ /g, '_').toLowerCase()" :class="{ 'last_chance': isDiscontinued }" > <small>{( stickerBadge )}</small> </span> </div> <a :href="selectedProduct?.url" class="vpc-img-holder"> <img :alt="selectedProduct?.title" :fetchpriority="collection_index <= 8 ? 'high' : 'auto'" :src="imgURL(featuredImage, '1200x')" :srcset="productSrcSet" sizes="(max-width: 768px) 50vw, 33vw" width="450" height="450" /> </a> <div class="vpc-info-holder"> <div class="vpc-color-swatches"> <button class="scroll-button left" @click="scrollLeft" v-if="canScrollLeft"> <svg class="v-icon"> <use xlink:href="#v-icon-arrow-left"></use> </svg> </button> <div class="vpc-color-swatches-holder" ref="swatchesHolder"> <div class="vpc-color-swatch-img-holder" v-for="(product, index) in collection.products" :key="product.id" @click="updateProduct(index, $event)" :class="selectedProduct?.id === product.id ? 'active' : ''" > <img :src="!isAccessory ? product.card_image : featuredImage" width="30" height="30" :alt="product.color_name" /> </div> </div> <button class="scroll-button right" @click="scrollRight" v-if="canScrollRight"> <svg class="v-icon"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </div> <a class="vpc-details" :href="selectedProduct?.url"> <h2 class="vpc-name text bold"> {( productTitle )} </h2> <p class="vpc-color-label"> {( selectedProduct?.metafields.short_description || collection.description || selectedColor )} </p> <div class="vpc-price-size-holder"> <div class="vpc-price collection-product-detail"> <span class="flex gap_sm"> <span :class="{ 'compare-at_sale': salePrice }">{( formatPrice(salePrice && salePrice.float > originalPrice.float ? salePrice.float : originalPrice.float, cartCurrency, isCadOrUsd) )} </span> <span class="money_sale" v-if="salePrice">{( formatPrice(salePrice.float > originalPrice.float ? originalPrice.float : salePrice.float, cartCurrency, isCadOrUsd) )} </span> </span> </div> </div> </a> </div> </div>`, }; </script> <script> const sizeTypes = { STANDARD: 'standard', WEEKEND: 'weekend', WEEKENDCHELSEA: 'weekend chelsea', WEEKEND1: 'weekend 1', WEEKENDCHELSEA1: 'weekend chelsea 1', KIDS: 'Kids', BHAT: 'bucket hat', HAT: 'all weather hat', BEANIE: 'all weather beanie', MIDSOCK: 'mid crew socks', ANKSOCK: 'ankle socks', NOSHOWSOCK: 'no show socks', LSCREWSOCK: 'lifestyle crew socks', CREWSOCK: 'crew socks', SLIPPERS: 'sunday slipper', EVMOVE: 'everyday move', EVMOVESLIPON: 'everyday move slip-on', EVERYDAY: 'everyday', CITYSCAPE: 'cityscape', STORMBURST: 'stormburst', STORMBURSTLOWTOP: 'stormburst low top', ALTAHIGHTOP2: 'alta high top', ALTAHIGHTOP: 'alta high top - narrow fit', BOARDWALK: 'boardwalk', SOHO: 'soho sneaker', OVERCAST2: 'overcast jacket 2', OVERCAST: 'overcast jacket', BASETSHIRT: 'base tee', BASELONGSLEEVE: 'base long sleeve shirt', WESTERLY: 'westerly', MARKETFLAT: 'market flat', FMASK: 'face mask', FORECASTGLOVES: 'forecast gloves', FORECASTBEANIE: 'forecast beanie', GLOVE: 'waterproof glove', BELTBAG: 'shoreline belt bag', ASTORIA: 'astoria backpack', STRATUS: 'stratus tote', COURTSIDE: 'courtside classic', TIDAL: 'tidal sneaker', UPTOWNCHELSEA: 'uptown chelsea', WOMEN: 'Women', MEN: 'Men', UNISEX: 'unisex', WOMENS: 'women' } const Givingweekcollection = { name: 'CollectionGivingWeek', delimiters: ['{(', ')}'], props: ['product_price','product_url'], data() { return { amountMessaging: { 10: { amount: 10, }, 5: { amount: 5, }, 0: { amount: 0, } }, isGlobalStore: false, cartCurrency: "CAD", cartCurrencySymbol: "$", exchangeRate: 1 } }, created() { if(this.isGlobalStore && this.cartCurrency !== 'USD') { this.convertCurrency(); } else { this.updateGivingAmountPriceDiscount(this.amountMessaging); } }, methods: { updateGivingAmountPriceDiscount(amount_obj) { this.$emit('update-giving-price', amount_obj); }, convertCurrency() { var requestURL = `https://api.exchangerate.host/convert?from=USD&to=${this.cartCurrency}`; var request = new XMLHttpRequest(); request.open('GET', requestURL); request.responseType = 'json'; request.send(); request.onload = () => { var response = request.response; this.exchangeRate = response.result * 1.015; this.amountMessaging[10].amount = (10 * this.exchangeRate).toFixed(2); this.amountMessaging[5].amount = (5 * this.exchangeRate).toFixed(2); this.updateGivingAmountPriceDiscount(this.amountMessaging); } } }, template: ` <a class="btn pgw" :href="product_url"> CHOOSE WHAT YOU PAY NOW </a> ` } const Collectionproductitem = { name: "CollectionProductItem", delimiters: ['{(', ')}'], emits: ['close-active-quick-add'], components: { Givingweekcollection, Junipstarsummary }, props: { 'add_to_bundle': { type: Function, required: false, default: false }, 'has_vip_sale': { type: Boolean, required: false, default: false }, 'index': { type: Number, required: true }, 'is_mobile': { type: Boolean, required: true }, 'preferred_color': { type: String, required: false, default: null }, 'product': { type: Object, required: true }, 'scripts_loaded': { type: Boolean, required: true, default: false }, 'show_bundle_builder': { type: Boolean, required: false, default: false }, 'show_discount_percentage': { type: Boolean, required: false, default: false }, 'show_review_stars': { type: Boolean, required: false, default: false }, 'toggle_quick_add': { type: Boolean, required: true }, 'fetch_worker': { type: Object, } }, data() { return { addGiftWithPurchase: false, cartCurrency: "CAD", featuredImage: this.product.type.toLowerCase('shoes') && this.product.card_image ? this.product.card_image : this.product.featured_image, fetched_product: null, formatPrice: themeUtils.general.formatPrice, givingPriceDiscount: null, isAddingToCart: false, imgURL: themeUtils.general.imgURL, isLoadingReviews: false, isVipSettingEnabled: false, lifestyleImageObserver: null, loadingQuickAdd: false, quickAddActive: true, quickAddActiveMobile: false, rootUrl: ROOT_URL, sizeTypes, selectedVariantSize: null, shopify: window.Shopify || {}, showLifestyleImage: false, showSalePriceByTag:true, showSaleTag:false, themeFinalSaleTag:'', variants: [], isLoadingImg: true, isLoadingSecondaryImg: true, } }, created() { if(this.product.variants && this.product.variants.length > 0) { if(this.isAccessory) { const groupSwatches = [...this.product.variants].reduce((acc, swatch) => { if (!acc.some(s => s.color === swatch.color)) { const primarySwatch = {...swatch}; acc.push({...primarySwatch, variants: []}) } const newSwatch = {...swatch} delete newSwatch.variants acc.find(s => s.color === newSwatch.color).variants.push(newSwatch) return acc }, []); let prefferedColorVariant = this.preferred_color ? groupSwatches.find(s => s.color.toLowerCase().includes(this.preferred_color.toLowerCase()) && s.available) : null; let selectedVariant = prefferedColorVariant ? prefferedColorVariant : groupSwatches.length > 0 ? groupSwatches[0] : this.fetch_product; this.selectVariantColor(selectedVariant); this.variants = groupSwatches.length > 0 ? groupSwatches : this.fetched_product.variants; if (this.fetched_product.variants.length === 1) { this.selectedVariantSize = this.fetched_product.variants[0]; } } else { this.fetched_product = this.product; this.variants = this.product.variants; } this.checkIfVariantsAvailable(); } if (this.index <= 4) { const imgSrc = this.imgURL(this.product.featured_image, '1200x'); const srcSet = this.productSrcSet; const link = document.createElement('link'); link.rel = 'preload'; link.as = 'image'; link.href = imgSrc; link.imageSrcset = srcSet; link.imageSizes = "(max-width: 768px) 50vw, (min-width: 1420px) 318px, 20vw" document.head.appendChild(link); } }, mounted() { this.activateFitGuides(); const startlifestyleImageObserver = () => { this.lifestyleImageObserver = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { const imgElement = entry.target.querySelector('img[data-src]'); if (imgElement) { imgElement.src = imgElement.getAttribute('data-src'); imgElement.srcset = imgElement.getAttribute('data-srcset'); } this.lifestyleImageObserver.unobserve(entry.target); } }); }, { threshold: 0, rootMargin: '400px 0px', } ); this.$refs.lazyImageWrapper && this.lifestyleImageObserver.observe(this.$refs.lazyImageWrapper); ['scroll','click', 'mouseover', 'keydown'].forEach((event) => { document.removeEventListener(event, startlifestyleImageObserver); }); }; ['scroll','click', 'mouseover', 'keydown'].forEach((event) => { document.addEventListener(event, startlifestyleImageObserver); }); }, beforeUnmount() { if (this.lifestyleImageObserver) this.lifestyleImageObserver.disconnect(); }, watch: { toggle_quick_add: function (newVal, oldVal) { if (newVal !== oldVal) { this.closeQuickAddMobile(); } }, scripts_loaded(newVal, oldVal) { if(newVal) { this.activateFitGuides(); } } }, computed: { availableVariants() { if (!this.isAccessory) return null; return this.variants.filter(v => ((v.variants.some(variant => variant.available) && this.sumOfInventory(v.variants) > 0) || !v.limitedEdition)); }, finalSale() { return this.product.tags.some(tag => tag.includes('FINAL-SALE') || tag.includes('Final Sale')); }, isCadOrUsd() { return ["CAD", "USD"].includes(this.cartCurrency); }, productTitle() { return themeUtils.productFunctions.extractProductTitle(this.product.title); }, productSrcSet() { return ` ${this.imgURL(this.featuredImage, '100x')} 100w, ${this.imgURL(this.featuredImage, '200x')} 200w, ${this.imgURL(this.featuredImage, '300x')} 300w, ${this.imgURL(this.featuredImage, '400x')} 400w, ${this.imgURL(this.featuredImage, '500x')} 500w, ${this.imgURL(this.featuredImage, '600x')} 600w, ${this.imgURL(this.featuredImage, '700x')} 700w, ${this.imgURL(this.featuredImage, '800x')} 800w, ${this.imgURL(this.featuredImage, '900x')} 900w, ${this.imgURL(this.featuredImage, '1000x')} 1000w, ${this.imgURL(this.featuredImage, '1100x')} 1100w, ${this.imgURL(this.featuredImage, '1200x')} 1200w, ` }, lifestyleImageSrcSet() { if (!this.fetched_product || !this.fetched_product.lifestyle_image) return null; return ` ${this.imgURL(this.fetched_product.lifestyle_image, '100x')} 100w, ${this.imgURL(this.fetched_product.lifestyle_image, '200x')} 200w, ${this.imgURL(this.fetched_product.lifestyle_image, '300x')} 300w, ${this.imgURL(this.fetched_product.lifestyle_image, '400x')} 400w, ${this.imgURL(this.fetched_product.lifestyle_image, '500x')} 500w, ${this.imgURL(this.fetched_product.lifestyle_image, '600x')} 600w, ${this.imgURL(this.fetched_product.lifestyle_image, '700x')} 700w, ${this.imgURL(this.fetched_product.lifestyle_image, '800x')} 800w, ${this.imgURL(this.fetched_product.lifestyle_image, '900x')} 900w, ${this.imgURL(this.fetched_product.lifestyle_image, '1000x')} 1000w, ${this.imgURL(this.fetched_product.lifestyle_image, '1100x')} 1100w, ${this.imgURL(this.fetched_product.lifestyle_image, '1200x')} 1200w, ` }, isAccessory() { return this.product.tags.includes('accessories') }, isGiftCard() { return this.product.type === "Gift Card"; }, isLowStock() { return this.sumOfInventory(this.variants) <= 200; }, isDiscontinued() { return this.product.tags.includes('LAST CHANCE') }, isSoldOut() { if (this.fetched_product === null) return false; return this.fetched_product.available === 'false' || !this.fetched_product.available }, originalPrice() { if (this.product.compare_at_price && parseFloat(this.product.compare_at_price) > parseFloat(this.product.price)) { return { float: parseFloat(this.product.compare_at_price) }; } else { return { float: parseFloat(this.product.price) }; } }, salePrice() { if (this.has_vip_sale && this.showVipSalePrice && this.themeSale && this.product.vip_discounted_price && parseFloat(this.product.vip_discounted_price) < parseFloat(this.product.price)) { if(this.isAccessory && this.selectedVariantSize && this.selectedVariantSize.variantNotOnSale) return null; let floatVal = parseFloat(this.product.vip_discounted_price) if (!this.isCadOrUsd) { const rate = this.shopify.currency.rate; const priceDiff = this.originalPrice.float - floatVal; const priceDiffRate = priceDiff * rate; floatVal = this.originalPrice.float - priceDiffRate; } return { float: floatVal, }; } else if (this.showSalePriceByTag && this.product.discounted_price && parseFloat(this.product.discounted_price) < parseFloat(this.product.price)) { if(this.isAccessory && this.selectedVariantSize && this.selectedVariantSize.variantNotOnSale) return null; let floatVal = parseFloat(this.product.discounted_price) if (!this.isCadOrUsd) { const rate = this.shopify.currency.rate; const priceDiff = this.originalPrice.float - floatVal; const priceDiffRate = priceDiff * rate; floatVal = this.originalPrice.float - priceDiffRate; } return { float: floatVal, }; } else if (this.product.compare_at_price && parseFloat(this.product.compare_at_price) > parseFloat(this.product.price)) { const productSalePrice = this.product.price; return { float: productSalePrice, }; } return null }, sizeType() { const title = this.product.title.toLowerCase() const tags = this.product.tags const shoeType = title.includes(sizeTypes.WEEKENDCHELSEA1) ? sizeTypes.WEEKENDCHELSEA1 : title.includes(sizeTypes.WEEKENDCHELSEA) ? sizeTypes.WEEKENDCHELSEA : title.includes(sizeTypes.WEEKEND1) ? sizeTypes.WEEKEND1 : title.includes(sizeTypes.WEEKEND) ? sizeTypes.WEEKEND : title.includes(sizeTypes.SLIPPERS) ? sizeTypes.SLIPPERS : title.includes(sizeTypes.EVMOVESLIPON) ? sizeTypes.EVMOVESLIPON : title.includes(sizeTypes.EVMOVE) ? sizeTypes.EVMOVE : title.includes(sizeTypes.EVERYDAY) ? sizeTypes.EVERYDAY : title.includes(sizeTypes.CITYSCAPE) ? sizeTypes.CITYSCAPE : title.includes(sizeTypes.ALTAHIGHTOP) ? sizeTypes.ALTAHIGHTOP : title.includes(sizeTypes.ALTAHIGHTOP2) ? sizeTypes.ALTAHIGHTOP2 : title.includes(sizeTypes.STORMBURSTLOWTOP) ? sizeTypes.STORMBURSTLOWTOP : title.includes(sizeTypes.STORMBURST) ? sizeTypes.STORMBURST : title.includes(sizeTypes.BOARDWALK) ? sizeTypes.BOARDWALK : title.includes(sizeTypes.SOHO) ? sizeTypes.SOHO : title.includes(sizeTypes.BHAT) ? sizeTypes.BHAT : title.includes(sizeTypes.BEANIE) ? sizeTypes.BEANIE : title.includes(sizeTypes.HAT) ? sizeTypes.HAT : title.includes(sizeTypes.MIDSOCK) ? sizeTypes.MIDSOCK : title.includes(sizeTypes.ANKSOCK) ? sizeTypes.ANKSOCK : title.includes(sizeTypes.LSCREWSOCK) ? sizeTypes.LSCREWSOCK : title.includes(sizeTypes.CREWSOCK) ? sizeTypes.CREWSOCK : title.includes(sizeTypes.NOSHOWSOCK) ? sizeTypes.NOSHOWSOCK : title.includes(sizeTypes.FMASK) ? sizeTypes.FMASK : title.includes(sizeTypes.GLOVE) ? sizeTypes.GLOVE : title.includes(sizeTypes.OVERCAST2) ? sizeTypes.OVERCAST2 : title.includes(sizeTypes.OVERCAST) ? sizeTypes.OVERCAST : title.includes(sizeTypes.WESTERLY) ? sizeTypes.WESTERLY : title.includes(sizeTypes.BASETSHIRT) ? sizeTypes.BASETSHIRT : title.includes(sizeTypes.BASELONGSLEEVE) ? sizeTypes.BASELONGSLEEVE : title.includes(sizeTypes.BELTBAG) ? sizeTypes.BELTBAG : title.includes(sizeTypes.ASTORIA) ? sizeTypes.ASTORIA : title.includes(sizeTypes.STRATUS) ? sizeTypes.STRATUS : title.includes(sizeTypes.MARKETFLAT) ? sizeTypes.MARKETFLAT : title.includes(sizeTypes.COURTSIDE) ? sizeTypes.COURTSIDE : title.includes(sizeTypes.TIDAL) ? sizeTypes.TIDAL : title.includes(sizeTypes.UPTOWNCHELSEA) ? sizeTypes.UPTOWNCHELSEA : title.includes(sizeTypes.FORECASTGLOVES) ? sizeTypes.FORECASTGLOVES : title.includes(sizeTypes.FORECASTBEANIE) ? sizeTypes.FORECASTBEANIE : sizeTypes.STANDARD const genderType = tags.some(item => ["Style: Women", "Gender: Women"].includes(item)) ? sizeTypes.WOMEN : tags.some(item => ["Style: Men", "Gender: Men"].includes(item)) ? sizeTypes.MEN : tags.some(item => ["Style: Kids", "Gender: Kids"].includes(item)) ? sizeTypes.KIDS : sizeTypes.UNISEX return { genderType, shoeType } }, showVipSalePrice() { if (this.has_vip_sale && this.isVipSettingEnabled) { return true; } return false; }, stickerBadgeCategory() { let discountCode = this.themeSale ? parseInt(this.themeSale.split('-')[1]) : null; let saleBadgeText = ""; return this.product.show_badge === 'NO-BADGE' ? null : this.product.tags.some(tag => tag.includes('GWP-GLOVES')) && this.product.type === 'Shoes' ? 'Free Waterproof Gift' : this.product.show_badge.includes('SALE-') && discountCode ? (this.show_discount_percentage ? `${discountCode}% OFF` : saleBadgeText) : this.product.show_badge ? this.product.show_badge : this.isSoldOut ? 'Sold Out' : this.isDiscontinued ? 'Last Chance' : this.isLowStock ? 'Low Stock' : this.showSaleTag && saleBadgeText ? saleBadgeText : discountCode && this.showSaleTag ? `${discountCode}% OFF` : this.product.tags.some(tag => tag.includes('Best Deal')) ? 'Best Deal' : this.product.tags.some(tag => tag.includes('Few Left')) ? 'Few Left' : this.product.tags.some(tag => tag.includes('BIS')) ? 'Back In Stock' : this.product.tags.some(tag => tag.includes('Best Seller')) ? 'Best Seller' : this.product.tags.some(tag => tag.includes('Badge: Preorder')) ? 'Pre-Order' : this.product.tags.some(tag => tag.includes('Just In')) ? 'Just In' : null }, themeSale() { if(this.showSaleTag || this.showSalePriceByTag) { const filteredTag = this.product.tags.filter(tag => tag.includes('SALE-')); return filteredTag ? filteredTag[0] : null } return null } }, methods: { activateFitGuides() { if(this.scripts_loaded) { $('[data-product-popup-toggle]').magnificPopup({ type: 'inline', mainClass: 'mfp-fade', closeOnBgClick: true, closeBtnInside: true, closeOnContentClick: false, tClose: 'x', removalDelay: 500, }); } }, async activateQuickAdd() { if(this.is_mobile) { if(this.quickAddActiveMobile) return; this.quickAddActiveMobile = true; } if(this.quickAddActive) return; // this.$emit('close-active-quick-add'); this.loadingQuickAdd = true; if (this.fetched_product && this.variants) { setTimeout(() => { this.loadingQuickAdd = false; this.quickAddActive = true; if (this.fetched_product.variants.length === 1) { this.selectedVariantSize = this.fetched_product.variants[0]; } }, 250); } else { try { const response = await fetch(`${this.product.url}?view=vue_template`); const data = await response.json(); if (data.product && data.product.variants) { if(this.isAccessory) { const groupSwatches = [...data.product.variants].reduce((acc, swatch) => { if (!acc.some(s => s.color === swatch.color)) { const primarySwatch = {...swatch, available: true}; acc.push({...primarySwatch, variants: []}) } const newSwatch = {...swatch} delete newSwatch.variants acc.find(s => s.color === newSwatch.color).variants.push(newSwatch) return acc }, []); this.fetched_product = groupSwatches.length > 0 ? groupSwatches[0] : data.product; this.variants = groupSwatches.length > 0 ? groupSwatches : data.product.variants; if (this.fetched_product.variants.length === 1) { this.selectedVariantSize = this.fetched_product.variants[0]; } } else { this.fetched_product = data.product; this.variants = data.product.variants; } setTimeout(() => { this.loadingQuickAdd = false; this.quickAddActive = true; }, 250); } else { throw new Error('No variants found'); } } catch (error) { console.error(error); } } }, addToBundleMobile(product, variant) { this.add_to_bundle(product, variant); this.closeQuickAddMobile(); }, checkIfVariantsAvailable() { const hasAvailableVariants = this.fetched_product.variants.some(variant => { return variant.available === true || variant.available === 'true'; }); const productHasAvailableVariants = this.product.variants.some(variant => { return variant.available === true || variant.available === 'true'; }); if(!hasAvailableVariants && !productHasAvailableVariants) { this.fetched_product.available = false; } else { this.fetched_product.available = true; } }, lifeStyleImageShow() { if (this.is_mobile) return; this.showLifestyleImage = true; }, showFeaturedImage() { if (this.is_mobile) return; this.showLifestyleImage = false; }, closeQuickAddMobile() { this.quickAddActiveMobile = false; }, quickAddToCart(variant) { this.selectedVariantSize = variant; this.giftWithPurchase = variant.giftWithPurchase this.isAddingToCart = true; let notes_message = variant.variantAdditionalNotes; const isFinalSale = this.product.tags.includes('Final Sale'); const isExchangeOnly = this.product.tags.includes('exchange_only'); const isVipFinalSaleItem = this.has_vip_sale && this.product.tags.includes('VIP-FINALSALE') ? true : false; const isThemeFinalSaleItem = this.theme_tag_final_sale && this.product.tags.includes(this.theme_tag_final_sale) ? true : false; const lineItemProperty = isFinalSale || isVipFinalSaleItem || isThemeFinalSaleItem ? 'Final Sale' : isExchangeOnly ? 'exchange_only' : ''; const messageSuffix = lineItemProperty ? `Heads up, this item will be ${ lineItemProperty === 'exchange_only' ? 'Exchange Only' : 'Final Sale' }.` : ''; const hasNoNotesMessage = notes_message === ''; notes_message = hasNoNotesMessage && messageSuffix ? messageSuffix : notes_message; const payload = { items: [{ id: variant.id, quantity: 1, properties: { 'Notes': notes_message, '_LPROP': lineItemProperty, '_VIP': this.has_vip_sale ? 'Exclusive Access' : '' } }] } let giftItem = {} let properties = {} if(this.giftWithPurchase) { properties['__gift_with_purchase'] = this.giftWithPurchase; this.giftWithPurchase.forEach(el => { giftItem = { id: el, quantity: 1, properties: {'Notes': 'Heads up, this will be a Final Sale.'} } payload.items.push(giftItem) }); } fetch(ROOT_URL+'/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }) .then(response => { return response.json(); }) .catch((error) => { console.error('Error:', error); }) .finally(() => { this.isAddingToCart = false this.selectedVariantSize = null; this.closeQuickAddMobile(); // this.$emit('close-active-quick-add'); }); }, selectVariantColor(variant) { this.fetched_product = variant; this.product.featured_image = variant?.featured_image || this.product.featured_image; this.featuredImage = this.product.featured_image; if (this.fetched_product.variants.length === 1) { this.selectedVariantSize = this.fetched_product.variants[0]; } else { this.selectedVariantSize = null; } this.checkIfVariantsAvailable(); }, selectVariantSize(variant) { this.selectedVariantSize = variant; }, sumOfInventory(variants) { return variants ? variants.reduce((acc, variant) => acc + (variant.inventoryToShow < 0 ? 0 : variant.inventoryToShow), 0) : 0; }, updateGivingPriceDiscount(amount) { if (amount === this.givingPriceDiscount || this.isAccessory) return; this.givingPriceDiscount = amount; }, widthBySize(size, margin = 0) { return `calc(${100 / size}% - ${margin}px)` } }, template: ` <a :href="product.url" :data-variant="fetched_product.id" :class="{ 'sold-out': isSoldOut }" class="collection-product-item vessi-product-card"> <div class="sticker-badge-wrapper"> <span class="best-seller-badge" :class="{ 'last_chance': isDiscontinued }" v-if="stickerBadgeCategory" :data-badge-category="stickerBadgeCategory.replace(/ /g, '_').toLowerCase()" > <small>{( stickerBadgeCategory )}</small> </span> </div> <span v-if="!isSoldOut && is_mobile" class="collection-quick-add" :data-pdp-as-widget="false"> <a :href="product.url" :data-variant="fetched_product.id"> <span v-if="variants.length === 0 || !quickAddActive || is_mobile" class="v-icon v-icon--cart"></span> </a> </span> <div v-else-if="show_bundle_builder"> <ul class="flex-wrapper size-selection"> <li v-for="variant in variants" :key="variant.id" class="swatch__item" :class="{ 'soldout': !variant.available && variant.inventoryToShow <= 0, 'selected' : selectedVariantSize && selectedVariantSize.id === variant.id }"> <a class="swatch__link swatch__link__text" @click.prevent="() => variant.available ? selectVariantSize(variant) : null" :disabled="!variant.available"> {( variant.sizeNumber )} </a> </li> </ul> <button class="btn btn_secondary outlined btn_full" :disabled="!selectedVariantSize" @click.prevent="selectedVariantSize ? add_to_bundle(fetched_product, selectedVariantSize) : null"> <span> <template v-if="(selectedVariantSize && !selectedVariantSize.available) || sumOfInventory(fetched_product.variants) <= 0">Sold Out</template> <template v-else-if="!selectedVariantSize && !isAddingToCart">Select Size</template> <template v-else-if="!isAddingToCart">{( show_bundle_builder ? 'Add to Bundle' : 'Add to Cart' )}</template> <template v-else><em>Adding to Cart</em></template> </span> </button> </div> <div class="collection-product-image-wrapper vpc-img-holder" ref="lazyImageWrapper" > <img @load="isLoadingImg = false" :class="{ 'loading_image': isLoadingImg }" class="primary-image" v-show="!showLifestyleImage || !fetched_product.lifestyle_image" :loading="index > 8 ? 'lazy' : 'eager'" :fetchpriority="index <= 8 ? 'high' : 'auto'" :src="imgURL(featuredImage, '1200x')" :srcset="productSrcSet" sizes="(max-width: 768px) 50vw, 33vw" width="450" height="450" :alt="product.title" /> </div> <span class="collection-product-detail vpc-info-holder"> <span class="collection-product-detail-title vpc-name text bold"> {( productTitle )} </span> <p class="vpc-color-label" v-if="isGiftCard">The gift that always fits</p> <p class="vpc-color-label" v-else>{( fetched_product.color_name ? fetched_product.color_name : fetched_product.color )}</p> <Junipstarsummary v-if="show_review_stars" class="junip-product-summary" :key="'junipstarsummary' + product.id" :product="product" ></Junipstarsummary> <div class="collection-mid-wrapper vpc-price-size-holder"> <span class="collection-item-price vpc-price collection-product-detail flex gap_sm"> <span v-if="isGiftCard">From </span> <span :class="{ 'compare-at_sale': salePrice }">{( formatPrice(salePrice && salePrice.float > originalPrice.float ? salePrice.float : originalPrice.float, cartCurrency, isCadOrUsd) )} </span> <span class="money_sale" v-if="salePrice">{( formatPrice(salePrice.float > originalPrice.float ? originalPrice.float : salePrice.float, cartCurrency, isCadOrUsd) )} </span> </span> </div> <span class="collection-pill-wrapper" v-if="product?.metafields?.additional_notes"> <span class="collection-pill" v-for="note in product.metafields.additional_notes"> {( note )} </span> </span> </span> </a> <div v-if="quickAddActiveMobile && is_mobile" class="quick-add-modal-wrapper"> <div class="quick-add-overlay" @click="closeQuickAddMobile"></div> <div class="quick-add-modal"> <div class="quick-add-modal__header"> <h2>QUICK ADD</h2> <button @click="closeQuickAddMobile">X</button> </div> <div class="quick-add-modal__body"> <div class="quick-add-modal__body__image"> <img :src="imgURL(product.featured_image, '300x')" :alt="product.title" /> </div> <div class="quick-add-modal__body__details"> <h3> {( productTitle )} <br> <small>{( fetched_product.color_name ? fetched_product.color_name : fetched_product.color )}</small> </h3> <span> <span :class="{ 'compare-at_sale': salePrice }">{( formatPrice(salePrice && salePrice.float > originalPrice.float ? salePrice.float : originalPrice.float, cartCurrency, !salePrice || isCadOrUsd) )} </span> <span class="money_sale" v-if="salePrice">{( formatPrice(salePrice.float > originalPrice.float ? originalPrice.float : salePrice.float, cartCurrency, isCadOrUsd) )} </span> <em v-if="isSoldOut"> - Sold Out</em> </span> <span v-if="finalSale" class="btn sticker-badge">Final Sale</span> </div> <div class="quick-add-modal__body__details__variants"> <template v-if="isAccessory"> <p class="line-breaker">Colors:</p> <select v-model="fetched_product" @change="selectVariantColor(fetched_product)"> <option v-for="variant in availableVariants" :value="variant" :key="variant.id"> {( variant.color )} </option> </select> <p class="line-breaker">Sizes:</p> <span class="quick-add-variant" :style="{ 'max-width': variant.sizeNumber.length > 3 ? 'max-content' : '35px', 'aspect-ratio': variant.sizeNumber.length > 3 ? 'initial' : '1' }" v-for="variant in fetched_product.variants" :key="variant.id" :class="{ 'unavailable': !variant.available && variant.inventoryToShow <= 0, 'selected' : selectedVariantSize && selectedVariantSize.id === variant.id, 'hide': variant.sizeHidden }" @click="variant.available ? selectVariantSize(variant) : null"> {( variant.sizeNumber )} </span> </template> <template v-else> <span class="quick-add-variant" :style="{ 'max-width': variant.sizeNumber.length > 3 ? 'max-content' : '35px', 'aspect-ratio': variant.sizeNumber.length > 3 ? 'initial' : '1' }" v-for="variant in variants" :key="variant.id" :class="{ 'unavailable': !variant.available && variant.inventoryToShow <= 0, 'selected' : selectedVariantSize && selectedVariantSize.id === variant.id, 'hide': variant.sizeHidden }" @click="variant.available ? selectVariantSize(variant) : null"> {( variant.sizeNumber )} </span> </template> </div> <span v-if="selectedVariantSize?.variantAdditionalNotes" class="campaign__preorder-message in">{( selectedVariantSize.variantAdditionalNotes )}</span> <button class="quick-add-button" :disabled="sumOfInventory(fetched_product.variants) <= 0 || !selectedVariantSize || isAddingToCart || !product.available || (selectedVariantSize && !selectedVariantSize.available)" @click="show_bundle_builder ? addToBundleMobile(fetched_product, selectedVariantSize) : quickAddToCart(selectedVariantSize)"> <span class="btn btn_secondary btn_full"> <template v-if="(selectedVariantSize && !selectedVariantSize.available) || sumOfInventory(fetched_product.variants) <= 0">Sold Out</template> <template v-else-if="!selectedVariantSize && !isAddingToCart">Select Size</template> <template v-else-if="!isAddingToCart">{( show_bundle_builder ? 'Add to Bundle' : 'Add to Cart' )}</template> <template v-else><em>Adding to Cart</em></template> </span> </button> </div> </div> </div> ` } </script> <script> const Collectionaccordion = { name: "CollectionAccordion", delimiters: ['{(', ')}'], props: { title: { type: String, required: true }, filterType: { type: String, default: '' } }, data() { return { isExpanded: true }; }, methods: { toggleFilter() { this.isExpanded = !this.isExpanded; this.$emit('toggled', this.isExpanded); // Emitting event in case parent wants to know } }, template: ` <div class="filter-wrap" :data-filter="filterType"> <span class="filter-btn text bold" @click="toggleFilter"> {( title )} <svg v-show="!isExpanded" class="v-icon circle"> <use xlink:href="#v-icon-plus"></use> </svg> <svg v-show="isExpanded" class="v-icon circle"> <use xlink:href="#v-icon-minus"></use> </svg> </span> <Transition> <div v-if="isExpanded" class="filter-options"> <slot></slot> </div> </Transition> </div> ` } </script> <script> const Collectionexplist = { name: "CollectionExpandableList", delimiters: ['{(', ')}'], props: { additionalClasses: { type: String, default: '' }, filter_type: { type: String, default: 'multi' }, items: { type: Array, default: () => [] }, modelValue: { type: [Array, Boolean, String], default: () => [] }, visibleLength: { type: Number, default: Infinity } }, data() { return { checkedValues: [], isExpanded: false }; }, computed: { displayedItems() { return this.isExpanded ? this.items : this.items.slice(0, this.visibleLength); }, internalCheckedValues: { get() { return this.modelValue; }, set(value) { this.$emit('update:modelValue', value); } } }, methods: { toggleExpand() { this.isExpanded = !this.isExpanded; }, onChange() { this.$emit('change', this.checkedValues); } }, template: ` <ul class="filter-options" :class="additionalClasses"> <li v-for="item in displayedItems" :key="item.value"> <input :type="filter_type === 'multi' ? 'checkbox' : 'radio'" :id="'filter-' + item.value" :value="item.value" v-model="internalCheckedValues" @change="onChange" > <label :for="'filter-' + item.value" :title="item.name"> <span v-if="additionalClasses === 'filter-options-colors'" class="filter-color" :class="{ light: ['white','beige','yellow'].includes(item.name.trim().toLowerCase()) }" :style="{'background-color': item.name}" ></span> <span>{( item.name )}</span> </label> </li> <li class="expandable-view-more" v-if="items.length > visibleLength"> <a @click="toggleExpand"> {( isExpanded ? 'View Less -' : 'View More +' )} </a> </li> </ul> ` } </script> <script> const bundleDiscountTypes = { AMOUNT: 'amount', QUANTITY: 'quantity', }; const Collectionbundlebuilder = { name: "CollectionBundleBuilder", delimiters: ['{(', ')}'], props: { bundleProducts: { type: Array, required: true }, bundle_discount_type: { type: String, default: bundleDiscountTypes.AMOUNT, validator: function (value) { return [bundleDiscountTypes.AMOUNT, bundleDiscountTypes.QUANTITY].includes(value); } }, bundle_discount_thresholds: { type: Array, default: () => [] }, bundle_discount_percentages: { type: Array, default: () => [] } }, data() { return { bundleDiscountTypes, openBundleMobile: false, isMobile: window.innerWidth <= 480, } }, created() { this.isMobile = window.innerWidth <= 480; window.addEventListener('resize', () => { this.isMobile = window.innerWidth <= 480; }); }, watch: { totalQuantity: function(newVal, oldVal) { if(newVal > oldVal) { this.openBundleMobile = true; } } }, computed: { totalPrice() { const total = this.bundleProducts.reduce((total, product) => { return total + (product.price * product.quantity); }, 0); return total / 100; }, totalQuantity() { return this.bundleProducts.reduce((total, product) => { return total + product.quantity; }, 0); }, totalDiscount() { let maxDiscount = 0; let discountParameter = this.bundle_discount_type === bundleDiscountTypes.AMOUNT ? this.totalPrice : this.totalQuantity; const { bundle_discount_thresholds, bundle_discount_percentages } = this; for (let i = bundle_discount_thresholds.length - 1; i >= 0; i--) { const threshold = bundle_discount_thresholds[i]; if (discountParameter >= threshold) { maxDiscount = bundle_discount_percentages[i] / 100; break; } } return this.totalPrice * maxDiscount; }, totalDiscountedPrice() { if (this.totalDiscount > 0) { return this.totalPrice - this.totalDiscount; } else { return 0; } }, currentThreshold() { const { bundle_discount_thresholds, bundle_discount_type } = this; const discountParameter = bundle_discount_type === bundleDiscountTypes.AMOUNT ? this.totalPrice : this.totalQuantity; for (let i = bundle_discount_thresholds.length - 1; i >= 0; i--) { const threshold = bundle_discount_thresholds[i]; if (discountParameter >= threshold) { return i + 1; } } return 0; } }, methods: { addToCart(bundleProducts, notes_message = '') { const items_payload = bundleProducts.map((product) => { return { id: product.variant.id, quantity: product.quantity, properties: { 'Notes': 'BUNDLE ITEM', } } }); const payload = { items: items_payload } fetch(ROOT_URL+'/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }) .then(response => { return response.json(); }) .catch((error) => { console.error('Error:', error); }) .finally(() => { this.isAddingToCart = false theme.setCookie('bundle_products', '', -1); this.bundleProducts.splice(0, this.bundleProducts.length); this.openBundleMobile = false; }); }, currencyFormat(price) { return price.toLocaleString('en-US', { style: 'currency', currency: 'CAD' }); }, removeProduct(index) { this.bundleProducts.splice(index, 1); }, toggleBundle() { this.openBundleMobile = !this.openBundleMobile; }, updateQuantity(index, quantity) { const newQuantity = this.bundleProducts[index].quantity + quantity; if (newQuantity < 1) { this.removeProduct(index); } else { this.bundleProducts[index].quantity = newQuantity; } } }, template: ` <div @click="toggleBundle" class="bundle-overlay" :style="{ display: openBundleMobile ? 'initial' : 'none' }"></div> <div id="collection-bundle-builder" :class="{ 'bundle-open': openBundleMobile }"> <div class="bundle-header"> <span v-show="bundleProducts.length" @click="toggleBundle" class="bundle-close-btn">^</span> <h2 class="text_center">Build Your Bundle</h2> <p class="text_center" v-show="!bundleProducts.length">Start building your bundle by adding products</p> <progress v-show="bundleProducts.length" id="bundle_progress" :value="currentThreshold" :max="bundle_discount_thresholds.length"></progress> <label v-show="bundleProducts.length" for="bundle_progress" class="text_center"> <div v-if="currentThreshold < bundle_discount_thresholds.length"> <template v-if="bundle_discount_type === bundleDiscountTypes.AMOUNT"> Add {( currencyFormat(bundle_discount_thresholds[currentThreshold] - totalPrice) )} more to get {( bundle_discount_percentages[currentThreshold] )}% off </template> <template v-else> Buy {( bundle_discount_thresholds[currentThreshold] )} items to get {( bundle_discount_percentages[currentThreshold] )}% off </template> </div> <div v-else>You have reached the maximum discount</div> </label> <hr v-show="bundleProducts.length"> </div> <template v-if="!isMobile || (isMobile && openBundleMobile)"> <ul v-show="bundleProducts.length" class="bundle-list"> <li v-for="(product, index) in bundleProducts" :key="product.id"> <img width="50" height="50" :src="product.featured_image"> <span> <strong>{( product.title.includes('-') ? product.title.slice(0, product.title.lastIndexOf('-')).trim() : product.title )}</strong> <br> {( product.title.includes('-') ? product.title.slice(product.title.lastIndexOf('-') + 1).trim() : "" )} <br> <small>Size {( product.variant.sizeNumber )}</small> </span> <div class="bundle-product-qty-wrapper"> <span class="bundle-icon" @click="updateQuantity(index, -1)">−</span> <span class="bundle-product-qty">{( product.quantity )}</span> <span class="bundle-icon" @click="updateQuantity(index, 1)">+</span> <span class="bundle-icon-remove" @click="removeProduct(index)">✖</span> </div> </li> </ul> <hr v-show="bundleProducts.length"> <ul class="bundle-prices" v-show="bundleProducts.length"> <li># of items: {( totalQuantity )}</li> <li> <span :class="{'compare-at_sale': totalDiscountedPrice}">{( currencyFormat(totalPrice) )}</span> <span v-show="totalDiscountedPrice"> <strong><span class="money_sale">{( currencyFormat(totalDiscountedPrice) )}</span></strong> </span> </li> <li v-show="totalDiscount">You save: <strong>{( currencyFormat(totalDiscount) )}</strong></li> </ul> </template> <a @click.prevent="addToCart(bundleProducts)" v-show="bundleProducts.length" class="bundle-add-to-cart btn btn_full btn_secondary">Add Items To Cart</a> </div> ` } </script> <style> #collection-bundle-builder { padding: 10px; padding-top: 0; width: 35%; position: sticky; top: 20%; margin-top: 20px; overflow-y: auto; max-height: 75vh; background-color: var(--colorWhite); } #bundle_progress { -webkit-appearance: none; appearance: none; width: 100%; } #collection-bundle-builder .bundle-header { position: sticky; top: 0; background-color: var(--colorWhite); padding-top: 10px; } #collection-bundle-builder .bundle-add-to-cart { position: sticky; bottom: 0; } #bundle_progress::-webkit-progress-inner-element { border: 2px solid var(--colorSplash, rgb(0, 88, 100)); border-radius: 25px; } #bundle_progress::-webkit-progress-bar { background-color: var(--colorWhite); border-radius: 25px; } #bundle_progress::-webkit-progress-value { background-color: var(--colorSplash, rgb(0, 88, 100)); } #collection-bundle-builder .bundle-list { margin: 0; } #collection-bundle-builder .bundle-list li { display: flex; align-items: center; justify-content: space-between; margin: 10px 0; gap: 10px; } #collection-bundle-builder .bundle-list li strong { font-weight: 600; } #collection-bundle-builder .bundle-list li img { width: 4rem; height: 4rem; object-fit: contain; background-color: #F8F8F8; } .bundle-product-qty-wrapper { display: flex; align-items: center; justify-content: space-between; min-width: 100px; } .bundle-product-qty-wrapper span { display: flex; align-items: center; justify-content: center; } .bundle-product-qty-wrapper .bundle-icon { cursor: pointer; font-size: 1.25rem; border: 1px solid var(--colorSplash, rgb(0, 88, 100)); border-radius: 50%; width: 1.25rem; height: 1.25rem; transition: all 0.2s ease-in-out; } .bundle-product-qty-wrapper .bundle-icon:hover { background-color: var(--colorSplash, rgb(0, 88, 100)); color: var(--colorWhite); } .bundle-product-qty-wrapper .bundle-icon-remove { cursor: pointer; color: var(--colorRed); } .bundle-product-qty-wrapper .bundle-product-qty { cursor: default; display: inline-block; width: 20px; text-align: center; height: 20px; border-radius: 10%; border: 1px solid var(--colorSplash, rgb(0, 88, 100)); background-color: var(--colorWhite); } .bundle-prices li { font-size: 1rem; } .bundle-close-btn { display: none; } @media screen and (max-width: 1024px) { #collection-bundle-builder { width: 45%; } } @media screen and (max-width: 768px) { .flex-wrapper { display: flex; flex-direction: column; align-items: center; } #collection-bundle-builder { border: 2px solid var(--colorSplash, rgb(0, 88, 100)); border-radius: 25px 25px 0 0; width: 100%; position: fixed; bottom: env(safe-area-inset-bottom); top: initial; margin-top: 0; max-height: 200px; overflow-y: auto; background-color: var(--colorWhite); z-index: 9999; transition: max-height 0.2s ease-in-out; } #collection-bundle-builder.bundle-open { height: auto; max-height: 500px; } #collection-bundle-builder .bundle-header { padding-top: 10px; } #collection-bundle-builder .bundle-list { max-height: initial; } #collection-bundle-builder h2.text_center { margin-top: 15px; } .bundle-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0, 0.5); height: 100dvh; z-index: 9999; } .bundle-close-btn { display: initial; position: absolute; top: 25px; right: 10px; width: 30px; height: 30px; font-size: 40px; line-height: initial; cursor: pointer; color: var(--colorSplash, rgb(0, 88, 100)); } #collection-bundle-builder.bundle-open .bundle-close-btn { transform: rotate(180deg); } } </style> <script> const useDefaultCollection = true; const splitCollectionByStyle = true; let firstCollectionData = [ { "title": "Women's Waterproof Jackets", "description": "", "handle": "womens-jackets", "id": "305640833218", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2.0-Mahogony-Womens-Transparent-Final.png?v=1727393143", "products": [ { "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-mahogany.jpg?v=1727475831", "color_name": "Mahogany", "type": "Apparel", "sku": "P2004W-RD001-XS", "id": "7987676184770", "title": "Women's Overcast Jacket 2 - Mahogany", "handle": "womens-overcast-jacket-2-mahogany", "url": "/products/womens-overcast-jacket-2-mahogany", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2.0-Mahogony-Womens-Transparent-Final.png?v=1727393143", "card_image": "//ca.vessi.com/cdn/shop/files/Overcast2.0-Mahogony-Womens-Transparent-Final.png?v=1727393143", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143", "tags": ["BFCM","BFCM-26","BXDAY","BXDAY-26","Color: Red","Gender: Women","jackets","just in","Limited Edition","new","Overcast Jacket 2","Product: Women's Overcast Jacket 2","S4 New Products","Season Four","Size: L","Size: M","Size: S","Size: XL","Size: XS","Style: Apparel","Style: Overcast Jacket 2","Style: Women"], "price": 16000, "compare_at_price": 0, "discounted_price": null, "vip_discounted_price": null, "available": "true", "show_badge": "Waterproof", "rating_average": "4.8", "rating_count": "44", "rating_stars_filled": "96.0", "first_variant_id": 44725836775618, "metafields": { "additional_notes":null, "short_description":"Casual, everyday, super soft" }, "variants": [{ "available":true, "color": "Mahogany", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143", "id": 44725836775618, "inventoryToShow": 11, "variantNotOnSale": false },{ "available":true, "color": "Mahogany", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143", "id": 44725837234370, "inventoryToShow": 55, "variantNotOnSale": false },{ "available":true, "color": "Mahogany", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143", "id": 44725837463746, "inventoryToShow": 43, "variantNotOnSale": false },{ "available":true, "color": "Mahogany", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143", "id": 44725837693122, "inventoryToShow": 68, "variantNotOnSale": false },{ "available":true, "color": "Mahogany", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sMahogany-WhiteBG.jpg?v=1727393143", "id": 44725837922498, "inventoryToShow": 13, "variantNotOnSale": false }] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-jet-black.jpg?v=1634942054", "color_name": "Jet Black", "type": "Apparel", "sku": "P2004W-BK012-XS", "id": "7987676381378", "title": "Women's Overcast Jacket 2 - Jet Black", "handle": "womens-overcast-jacket-2-jet-black", "url": "/products/womens-overcast-jacket-2-jet-black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2.0-Black-Womens-Transparent-Final.png?v=1727393135", "card_image": "//ca.vessi.com/cdn/shop/files/Overcast2.0-Black-Womens-Transparent-Final.png?v=1727393135", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135", "tags": ["BFCM","BFCM-26","Color: Black","Gender: Women","greater than","jackets","just in","Low stock","new","Overcast Jacket 2","Product: Women's Overcast Jacket 2","publishedOnLast30days","S4 New Products","Season Four","Size: L","Size: M","Size: S","Size: XL","Size: XS","Space Black","Style: Apparel","Style: Overcast Jacket 2","Style: Women","testRemoveNewTagsFlow"], "price": 16000, "compare_at_price": 0, "discounted_price": null, "vip_discounted_price": null, "available": "true", "show_badge": "Waterproof", "rating_average": "4.8", "rating_count": "44", "rating_stars_filled": "96.0", "first_variant_id": 44725838512322, "metafields": { "additional_notes":null, "short_description":"Casual, everyday, super soft" }, "variants": [{ "available":true, "color": "Jet Black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135", "id": 44725838512322, "inventoryToShow": 9, "variantNotOnSale": false },{ "available":true, "color": "Jet Black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135", "id": 44725838577858, "inventoryToShow": 37, "variantNotOnSale": false },{ "available":true, "color": "Jet Black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135", "id": 44725838610626, "inventoryToShow": 26, "variantNotOnSale": false },{ "available":true, "color": "Jet Black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135", "id": 44725838643394, "inventoryToShow": 75, "variantNotOnSale": false },{ "available":true, "color": "Jet Black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2-Women_sBlack-WhiteBG.jpg?v=1727393135", "id": 44725838676162, "inventoryToShow": 48, "variantNotOnSale": false }] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-spruce-green.jpg?v=1693526594", "color_name": "Spruce Green", "type": "Clothing", "sku": "OWHDSGWXS", "id": "7694681374914", "title": "Women's Overcast Jacket - Spruce Green", "handle": "womens-overcast-jacket-spruce-green", "url": "/products/womens-overcast-jacket-spruce-green", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/OPTIMIZED_Overcast-SpruceGreen-Womens-Front-Transparent.png?v=1693528443", "card_image": "//ca.vessi.com/cdn/shop/files/OPTIMIZED_Overcast-SpruceGreen-Womens-Front-Transparent.png?v=1693528443", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Lifestyle-Black_d2924f27-ae9b-462d-8661-fbae6d8cb71d.jpg?v=1693528465", "tags": ["BFCM","BFCM Sale Page","BFCM-61","BOXING","BXDAY","BXDAY-61","Color: Green","CREATOR15","End of Season Sale","EOSS","Final Sale","Gender: Women","jackets","Last Chance Sale","LDS","LDS-56","Limited Edition","Low stock","Overcast and Shoreline","Overcast Jacket","Product: Women's Overcast Jacket","RGroup_women-overcast-jacket","SALE-41","Size: XS","Style: Apparel","Style: Overcast Jacket","Style: Women","UPSELL-25"], "price": 16000, "compare_at_price": 0, "discounted_price": 11900, "vip_discounted_price": null, "available": "false", "show_badge": "Waterproof", "rating_average": "4.62", "rating_count": "425", "rating_stars_filled": "92.4", "first_variant_id": 43434298736834, "metafields": { "additional_notes":null, "short_description":"Casual, everyday, super soft" }, "variants": [{ "id": 43434298736834, "inventoryToShow": 0, "available":false},{ "id": 43434298769602, "inventoryToShow": 0, "available":false},{ "id": 43434298802370, "inventoryToShow": 0, "available":false},{ "id": 43434298835138, "inventoryToShow": 0, "available":false},{ "id": 43434298867906, "inventoryToShow": 0, "available":false}] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-dune-beige.jpg?v=1689713996", "color_name": "Dune Beige", "type": "Clothing", "sku": "OWHDDBWXS", "id": "7694685110466", "title": "Women's Overcast Jacket - Dune Beige", "handle": "womens-overcast-jacket-dune-beige", "url": "/products/womens-overcast-jacket-dune-beige", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast-DuneBeige-Womens-Front-Transparent.png?v=1693524972", "card_image": "//ca.vessi.com/cdn/shop/files/Overcast-DuneBeige-Womens-Front-Transparent.png?v=1693524972", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Dune-Detail3.jpg?v=1693524972", "tags": ["BFCM","BFCM Sale Page","BFCM-61","BOXING","BXDAY","BXDAY-61","Color: Beige","CREATOR15","End of Season Sale","Final Sale","Gender: Women","Holiday","jackets","Last Chance Sale","Limited Edition","Low stock","Overcast and Shoreline","Overcast Jacket","Product: Women's Overcast Jacket","RGroup_women-overcast-jacket","SALE-41","Style: Apparel","Style: Overcast Jacket","Style: Women","UPSELL-25"], "price": 16000, "compare_at_price": 0, "discounted_price": 11900, "vip_discounted_price": null, "available": "false", "show_badge": "Waterproof", "rating_average": "4.62", "rating_count": "425", "rating_stars_filled": "92.4", "first_variant_id": 43434302668994, "metafields": { "additional_notes":null, "short_description":"Casual, everyday, super soft" }, "variants": [{ "id": 43434302668994, "inventoryToShow": 0, "available":false},{ "id": 43434302701762, "inventoryToShow": 0, "available":false},{ "id": 43434302734530, "inventoryToShow": 0, "available":false},{ "id": 43434302767298, "inventoryToShow": 0, "available":false},{ "id": 43434302800066, "inventoryToShow": 0, "available":false}] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-lilac-purple.jpg?v=1689713996", "color_name": "Lilac Purple", "type": "Clothing", "sku": "OWHDLPWXS", "id": "7694686945474", "title": "Women's Overcast Jacket - Lilac Purple", "handle": "womens-overcast-jacket-lilac-purple", "url": "/products/womens-overcast-jacket-lilac-purple", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/OPTIMIZED-Overcast-LilacPurple-Womens-Front-Transparent.png?v=1693528095", "card_image": "//ca.vessi.com/cdn/shop/files/OPTIMIZED-Overcast-LilacPurple-Womens-Front-Transparent.png?v=1693528095", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Lifestyle-Black.jpg?v=1693528166", "tags": ["BFCM","BFCM Sale Page","BFCM-61","BOXING","BXDAY","BXDAY-61","Color: Purple","CREATOR15","Final Sale","Gender: Women","hidden","jackets","Last Chance Sale","Limited Edition","Low stock","Overcast and Shoreline","Overcast Jacket","Product: Women's Overcast Jacket","RGroup_women-overcast-jacket","SALE-41","Style: Apparel","Style: Overcast Jacket","Style: Women","UPSELL-25"], "price": 16000, "compare_at_price": 0, "discounted_price": 11900, "vip_discounted_price": null, "available": "false", "show_badge": "Waterproof", "rating_average": "4.62", "rating_count": "425", "rating_stars_filled": "92.4", "first_variant_id": 43434306568386, "metafields": { "additional_notes":null, "short_description":"Casual, everyday, super soft" }, "variants": [{ "id": 43434306568386, "inventoryToShow": 0, "available":false},{ "id": 43434306601154, "inventoryToShow": 0, "available":false},{ "id": 43434306633922, "inventoryToShow": 0, "available":false},{ "id": 43434306666690, "inventoryToShow": 0, "available":false},{ "id": 43434306699458, "inventoryToShow": 0, "available":false}] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-quartzite.jpg?v=1714496253", "color_name": "Quartzite", "type": "Clothing", "sku": "OWHDQTWXS", "id": "7789105086658", "title": "Women's Overcast Jacket - Quartzite", "handle": "womens-overcast-jacket-quartzite", "url": "/products/womens-overcast-jacket-quartzite", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast-Quartzite-Womens-Front-Transparent.png?v=1706883583", "card_image": "//ca.vessi.com/cdn/shop/files/Overcast-Quartzite-Womens-Front-Transparent.png?v=1706883583", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast-Quartzite-Detail-Fleece-Final.jpg?v=1706883583", "tags": ["BFCM","BFCM Sale Page","BFCM-61","BXDAY-61","End of Season Sale","EOSS","Gender: Women","jackets","LDS","LDS Upsell","LDS-56","LDSUPSELL-25","Limited Edition","Low stock","Overcast and Shoreline","Overcast Jacket","Product: Women's Overcast Jacket","RGroup_women-overcast-jacket","seasonal","Style: Apparel","Style: Overcast Jacket","Style: Women","UPSELL-25"], "price": 16000, "compare_at_price": 0, "discounted_price": null, "vip_discounted_price": null, "available": "false", "show_badge": "", "rating_average": "4.62", "rating_count": "425", "rating_stars_filled": "92.4", "first_variant_id": 43855786737858, "metafields": { "additional_notes":null, "short_description":"Casual, everyday, super soft" }, "variants": [{ "id": 43855786737858, "inventoryToShow": 0, "available":false},{ "id": 43855786508482, "inventoryToShow": 0, "available":false},{ "id": 43855786410178, "inventoryToShow": 0, "available":false},{ "id": 43855786311874, "inventoryToShow": 0, "available":false},{ "id": 43855786639554, "inventoryToShow": 0, "available":false}] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-granite.jpg?v=1714496253", "color_name": "Granite", "type": "Clothing", "sku": "OWCJWGNXS", "id": "7817050194114", "title": "Women's Westerly Coach Jacket - Granite", "handle": "womens-westerly-coach-jacket-granite", "url": "/products/womens-westerly-coach-jacket-granite", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Granite-FrontView-Transparent.png?v=1711640648", "card_image": "//ca.vessi.com/cdn/shop/files/Westerly_Coach_Jacket_-_Womens_-_Granite_-_Front_View_-_Transparent_1_1.png?v=1712086625", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/womens-coach-jacket-granite.jpg?v=1711647970", "tags": ["BFCM","BFCM Sale Page","BFCM-51","BXDAY","BXDAY-71","End of Season Sale","Final Sale","Gender: Women","jackets","Last Chance Sale","LDS","LDS-31","Limited Edition","Product: Women's Westerly Coach Jacket","RGroup_women-westerly-coach-jacket","SALE-51","seasonal","Size: L","Size: M","Size: S","Size: XL","Size: XS","Style: Apparel","Style: Westerly Coach Jacket","Style: Women","UPSELL-25","Westerly Coach Jacket"], "price": 15000, "compare_at_price": 0, "discounted_price": 9900, "vip_discounted_price": null, "available": "true", "show_badge": "Waterproof", "rating_average": "4.67", "rating_count": "83", "rating_stars_filled": "93.4", "first_variant_id": 44012655182018, "metafields": { "additional_notes":null, "short_description":"Classic, lightweight, lifestyle" }, "variants": [{ "id": 44012655182018, "inventoryToShow": 33, "available":true},{ "id": 44012655050946, "inventoryToShow": 86, "available":true},{ "id": 44012655018178, "inventoryToShow": 162, "available":true},{ "id": 44012654985410, "inventoryToShow": 155, "available":true},{ "id": 44012655116482, "inventoryToShow": 23, "available":true}] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-black.jpg?v=1613754165", "color_name": "Black", "type": "Clothing", "sku": "OWCJWBKXS", "id": "7817050259650", "title": "Women's Westerly Coach Jacket - Black", "handle": "womens-westerly-coach-jacket-black", "url": "/products/womens-westerly-coach-jacket-black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Black-FrontView-Transparent.png?v=1711640640", "card_image": "//ca.vessi.com/cdn/shop/files/Westerly_Coach_Jacket_-_Womens_-_Black_-_Front_View_-_Transparent.png?v=1712086625", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/womens-coach-jacket-black.jpg?v=1711647964", "tags": ["BFCM","BFCM Sale Page","BFCM-51","bfcm-upsell","BXDAY","BXDAY-71","End of Season Sale","Final Sale","Gender: Women","jackets","Last Chance Sale","LDS","LDS-31","Product: Women's Westerly Coach Jacket","RGroup_women-westerly-coach-jacket","SALE-51","Size: L","Size: M","Size: S","Size: XL","Size: XS","Space Black","Style: Apparel","Style: Westerly Coach Jacket","Style: Women","UPSELL-25","Westerly Coach Jacket"], "price": 15000, "compare_at_price": 0, "discounted_price": 9900, "vip_discounted_price": null, "available": "true", "show_badge": "Waterproof", "rating_average": "4.67", "rating_count": "83", "rating_stars_filled": "93.4", "first_variant_id": 44012655837378, "metafields": { "additional_notes":null, "short_description":"Classic, lightweight, lifestyle" }, "variants": [{ "id": 44012655837378, "inventoryToShow": 240, "available":true},{ "id": 44012655542466, "inventoryToShow": 563, "available":true},{ "id": 44012655476930, "inventoryToShow": 817, "available":true},{ "id": 44012655378626, "inventoryToShow": 701, "available":true},{ "id": 44012655673538, "inventoryToShow": 233, "available":true}] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-sea.jpg?v=1714496253", "color_name": "Sea", "type": "Clothing", "sku": "OWCJWSEXS", "id": "7817050357954", "title": "Women's Westerly Coach Jacket - Sea", "handle": "womens-westerly-coach-jacket-sea", "url": "/products/womens-westerly-coach-jacket-sea", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Womens-Sea-FrontView-Transparent.png?v=1711640654", "card_image": "//ca.vessi.com/cdn/shop/files/Westerly_Coach_Jacket_-_Womens_-_Sea_-_Front_View_-_Transparent.png?v=1712086624", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/womens-coach-jacket-sea.jpg?v=1711647978", "tags": ["BFCM","BFCM Sale Page","BFCM-51","BXDAY","BXDAY-71","End of Season Sale","Final Sale","Gender: Women","jackets","Last Chance Sale","LDS","LDS-31","Limited Edition","Product: Women's Westerly Coach Jacket","RGroup_women-westerly-coach-jacket","SALE-51","seasonal","Size: L","Size: M","Size: S","Size: XL","Size: XS","Style: Apparel","Style: Westerly Coach Jacket","Style: Women","UPSELL-25","Westerly Coach Jacket"], "price": 15000, "compare_at_price": 0, "discounted_price": 9900, "vip_discounted_price": null, "available": "true", "show_badge": "Waterproof", "rating_average": "4.67", "rating_count": "83", "rating_stars_filled": "93.4", "first_variant_id": 44012656361666, "metafields": { "additional_notes":null, "short_description":"Classic, lightweight, lifestyle" }, "variants": [{ "id": 44012656361666, "inventoryToShow": 37, "available":true},{ "id": 44012656263362, "inventoryToShow": 97, "available":true},{ "id": 44012656066754, "inventoryToShow": 143, "available":true},{ "id": 44012655902914, "inventoryToShow": 143, "available":true},{ "id": 44012656328898, "inventoryToShow": 19, "available":true}] },{ "swatch_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/swatch-jet-black.jpg?v=1634942054", "color_name": "Jet Black", "type": "Clothing", "sku": "OWHDBKWXS", "id": "7694672953538", "title": "Women's Overcast Jacket - Jet Black", "handle": "womens-overcast-jacket-jet-black", "url": "/products/womens-overcast-jacket-jet-black", "featured_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast-Black-Womens-Front-Transparent.png?v=1694121569", "card_image": "//ca.vessi.com/cdn/shop/files/Overcast-Black-Womens-Front-Transparent.png?v=1694121569", "lifestyle_image": "\/\/ca.vessi.com\/cdn\/shop\/files\/Lifestyle-Black-W_14a8a0bc-e4f7-4920-909b-f908ce9c26f2.jpg?v=1694121569", "tags": ["BFCM","BFCM Sale Page","BFCM-61","BXDAY","BXDAY-61","Color: Black","CREATOR15","DELETED_PRODUCT","End of Season Sale","EOSS","Gender: Women","jackets","LDS","LDS-56","Low stock","Overcast and Shoreline","Overcast Jacket","Product: Women's Overcast Jacket","RGroup_women-overcast-jacket","Size: XS","Style: Apparel","Style: Overcast Jacket","Style: Women","UPSELL-25"], "price": 16000, "compare_at_price": 0, "discounted_price": null, "vip_discounted_price": null, "available": "true", "show_badge": "Waterproof", "rating_average": "4.62", "rating_count": "425", "rating_stars_filled": "92.4", "first_variant_id": 44706524758210, "metafields": { "additional_notes":null, "short_description":"Casual, everyday, super soft" }, "variants": [{ "id": 44706524758210, "inventoryToShow": 80, "available":true},{ "id": 44706524790978, "inventoryToShow": 0, "available":false},{ "id": 44706524823746, "inventoryToShow": 0, "available":false},{ "id": 44706524856514, "inventoryToShow": 0, "available":false},{ "id": 43434288906434, "inventoryToShow": 0, "available":false}] } ] } ]; if (useDefaultCollection && splitCollectionByStyle) { function handleize(string) { return string .toLowerCase() // Convert to lowercase .replace(/[^\w\s-]/g, '') // Remove all non-word characters .replace(/\s+/g, '-') // Replace spaces with dashes .replace(/--+/g, '-') // Replace multiple dashes with a single dash .trim(); // Remove leading and trailing spaces } let collectionFiltersRaw = [{"filter_list_images":["gid:\/\/shopify\/MediaImage\/31252075937986","gid:\/\/shopify\/MediaImage\/32316117319874","gid:\/\/shopify\/MediaImage\/33008914727106","gid:\/\/shopify\/MediaImage\/32932854268098","gid:\/\/shopify\/MediaImage\/33119625707714","gid:\/\/shopify\/MediaImage\/31191934828738","gid:\/\/shopify\/MediaImage\/33038994768066","gid:\/\/shopify\/MediaImage\/31733561589954","gid:\/\/shopify\/MediaImage\/32958528225474","gid:\/\/shopify\/MediaImage\/32913464623298","gid:\/\/shopify\/MediaImage\/31163106001090","gid:\/\/shopify\/MediaImage\/32575448678594","gid:\/\/shopify\/MediaImage\/31969024377026","gid:\/\/shopify\/MediaImage\/32575448809666","gid:\/\/shopify\/MediaImage\/31191760732354","gid:\/\/shopify\/MediaImage\/31179280285890","gid:\/\/shopify\/MediaImage\/32946952372418","gid:\/\/shopify\/MediaImage\/31191901962434","gid:\/\/shopify\/MediaImage\/33077374484674","gid:\/\/shopify\/MediaImage\/32673885814978","gid:\/\/shopify\/MediaImage\/32094010572994","gid:\/\/shopify\/MediaImage\/32606199677122","gid:\/\/shopify\/MediaImage\/32575066767554","gid:\/\/shopify\/MediaImage\/33077310652610","gid:\/\/shopify\/MediaImage\/33091077734594","gid:\/\/shopify\/MediaImage\/32351588679874","gid:\/\/shopify\/MediaImage\/32606327963842"],"filter_list_names":["Alta High Top","Stormburst High Top","Weekend Chelsea","Stormburst Low Top","Soho - Regular Fit","Weekend Sneaker","Tidal","Courtside Classic","Boardwalk","Cityscape Classic","Everyday Classic","Everyday Move","Everyday Move Slip-On","Soho 1 - Narrow Fit","Alta High Top - Narrow Fit","Market Flat","Sunday Slipper","Uptown Chelsea","Overcast Jacket 2","Westerly Coach Jacket","Overcast Jacket","Base Tee","Kids","Forecast Gloves","Forecast Beanie","Bags","Socks"],"filter_list_tags":["Style: Alta High Top","Style: Stormburst High Top","Style: Weekend Chelsea","Style: Stormburst Low Top","Style: Soho Sneaker 2","Style: Weekend","Style: Tidal Sneaker","Style: Courtside Classic","Style: Boardwalk Slip On","Style: Cityscape Classic","Style: Everyday Classic","Style: Everyday Move","Style: Everyday Move Slip-On","Style: Soho","Style: Alta High Top Narrow Fit","Style: Market Flat","Style: Sunday Slipper","Style: Uptown Chelsea","Style: Overcast Jacket 2","Style: Westerly Coach Jacket","Style: Overcast Jacket","Style: Base Tee","Style: Kids","Style: Forecast Gloves","Style: Forecast Beanie","Style: Bags","Style: Socks"],"filter_title":"Styles","filter_type":"multi"}]; let collectionsTags = ["BFCM","BFCM Sale Page","BFCM-26","BFCM-51","BFCM-61","bfcm-upsell","BOXING","BXDAY","BXDAY-26","BXDAY-61","BXDAY-71","Color: Beige","Color: Black","Color: Green","Color: Purple","Color: Red","CREATOR15","DELETED_PRODUCT","End of Season Sale","EOSS","Final Sale","Gender: Women","greater than","hidden","Holiday","jackets","just in","Last Chance Sale","LDS","LDS Upsell","LDS-31","LDS-56","LDSUPSELL-25","Limited Edition","Low stock","new","Overcast and Shoreline","Overcast Jacket","Overcast Jacket 2","Product: Women's Overcast Jacket","Product: Women's Overcast Jacket 2","Product: Women's Westerly Coach Jacket","publishedOnLast30days","RGroup_women-overcast-jacket","RGroup_women-westerly-coach-jacket","S4 New Products","SALE-41","SALE-51","Season Four","seasonal","Size: L","Size: M","Size: S","Size: XL","Size: XS","Space Black","Style: Apparel","Style: Overcast Jacket","Style: Overcast Jacket 2","Style: Westerly Coach Jacket","Style: Women","testRemoveNewTagsFlow","UPSELL-25","Westerly Coach Jacket"]; // remove all that have Sale in the tag const unwantedTags = ['sale','vip','summer','test','preorder','last-chance','lastchance']; if (collectionFiltersRaw.length > 0) { collectionFiltersRaw = collectionFiltersRaw[0]; } let collectionByFilterTag = []; let collectionSet = new Set(); // To keep track of unique collections firstCollectionData[0].products.forEach(product => { const productTags = product.tags.filter(tag => tag.startsWith('Product:') && !unwantedTags.some(unwantedTag => handleize(tag).includes(unwantedTag))); const hasAvailableProducts = product.available === "true" || product.available === true; if (productTags.length > 0 && hasAvailableProducts) { productTags.forEach(tag => { const standardizeTag = handleize(tag); const products = firstCollectionData[0].products.filter(product => product.tags.some(productTag => handleize(productTag) === standardizeTag)); if (products.length > 0) { let collection = { description: '', featured_image: '', title: tag, handle: tag.replaceAll(' ', '-').toLowerCase(), id: tag.replaceAll(' ', '-').toLowerCase(), products: products }; if (!collectionSet.has(collection.id)) { collectionByFilterTag.push(collection); collectionSet.add(collection.id); } } }); } }); firstCollectionData = [...collectionByFilterTag]; } const allTags = ["bfcm","bfcm sale page","bfcm 26","bfcm 51","bfcm 61","bfcm upsell","boxing","bxday","bxday 26","bxday 61","bxday 71","color: beige","color: black","color: green","color: purple","color: red","creator15","deleted_product","end of season sale","eoss","final sale","gender: women","greater than","hidden","holiday","jackets","just in","last chance sale","lds","lds upsell","lds 31","lds 56","ldsupsell 25","limited edition","low stock","new","overcast and shoreline","overcast jacket","overcast jacket 2","product: women's overcast jacket","product: women's overcast jacket 2","product: women's westerly coach jacket","publishedonlast30days","rgroup_women overcast jacket","rgroup_women westerly coach jacket","s4 new products","sale 41","sale 51","season four","seasonal","size: l","size: m","size: s","size: xl","size: xs","space black","style: apparel","style: overcast jacket","style: overcast jacket 2","style: westerly coach jacket","style: women","testremovenewtagsflow","upsell 25","westerly coach jacket"]; const getSizeNumber = str => { const num = str.match(/\d+/); return num ? parseInt(num[0]) : Infinity; // Set non-numeric sizes to Infinity so they come last }; const featuredImages = []; const vueApp = Vue.createApp({ name: "CollectionMain", delimiters: ['{(', ')}'], components: { Collectionaccordion, Collectionexplist, Junipstarsummary, Collectionproductwithswatches }, data() { return { allTags: allTags, imgURL: themeUtils.general.imgURL, navBarHeight: 0, isLoadingCollection: false, collectionFilters: [ { filter_title: "Size", filter_list_names: allTags.filter(tag => tag.includes('size:')).sort((a, b) => { return getSizeNumber(a) - getSizeNumber(b); }).map(tag => tag.split(':')[1].trim() || tag), filter_list_tags: allTags.filter(tag => tag.includes('size:')).sort((a, b) => { return getSizeNumber(a) - getSizeNumber(b); }), filter_list_images: [], filter_type: "multi", filter_checked: [] }, { filter_title: "Gender", filter_list_names: ["Men","Women","Kids"], filter_list_tags: ["gender: men","gender: women","gender: kids"], filter_list_images: null, filter_type: "single", filter_checked: false }, { filter_title: "Category", filter_list_names: ["Shoes","Apparel","Bags","Accessories"], filter_list_tags: ["style: shoes","style: apparel","style: bags","style: accessories"], filter_list_images: ["\/\/ca.vessi.com\/cdn\/shop\/files\/EV-Classic-Midnight_Black-Left.png?v=1697083661","\/\/ca.vessi.com\/cdn\/shop\/files\/Westerly_Coach_Jacket_-_Womens_-_Sea_-_Front_View_-_Transparent.png?v=1712086624","\/\/ca.vessi.com\/cdn\/shop\/files\/Astoria.png?v=1722384421","\/\/ca.vessi.com\/cdn\/shop\/files\/Mid-Crew-Sock-Nav-Bar-Icon.png?v=1658856351"], filter_type: "multi", filter_checked: [] }, { filter_title: "Shoe Type", filter_list_names: ["Sneakers","Flats","Boots","Slip-Ons","Low-Tops","High-Tops"], filter_list_tags: ["sneakers","flats","boots","slip ons","low tops","high tops"], filter_list_images: ["\/\/ca.vessi.com\/cdn\/shop\/files\/Weekend-Oak_Brown-Left.png?v=1697140318","\/\/ca.vessi.com\/cdn\/shop\/files\/Boardwalk-SlipOns-Coastal_Blue_-_left.png?v=1696974717","\/\/ca.vessi.com\/cdn\/shop\/files\/Weekend-Chelsea-Shiitake_Brown-Left.png?v=1697139846","\/\/ca.vessi.com\/cdn\/shop\/files\/Everyday_Move_Slip_On_-_Sunstone_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1712958981","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst_Low_-_Quartzite_-_Left_Side_-_Transparent_-_With_Shadow.png?v=1709931259","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst_Space_Black_Left.png?v=1697586540"], filter_type: "multi", filter_checked: [] }, { filter_title: "Activities", filter_list_names: ["Active","Lifestyle","Cold Weather"], filter_list_tags: ["active style","lifestyle","cold weather"], filter_list_images: null, filter_type: "multi", filter_checked: [] }, { filter_title: "Styles", filter_list_names: ["Alta High Top","Stormburst High Top","Weekend Chelsea","Stormburst Low Top","Soho - Regular Fit","Weekend Sneaker","Tidal","Courtside Classic","Boardwalk","Cityscape Classic","Everyday Classic","Everyday Move","Everyday Move Slip-On","Soho 1 - Narrow Fit","Alta High Top - Narrow Fit","Market Flat","Sunday Slipper","Uptown Chelsea","Overcast Jacket 2","Westerly Coach Jacket","Overcast Jacket","Base Tee","Kids","Forecast Gloves","Forecast Beanie","Bags","Socks"], filter_list_tags: ["style: alta high top","style: stormburst high top","style: weekend chelsea","style: stormburst low top","style: soho sneaker 2","style: weekend","style: tidal sneaker","style: courtside classic","style: boardwalk slip on","style: cityscape classic","style: everyday classic","style: everyday move","style: everyday move slip on","style: soho","style: alta high top narrow fit","style: market flat","style: sunday slipper","style: uptown chelsea","style: overcast jacket 2","style: westerly coach jacket","style: overcast jacket","style: base tee","style: kids","style: forecast gloves","style: forecast beanie","style: bags","style: socks"], filter_list_images: ["\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst_Space_Black_Left.png?v=1697586540","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst_Low_-_Quartzite_-_Left_Side_-_Transparent_-_With_Shadow.png?v=1709931259","\/\/ca.vessi.com\/cdn\/shop\/files\/Soho_2.0_-_White_Teak_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1724445434","\/\/ca.vessi.com\/cdn\/shop\/files\/Weekend_-_Marble_White_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1721167501","\/\/ca.vessi.com\/cdn\/shop\/files\/Uptown_Chelsea_-_Teak_-_Left_View_-_Transparent_-_With_Shadow.png?v=1729098119","\/\/ca.vessi.com\/cdn\/shop\/files\/Weekend-Chelsea-Shiitake_Brown-Left.png?v=1697139846","\/\/ca.vessi.com\/cdn\/shop\/files\/Tidal_-_Black_on_Black_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1725632571","\/\/ca.vessi.com\/cdn\/shop\/files\/AltaHighTop-Asphalt_Black-Left.png?v=1702676988","\/\/ca.vessi.com\/cdn\/shop\/files\/Courtside_-_Off-White_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1722360976","\/\/ca.vessi.com\/cdn\/shop\/files\/Boardwalk_-_Sea_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1720024825","\/\/ca.vessi.com\/cdn\/shop\/files\/Cityscape-Classic-Charcoal_Grey-Left.png?v=1696986551","\/\/ca.vessi.com\/cdn\/shop\/files\/Everyday_Classic_-_Daydream_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1712958981","\/\/ca.vessi.com\/cdn\/shop\/files\/Everyday_Move_Breezy_Black_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1705358474","\/\/ca.vessi.com\/cdn\/shop\/files\/Everyday_Move_Slip_On_-_Sunstone_-_Left_Side_View_-_Transparent_-_With_Shadow.png?v=1712958981","\/\/ca.vessi.com\/cdn\/shop\/files\/SOHO-Asphalt_Black_on_Black-Left.png?v=1697139012","\/\/ca.vessi.com\/cdn\/shop\/files\/AltaHighTop-Ivory_White-Left.png?v=1697067043","\/\/ca.vessi.com\/cdn\/shop\/files\/Updated_Market_Flat_-_Black_-_Left_Side_View_-_Transparent_-_With_Shadow_1.png?v=1721782325","\/\/ca.vessi.com\/cdn\/shop\/files\/SundaySlipper-Slate_Grey-Left.png?v=1697139669","\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast2.0-Black-Womens-Transparent-Final.png?v=1727393135","\/\/ca.vessi.com\/cdn\/shop\/files\/WesterlyCoachJacket-Mens-Twill-FrontView-WhiteBG_1.jpg?v=1713824225","\/\/ca.vessi.com\/cdn\/shop\/files\/Overcast-Quartzite-Womens-Front-Transparent.png?v=1706883583","\/\/ca.vessi.com\/cdn\/shop\/files\/BaseT-shirt-Mens-Black-WhiteBG.jpg?v=1713823591","\/\/ca.vessi.com\/cdn\/shop\/files\/Weekend_Chelsea_Kids_-_Tidal_-_Left_Side_View_-_Transparent_-_With_Shadow_5bbdb21b-1452-40b8-b2ce-4391fb20fd82.png?v=1712946290","\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922","\/\/ca.vessi.com\/cdn\/shop\/files\/Grey-Vessi-Beanie-Back-Transparent3_8499144c-5ce7-434b-8c90-15321de69574.png?v=1727908383","\/\/ca.vessi.com\/cdn\/shop\/files\/Astoria_-_Backpack-_Black.png?v=1710373150","\/\/ca.vessi.com\/cdn\/shop\/files\/No_Show_Socks_3_Pack_-_White_BG.jpg?v=1713219579"], filter_type: "multi", filter_checked: [] }, ], featuredImages: featuredImages, featuredFilter: '', filterBarOpen: false, filtersColorsChecked: [], filtersSizesChecked: [], filtersStylesChecked: [], filtersActivitiesChecked: [], filterShoeTypeChecked: [], filtersGendersChecked: '', filterTags: [], hasVipCookie: themeUtils.general.hasCookie, hideMainTitle: false, isSorting: false, showBundleBuilder: false, showCollectionImage: false, showCollectionDescriptionSubtitle: false, showReviewStarsOnProduct: false, showSoldOutProducts: false, bundleProducts: [], bundleDiscountType: "quantity", bundleDiscountThresholds: null, bundleDiscountPercentages: null, lifestyle_images: { "womens-jackets": [] }, tabletScreenSize: 768, mobileScreenSize: 480, selectedFilter: null, settings: {"hide_breadcrumbs":false,"section_main_title":"","section_subtitle":"","hide_main_title":false,"show_category":true,"split_collection_by_style":true,"show_collection_image":false,"show_collection_description_subtitle":false,"show_review_stars_on_product":false,"preload_first_collections":true,"products_per_row_desktop":3,"products_per_row_tablet":2,"show_bundle_builder":false,"bundle_discount_type":"quantity","bundle_discount_thresholds":"","bundle_discount_percentages":""}, scriptsLoaded: false, screenSize: window.innerWidth, showDiscountPercentage: false, showBackToTop: false, vipSaleTag: 'SALE-VIP', hasVipSale:false, sortedBy: null, sortingOptions, toggle_quick_add: false, genderStyle: ['Women', 'Men', 'Accessories', 'Kids'], genderImages: { men: "\/\/ca.vessi.com\/cdn\/shop\/files\/LE-Men.jpg?v=1675118490", women: "\/\/ca.vessi.com\/cdn\/shop\/files\/LE-Women_s.jpg?v=1675118486", kids: "\/\/ca.vessi.com\/cdn\/shop\/files\/LE-kids.jpg?v=1675118499", accessories: "\/\/ca.vessi.com\/cdn\/shop\/files\/SHOP_ACCESSORIES.jpg?v=1670019319" }, collections_array: [], preferred_color_array: [], filtered_collections_data: [], collections_data: [ ...firstCollectionData ], taggedProductsArray: [], useDefaultCollection: true } }, created() { document.getElementById("plp_vue_app_template--17177505890498__collection-2").style.display = "block"; window.addEventListener("themeIsLoaded", () => { this.scriptsLoaded = true; this.navBarHeight = document.querySelector('#shopify-section-header').offsetHeight; theme.makeScrollable('template--17177505890498__collection-2'); const bundleProductsCookie = theme.getCookie('bundle_products'); if (bundleProductsCookie) { this.bundleProducts = JSON.parse(bundleProductsCookie); } }) window.addEventListener("vessi_vip_cookie_set", () => { this.hasVipSale = true; }) window.addEventListener("scroll", this.handleScroll); window.addEventListener("scroll", this.handleBackToTopScroll); const cardLinks = document.querySelectorAll('.section-card-slider a'); const triggerByClick = async (event) => { const link = event.currentTarget const handle = link.getAttribute('href').split('#').pop(); const collectionExists = document.getElementById(handle); if (!collectionExists) { try { const handlesCollection = await this.loadCollection(handle); link.click(); } catch (err) { console.error(err); } } link.removeEventListener('click', triggerByClick, true); } cardLinks.forEach(link => { link.addEventListener('click', triggerByClick, true); }) window.addEventListener('resize', () => { this.screenSize = window.innerWidth; this.navBarHeight = document.querySelector('#shopify-section-header').offsetHeight; if (this.isTablet && this.filterBarOpen) { this.filterBarOpen = false; } }); }, mounted() { const curUrl = window.location.href; const paramString = new URLSearchParams(curUrl.includes('?') ? curUrl.split('?')[1] : ''); const paramsBasedCollectionLoad = () => { const loadFirsCollection = () => {// If the first collection has less than 4 products, load the next 2 collections let firstCollection = this.filteredCollectionsData[0]; if (firstCollection?.products.length < 4 && this.collections_data.length < this.collections_array.length) { this.loadUnloadedCollections(2); } return; } let shouldLoadUnloadedCollections = false; let shouldLoadFirstCollection = true; if (paramString.has('collection_id')) { const collectionId = paramString.get('collection_id'); const collectionHandle = this.collections_array.find(coll => coll === collectionId); if (collectionHandle) { shouldLoadFirstCollection = false; this.loadCollection(collectionHandle).catch(err => { console.error(err); }); } } if (paramString.has('preference')) { let preference = paramString.get('preference'); let handleizedPreference = preference.toLowerCase().trim(); let preferenceTag = `gender: ${preference}`; // find the tag in this.collectionFilters and set it as checked, if filter_type is single set it as a string, if multi push to array shouldLoadUnloadedCollections = this.setFilterChecked(this.collectionFilters, preferenceTag, shouldLoadUnloadedCollections); } if (paramString.has('tags')) { let styleFilters = paramString.get('tags').split(','); // Split by comma styleFilters.forEach(styleFilter => { let styleTag = styleFilter.replace(/-/g, ' ').trim(); shouldLoadUnloadedCollections = this.setFilterChecked(this.collectionFilters, styleTag, shouldLoadUnloadedCollections); }); } if (shouldLoadUnloadedCollections) { setTimeout(() => { this.loadUnloadedCollections(); }, shouldLoadFirstCollection ? 0 : 1000); } else if (shouldLoadFirstCollection) { loadFirsCollection(); } } paramsBasedCollectionLoad(); }, watch: { allCheckedFiltersSize(newVal, oldVal) { if (newVal !== oldVal) { const filterAndCollections = document.querySelector('.filter_and_collections'); if (filterAndCollections) { // check if user is at top const currentPosition = window.pageYOffset; const filterAndCollectionsTop = filterAndCollections.getBoundingClientRect().top; if (currentPosition > filterAndCollectionsTop) { window.scrollTo({ top: filterAndCollectionsTop + this.navBarHeight, behavior: 'smooth' }); } } } }, bundleProducts: { handler(newVal, oldVal) { if (typeof theme !== 'undefined' && this.scriptsLoaded) { const stringified = JSON.stringify(newVal); theme.setCookie('bundle_products', stringified, 1); } }, immediate: true, deep: true } }, computed: { allCheckedFilters() { // create a copy of the collectionFilters array and reduce it to an array of all checked filters let collectionFiltersCopy = [...this.collectionFilters]; let allCheckedFilters = collectionFiltersCopy.reduce((acc, curr) => { if (Array.isArray(curr.filter_checked) && curr.filter_checked.length > 0) { acc.push(curr.filter_checked); } else if (typeof curr.filter_checked === 'string') { acc.push([curr.filter_checked]); } return acc; }, []); return { forFilter: allCheckedFilters, forTags: allCheckedFilters.flat() } }, allCheckedFiltersSize() { // return the sum of the size of each array in allCheckedFilters return this.allCheckedFilters.forTags.length; }, collectionFilterExistingTags() { // returm this.collectionFilters filtered with only the tags that are already in the collection this.allTags return this.collectionFilters.map(collectionFilter => { return { ...collectionFilter, filter_list_names: collectionFilter.filter_list_tags.map((tag, index) => { if (this.allTags.includes(tag)) { return collectionFilter.filter_list_names[index]; } }).filter(tag => tag), filter_list_tags: collectionFilter.filter_list_tags.filter(tag => this.allTags.includes(tag)), filter_list_images: collectionFilter.filter_list_images?.filter((img, index) => this.allTags.includes(collectionFilter.filter_list_tags[index])), } }) }, collectionFilterGenders() { const index = this.collectionFilterExistingTags.findIndex(filter => filter.filter_title === 'Gender'); const item = this.collectionFilterExistingTags.find(filter => filter.filter_title === 'Gender'); return { ...item, index }; }, collectionFilterFeaturedFilter() { if (this.featuredFilter === '') { this.featuredFilter = "Category"; } const returnCollectionFeaturedFilter = (filterName) => { const index = this.collectionFilterExistingTags.findIndex(filter => filterName === filter.filter_title); const item = this.collectionFilterExistingTags.find(filter => filterName === filter.filter_title); if (item.filter_list_names.length <= 1) return null; return { ...item, index }; } let result = returnCollectionFeaturedFilter(this.featuredFilter); if (!result) { result = returnCollectionFeaturedFilter('Shoe Type'); if (result && result.filter_list_names.length <= 2) { let stylesResult = returnCollectionFeaturedFilter('Styles'); if (stylesResult && stylesResult.filter_list_names.length >= 2) { result = stylesResult; } } } return result; }, currentTags() { if (this.unloadedCollections.length > 0) return this.allTags; let currentTags = []; this.filteredCollectionsData.forEach(collection => { collection.products.forEach(product => { currentTags = [...currentTags, ...product.tags.map(tag => tag.toLowerCase().replace('-', ' '))]; }) }) currentTags = currentTags.filter((tag, index, self) => self.indexOf(tag) === index); return currentTags ? currentTags : this.allTags; }, filteredCollectionsData() { let filtered = this.allCheckedFilters.forFilter.length > 0 ? this.collections_data.map(collection => { return { ...collection, products: collection.products.filter(product => this.allCheckedFilters.forFilter.every(filtered => { if (filtered.length > 0) { return filtered.some(value => product.tags.some(val => val.toLowerCase().replace('-', ' ') === value)) } else { return true } }) ), } }).filter(collection => collection.products.length > 0) : this.collections_data // Filter out products that are not available if (!this.showSoldOutProducts) { filtered = [...filtered].map(collection => { return { ...collection, products: collection.products.filter(p => { const isAvailable = p.available === "true" || p.available === true const hasAvailableVariants = p.variants.some(v => (v.available === "true" || v.available === true) && v.inventoryToShow > 0) const isSoldoutException = p.tags.some(tag => tag.toLowerCase().includes('sold-out-exception')); const isLimitedEdition = p.tags.some(tag => tag.toLowerCase().includes('limited edition')); const isDiscontinued = p.tags.some(tag => tag.toLowerCase().includes('discontinued')); return isSoldoutException || (isAvailable && hasAvailableVariants) || (!isLimitedEdition && !isDiscontinued); }) } }); } if(this.sortedBy === this.sortingOptions.PRICE_LOW_TO_HIGH.value) { filtered = [...filtered].map(collection => { return { ...collection, products: [...collection.products].sort((a, b) => { let priceA = a.discounted_price || a.price; let priceB = b.discounted_price || b.price; return priceA - priceB; }) } }).sort((a, b) => { if (a.products.length > 0 && b.products.length > 0) { let priceA = a.products[0].discounted_price || a.products[0].price; let priceB = b.products[0].discounted_price || b.products[0].price; return priceA - priceB; } else { return 0; } }) } else if (this.sortedBy === this.sortingOptions.PRICE_HIGH_TO_LOW.value) { filtered = [...filtered].map(collection => { return { ...collection, products: [...collection.products].sort((a, b) => { let priceA = a.discounted_price || a.price; let priceB = b.discounted_price || b.price; return priceB - priceA; }) } }).sort((a, b) => { if (a.products.length > 0 && b.products.length > 0) { let priceA = a.products[0].discounted_price || a.products[0].price; let priceB = b.products[0].discounted_price || b.products[0].price; return priceB - priceA; } else { return 0; } }) } return filtered; }, isBundleBuilderConfigured() { return this.showBundleBuilder && this.bundleDiscountThresholds !== null && this.bundleDiscountPercentages !== null; }, isFiltered() { return this.allCheckedFilters.forTags.some(arr => arr.length > 0) || this.sortedBy ? true : false; }, isTablet() { return this.screenSize <= this.tabletScreenSize }, isMobile() { return this.screenSize <= this.mobileScreenSize }, noProductsAvailable() { return this.filteredCollectionsData.every(collection => collection.products.length === 0) }, unloadedCollections() { return this.collections_array.filter(collection => { return !this.collections_data.find(data => { return data.handle == collection }) }) } }, methods: { addProductToBundle(product, variant) { let productWithVariant = { id: product.id, title: product.title, featured_image: product.featured_image, price: product.price, variant: { id: variant.id, sizeNumber: variant.sizeNumber } } const variantIndex = this.bundleProducts.findIndex(p => p.id === productWithVariant.id && productWithVariant.variant.id === p.variant.id); if (variantIndex > -1) { this.bundleProducts[variantIndex].quantity++; } else { this.bundleProducts.push({ ...productWithVariant, quantity: 1 }); } }, clearAllFilters() { // Clear all filters from the collectionFilters array this.collectionFilters = this.collectionFilters.map(filter => { return { ...filter, filter_checked: filter.filter_type === 'single' ? false : [] } }); this.sortedBy = null; this.toggleFilter(); }, clickOutsideFilter(e) { const doNotListen = document.querySelectorAll('.filter-sort-wrapper *'); if (![...doNotListen].includes(e.target)) { this.toggleFilter(); } }, closeActiveQuickAdd() { this.toggle_quick_add = !this.toggle_quick_add; }, closeFiltersMobile() { this.filterBarOpen = false; }, debounce(func, wait, immediate) { let timeout; return function executedFunction() { const context = this; const args = arguments; const later = function() { timeout = null; if (!immediate) func.apply(context, args); }; const callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; }, featuredImageByPosition(position) { return this.featuredImages.find(f => f.position === position); }, handleScroll(e) { let element = document.querySelector('#plp_vue_app_template--17177505890498__collection-2 .scroll-for-more'); if (element && element.getBoundingClientRect().bottom < (window.innerHeight * 2) && !this.isLoadingCollection) { this.loadUnloadedCollections(3); } if (this.unloadedCollections.length == 0) { window.removeEventListener("scroll", this.handleScroll); } }, handleBackToTopScroll() { const firstWrapper = document.querySelector('.collection_products_wrapper'); if (firstWrapper) { this.showBackToTop = window.scrollY > (firstWrapper.offsetTop + 300); } }, hasOnlyOneTitle(collection_products) { if (collection_products.length === 0) return false; const firstSplitedTitle = this.splitProductTitle(collection_products[0].title); return collection_products.every(product => { const splitedTitle = this.splitProductTitle(product.title); return splitedTitle === firstSplitedTitle; }); }, removeTagFromAllTags(tag) { // find the tag in collectionFilters filter_checked arrays or strings and remove it let shiftedCollectionFilters = this.collectionFilters.map(filter => { if (Array.isArray(filter.filter_checked)) { return { ...filter, filter_checked: filter.filter_checked.filter(filterTag => filterTag !== tag) } } else { return { ...filter, filter_checked: filter.filter_checked === tag ? false : filter.filter_checked } } }); this.collectionFilters = shiftedCollectionFilters; }, sendPlpFeaturedImageGtmEvent(redirectUrl) { //send gtm event window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'plpFeaturedImageClick', action: 'featured image click', category: 'collection page v2', details: { storefront: window.Shopify.shop, current_url: window.location.href, redirect_url: redirectUrl, event_id: window.crypto.randomUUID ? window.crypto.randomUUID() : String(Math.random()).replace("0.", "") } }); }, setFilterChecked(collectionFilters, preferenceTag, shouldLoadUnloadedCollections) { // Find the tag in collectionFilters and set it as checked let preferenceHandleIndex = collectionFilters.findIndex((option) => { return option.filter_list_tags.some(tag => tag.toLowerCase() === preferenceTag.toLowerCase()); }); if (preferenceHandleIndex !== -1) { collectionFilters[preferenceHandleIndex].filter_checked = collectionFilters[preferenceHandleIndex].filter_type === 'single' ? preferenceTag : [...collectionFilters[preferenceHandleIndex].filter_checked, preferenceTag]; shouldLoadUnloadedCollections = true; } return shouldLoadUnloadedCollections; }, scrollToTop() { const collectionWrapper = document.querySelector('.collection_products_wrapper'); if (collectionWrapper) { window.scrollTo({ top: collectionWrapper.offsetTop - (collectionWrapper.offsetHeight / 2), behavior: 'smooth' }); } }, async loadCollection(collection) { this.isLoadingCollection = true; await fetch(`${ROOT_URL}/collections/${collection}?view=vue_template_with_variants`) .then(response => response.json()) .then(data => { this.collections_data.push(data); this.collections_data = this.collections_data.map((collection, index) => { const handleIndex = this.collections_array.findIndex(handle => handle === collection.handle); const preferredColor = this.preferred_color_array[handleIndex]; if (preferredColor) { return { ...collection, preferred_color: preferredColor } } else { return collection; } }) return Promise.resolve(data); }) .catch((error) => { console.error(error); return Promise.reject('Collection not found'); }) .finally(() => { this.isLoadingCollection = false; }) }, async loadUnloadedCollections(limit) { if(this.isLoadingCollection) return; for(let [i, collection] of this.unloadedCollections.entries()) { if(limit && i >= limit) { break; } await this.loadCollection(collection); } }, openFiltersMobile() { this.filterBarOpen = true; }, removeBeforeColon(string) { return string.split(':')[1] ? string.split(':')[1].trim() : string }, removeColon(string) { return string.replace(':', ''); }, scrollToElement(element) { if (this.$refs[element]) { this.$refs[element].scrollIntoView({ behavior: 'smooth', block: 'start' }); } }, async sortByPrice() { this.isSorting = true; await this.loadUnloadedCollections(); this.isSorting = false; }, splitCollectionTitle(title) { return title.split(':')[1] ? title.split(':')[1].trim() : title }, splitProductTitle(title) { return title.split('- ')[0].trim().toLowerCase(); }, toggleFilter(ev) { if(this.isTablet) return; const target = ev ? ev.target.parentNode : null; const hasClass = target ? target.classList.contains('active') : false; document.querySelectorAll('.filter-wrap').forEach(filter => { filter.classList.remove('active'); this.selectedFilter = null; document.removeEventListener('click', this.clickOutsideFilter, true); }); if (!hasClass && target) { target.classList.add('active'); this.selectedFilter = target.dataset.filter; document.addEventListener('click', this.clickOutsideFilter, true); } } } }).mount('#plp_vue_app_template--17177505890498__collection-2');; if (window.Cypress) { window.vueApp = vueApp; } </script> </div><div id="shopify-section-template--17177505890498__section_theme_blocks_GfNANK" class="shopify-section content-wrapper"> <style data-shopify> #shopify-section-template--17177505890498__section_theme_blocks_GfNANK.content-wrapper { background-color: #fff; --blockGapDesktop: 0.875rem; --blockGapTablet: 0.625rem; --blockGapMobile: 0.3125rem; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK * { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } /* if section.blocks contains type block_blog */ #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_container { display: flex; justify-content: center; align-items: center; align-content: center; gap: 2rem 0; flex-wrap: wrap; margin: 0 auto; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_title_flex { display: flex; justify-content: space-between; align-items: center; width: 100%; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_title { display: flex; flex-direction: column; gap: 0.5rem 0; flex: 1; width: 100%; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_title h2 { text-align: center; margin: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_title p { text-align: center; margin: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control { display: none; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control .section_blocks_slider_prev, #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control .section_blocks_slider_next { transition: all 0.2s; height: 100%; display: flex; justify-content: center; align-items: center; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control .section_blocks_slider_prev.disabled, #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control .section_blocks_slider_next.disabled { pointer-events: none; opacity: 0.5; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_content_wrapper { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; gap: var(--blockGapMobile); flex-wrap: wrap; } .section_blocks_scrollable { overflow-x: scroll; overscroll-behavior-x: contain; /* Prevent x-axis bounce-back */ -webkit-overflow-scrolling: touch; /* Enables smooth scrolling in Safari */ scroll-snap-type: none !important; display: flex; flex-wrap: nowrap; gap: var(--blockGapMobile); } .section_blocks_scrollable > * { scroll-snap-align: start; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item { display: flex; justify-content: center; align-items: center; gap: var(--blockGapMobile); text-decoration: none; color: var(--colorWhite, #fff); background-color: var(--colorWhiteGrey, #c2c2c2); position: relative; overflow: hidden; flex: 0 0 auto; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item { width: calc(100.0% - (var(--blockGapMobile) / 1)); } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item.section_blocks_item_full { width: 100%; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content { display: flex; width: 100%; height: 100%; padding: 5% 7%; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 0.65rem; position: absolute; left: 0; bottom: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content h3, #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content p { color: inherit; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.center_mobile { justify-content: center; align-items: center; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.center_left_mobile { justify-content: center; align-items: start; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.center_right_mobile { justify-content: center; align-items: end; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.space_left_mobile { justify-content: space-between; align-items: start; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.top_center_mobile { justify-content: flex-start; align-items: center; top: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.bottom_center_mobile { justify-content: flex-end; align-items: center; bottom: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.top_left_mobile { justify-content: flex-start; align-items: flex-start; left: 0; top: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.top_right_mobile { justify-content: flex-start; align-items: flex-end; right: 0; top: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.bottom_left_mobile { justify-content: flex-end; align-items: flex-start; left: 0; bottom: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.bottom_right_mobile { justify-content: flex-end; align-items: flex-end; right: 0; bottom: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item .section_blocks_item_image { width: 100%; height: 100%; position: relative; overflow: hidden; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease-in-out; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item:hover .section_blocks_item_image img { transform: scale(1.1); } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item .section_blocks_item_content h3 { margin: 0; Width: 100%; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item .section_blocks_item_content p { margin: 0; } /* block blog */ #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item.block_blog .section_blocks_item_content { gap: 0.9375rem; } @media screen and (min-width: 481px) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control { display: none; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_content_wrapper { gap: var(--blockGapTablet); } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item { width: calc(50.0% - (var(--blockGapTablet) / 2)); } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_title h2 { text-align: left } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_title p { text-align: left } } @media screen and (min-width: 769px) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK.content-wrapper, #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_container { padding-right: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_title_flex { padding-right: 4.16%; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control { display: flex; height: 3rem; justify-content: center; align-items: center; gap: 1.5rem; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control .section_blocks_slider_prev, #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control .section_blocks_slider_next { transition: all 0.2s; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable { padding-right: 4.16%; overflow-x: auto; /* Hide scrollbar */ scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; /* Prevent x-axis bounce-back */ -webkit-overflow-scrolling: touch; /* Enables smooth scrolling in Safari */ scroll-snap-type: none !important; display: flex; flex-wrap: nowrap; gap: var(--blockGapDesktop); } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_content_wrapper { width: max-content; flex-wrap: nowrap; gap: var(--blockGapDesktop); } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item, #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item.section_blocks_item_full { width: calc((100% - 3 * var(--blockGapDesktop)) / 3); } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item.section_blocks_item_full .section_blocks_item_content { max-width: 60%; background: none !important; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.center_desktop { justify-content: center; align-items: center; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.center_left_desktop { justify-content: center; align-items: start; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.center_right_desktop { justify-content: center; align-items: end; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.space_left_desktop { justify-content: space-between; align-items: start; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.top_center_desktop { justify-content: flex-start; align-items: center; top: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.bottom_center_desktop { justify-content: flex-end; align-items: center; bottom: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.top_left_desktop { justify-content: flex-start; align-items: flex-start; left: 0; top: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.top_right_desktop { justify-content: flex-start; align-items: flex-end; right: 0; top: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.bottom_left_desktop { justify-content: flex-end; align-items: flex-start; left: 0; bottom: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item_content.bottom_right_desktop { justify-content: flex-end; align-items: flex-end; right: 0; bottom: 0; } /* block blog */ #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_item.block_blog .section_blocks_item_content { gap: 2rem; } } @media screen and (max-width: 480px) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_slider_control { display: none; } } @supports (scrollbar-color: auto) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable { scrollbar-width: none; } } @supports selector(::-webkit-scrollbar) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable::-webkit-scrollbar { display: none; } } /* Scroll Bar */ @media screen and (max-width: 768px) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_content_wrapper { padding-bottom: 1rem; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .custom_scroll_bar { position: sticky; bottom: 0; left: 0; width: 99%; height: 4px; padding: 0; border-radius: 50px; background: var(--secondaryBg); margin: 0 auto; margin-top: 1.25rem; margin-left: 0; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .custom_scroll_thumb { position: absolute; top: 0; left: 0; width: 57px; height: 100%; background-color: var(--tertiaryBg); /* Color of the scrollbar thumb */ border-radius: 5px; /* Radius of the scrollbar thumb */ cursor: pointer; /* Change cursor on hover */ } @media (min-width: 481px) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .custom_scroll_bar { width: 100%; } } /* customize scrollbar */ @supports (scrollbar-color: auto) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable { scrollbar-color: var(--tertiaryBg) var(--secondaryBg); scrollbar-gutter: stable; scrollbar-width: thin; } } @supports selector(::-webkit-scrollbar) { #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable::-webkit-scrollbar { height: 4px; border-radius: 10px; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable::-webkit-scrollbar-thumb { background: var(--tertiaryBg); border-radius: 10px; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable::-webkit-scrollbar-track { background: var(--secondaryBg); border-radius: 10px; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable::-webkit-scrollbar-thumb:hover { background: var(--tertiaryBg); border-radius: 10px; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable::-webkit-scrollbar-thumb:active { background: var(--tertiaryBg); border-radius: 10px; } #shopify-section-template--17177505890498__section_theme_blocks_GfNANK .section_blocks_scrollable::-webkit-scrollbar-button { display: none; } } } </style> <div class="section_blocks_container" > <div class="section_blocks_title_flex"> <div class="section_blocks_title"> <h2 class="heading_1">You May Also Like</h2> <p></p> </div> <div class="section_blocks_slider_control"> <button class="section_blocks_slider_prev v-icon v-icon--arrow-right"> <svg class="v-icon bg_primary circle"> <use xlink:href="#v-icon-arrow-left"></use> </svg> </button> <button class="section_blocks_slider_next"> <svg class="v-icon bg_primary circle"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </div> </div> <div class="section_blocks_scrollable" onmousedown="if(event.preventDefault) event.preventDefault()"> <a href="https://ca.vessi.com/collections/apparel-accessories" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=187 187w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=235 235w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=290 290w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=375 375w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=412 412w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=450 450w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=550 550w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=650 650w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=742 742w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=750 750w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=824 824w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=850 850w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=187 187w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=235 235w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=290 290w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=375 375w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=412 412w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=450 450w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=470 470w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=550 550w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=768 768w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=880 880w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=187 187w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=235 235w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=290 290w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=375 375w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=412 412w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=450 450w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=550 550w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=768 768w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=880 880w,//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Shop_accessories_reskin.jpg?v=1738280282&width=1500" alt="" width="900" height="898" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Accessories <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/apparel" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=187 187w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=235 235w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=290 290w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=375 375w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=412 412w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=450 450w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=550 550w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=650 650w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=742 742w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=750 750w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=824 824w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=850 850w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=960 960w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=1275 1275w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=187 187w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=235 235w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=290 290w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=375 375w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=412 412w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=450 450w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=470 470w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=550 550w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=768 768w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=880 880w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=990 990w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=1100 1100w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=1210 1210w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=1275 1275w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=187 187w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=235 235w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=290 290w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=375 375w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=412 412w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=450 450w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=550 550w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=768 768w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=880 880w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=990 990w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=1100 1100w,//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=1275 1275w " src="//ca.vessi.com/cdn/shop/files/shop_apparel_reskin_1.jpg?v=1738607439&width=1500" alt="" width="1275" height="1272" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Apparel <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/best-sellers" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=187 187w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=235 235w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=290 290w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=375 375w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=412 412w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=450 450w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=550 550w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=650 650w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=742 742w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=750 750w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=824 824w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=850 850w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=187 187w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=235 235w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=290 290w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=375 375w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=412 412w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=450 450w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=470 470w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=550 550w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=768 768w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=880 880w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=187 187w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=235 235w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=290 290w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=375 375w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=412 412w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=450 450w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=550 550w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=768 768w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=880 880w,//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Shop_Women_Reskin.jpg?v=1738280250&width=1500" alt="" width="900" height="898" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Best Sellers <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/cold-weather" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=650 650w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=742 742w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=750 750w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=824 824w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=850 850w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=470 470w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=768 768w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=880 880w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=768 768w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=880 880w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=1500" alt="Asphalt Black/Gum" width="900" height="900" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Cold Weather <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/mens-boots" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=650 650w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=742 742w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=750 750w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=824 824w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=850 850w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=470 470w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=768 768w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=880 880w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=768 768w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=880 880w,//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024&width=1500" alt="Asphalt Black/Gum" width="900" height="900" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Men's Boots <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/mens-slip-ons" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=187 187w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=235 235w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=290 290w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=375 375w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=412 412w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=450 450w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=550 550w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=650 650w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=742 742w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=750 750w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=824 824w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=850 850w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=187 187w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=235 235w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=290 290w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=375 375w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=412 412w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=450 450w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=470 470w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=550 550w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=768 768w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=880 880w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=187 187w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=235 235w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=290 290w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=375 375w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=412 412w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=450 450w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=550 550w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=768 768w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=880 880w,//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Lifestyle_Weekend_Fog-Pine.jpg?v=1739403575&width=1500" alt="Fog/Pine" width="900" height="900" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Men's Slip-Ons <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://vessi.com/collections/mens-sneakers" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=187 187w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=235 235w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=290 290w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=375 375w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=412 412w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=450 450w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=550 550w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=650 650w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=742 742w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=750 750w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=824 824w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=850 850w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=187 187w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=235 235w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=290 290w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=375 375w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=412 412w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=450 450w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=470 470w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=550 550w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=768 768w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=880 880w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=187 187w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=235 235w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=290 290w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=375 375w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=412 412w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=450 450w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=550 550w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=768 768w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=880 880w,//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Lifestyle_SB_Low_Top_Mist-Grotto.jpg?v=1739404492&width=1500" alt="Mist/Grotto" width="900" height="900" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Men's Sneakers <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/sale" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=187 187w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=235 235w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=290 290w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=375 375w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=412 412w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=450 450w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=550 550w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=650 650w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=742 742w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=750 750w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=824 824w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=850 850w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=867 867w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=187 187w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=235 235w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=290 290w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=375 375w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=412 412w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=450 450w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=470 470w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=550 550w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=768 768w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=867 867w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=187 187w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=235 235w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=290 290w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=375 375w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=412 412w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=450 450w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=550 550w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=768 768w,//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=867 867w " src="//ca.vessi.com/cdn/shop/files/Nav_Feature_Tidal_Women.jpg?v=1726599743&width=1500" alt="" width="867" height="720" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Sale <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/womens-boots" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=650 650w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=742 742w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=750 750w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=824 824w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=850 850w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=470 470w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=768 768w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=880 880w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=187 187w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=235 235w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=290 290w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=375 375w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=412 412w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=450 450w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=550 550w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=768 768w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=880 880w,//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Season4_2024_AltaHighTop2-DuneBeige.jpg?v=1727382040&width=1500" alt="Dune Beige" width="900" height="900" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Women's Boots <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/womens-slip-ons" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=187 187w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=235 235w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=290 290w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=375 375w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=412 412w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=450 450w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=476 476w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=187 187w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=235 235w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=290 290w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=375 375w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=412 412w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=450 450w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=470 470w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=476 476w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=187 187w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=235 235w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=290 290w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=375 375w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=412 412w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=450 450w,//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=476 476w " src="//ca.vessi.com/cdn/shop/files/nav-market-flat-vertical.jpg?v=1733939270&width=1500" alt="" width="476" height="570" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Women's Slip-Ons <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> <a href="https://ca.vessi.com/collections/womens-sneakers" class="section_blocks_item rounded " > <div class="section_blocks_item_image rounded"> <picture> <source srcset="//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=187 187w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=235 235w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=290 290w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=375 375w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=412 412w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=450 450w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=550 550w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=650 650w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=742 742w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=750 750w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=824 824w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=850 850w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=900 900w " media="(max-width: 480px)" > <source srcset="//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=187 187w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=235 235w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=290 290w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=375 375w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=412 412w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=450 450w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=470 470w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=550 550w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=768 768w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=880 880w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=900 900w " media="(max-width: 768px)" > <img sizes="(max-width: 480px) , (max-width: 768px) , " loading="lazy" srcset="//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=187 187w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=235 235w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=290 290w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=375 375w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=412 412w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=450 450w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=550 550w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=768 768w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=880 880w,//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=900 900w " src="//ca.vessi.com/cdn/shop/files/Weekend_Marble_White_-_Ads_LP.jpg?v=1737412477&width=1500" alt="" width="900" height="900" class="" > </picture> </div><div id="block-AaGJtR3A2MXhrQ2oxb__metalist_category_qtAELg" class="section_blocks_item_content bottom_left_mobile bottom_left_desktop" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.52%, rgba(0, 0, 0, 0.50) 70.25%); color: var(--secondaryText);" > <h3 class="heading_2 flex align_center justify_between gap-sm"> Women's Sneakers <div> <svg class="v-icon bg_primary"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </div></h3> </div> </a> </div> </div> <script> window.addEventListener('themeIsLoaded', function () { theme.makeScrollable('template--17177505890498__section_theme_blocks_GfNANK'); }); </script> </div><section id="shopify-section-template--17177505890498__newsletter" class="shopify-section section-newsletter"><div class="homepage-newsletter content-wrapper homepage--light text_center color--splash"> <div class=""><h2 class="section-title">Join the Puddle Hunting Community</h2><div class="flex column align_center justify_center"><p class="section-subheading h4">Sign up & get 10% OFF on your first order</p><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="form-newsletter--alternate"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="hidden" name="contact[accepts_marketing]" value="true"> <div class="input-group newsletter-form"> <div class="flex gap_sm"> <input class="input " type="email" placeholder="Enter your email" aria-label="Sign up now! " autocorrect="off" autocapitalize="off" name="contact[email]" > <button type="submit" aria-label="Subscribe to newsletter"> <svg class="v-icon bg_primary circle"> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </div> </div> </form> </div> </div> </div> </section> </main> <div id="shopify-section-footer" class="shopify-section"><style data-shopify> /* override safari auto css */ #shopify-section-footer, .main__footer { margin-bottom: 0px !important; /* or adjust as needed */ } /* Footer Base Styles */ footer { --footer-title-font-size: clamp(2.5rem, calc((40 / 320) * 100vw), 3rem); background-color: var(--tertiaryBg); color: var(--secondaryText); } footer ul { list-style: none; padding: 0; } .footer_title { font-size: var(--footer-title-font-size); gap: 30px; margin-bottom: 30px; } .footer_blocks { gap: 25px; padding: 30px 0; } .footer_newsletter input { flex: 1 1 auto; } .footer_nav_list a { text-decoration: none; color: var(--secondaryText); } .footer_bottom > * { flex: 1; width: 100%; } footer .social-icons { gap: 30px; } footer .social-icons li { flex: 1; max-width: 20px; } footer .social-icons svg path { fill: var(--secondaryBg); } .payment-icons svg path { fill: var(--tertiaryBg); } .payment-icons svg rect { fill: var(--secondaryBg); } .footer_ltd { gap: 15px 60px; } .footer_ltd * { font-variation-settings: var(--font-300); } .footer_ltd a { text-decoration: none; color: var(--secondaryText); } .footer_copyright { width: 100%; } .v-icon.v-happy-vessi { width: 56px; height: 23px; } footer .social-icons li { max-width: 30px; } /* Media Queries */ @media screen and (max-width: 480px) { .footer_nav_list { gap: 30px; padding-top: 30px; margin-top: 0; } .footer_social { margin-bottom: 37px; } footer .social-icons { width: 100%; } } @media screen and (min-width: 481px) { footer { --footer-title-font-size: clamp(3rem, calc((46 / 768) * 100vw), 3.5rem); } .footer_title { margin-bottom: 50px; } .v-icon.v-happy-vessi { width: 96px; height: 39px; } } @media screen and (min-width: 769px) { footer { --footer-title-font-size: min(calc((76 / 1440) * 100vw), 4.76rem); } .footer_title { max-width: 62%; } .footer_news_links { gap: 90px; } .footer_newsletter { width: 35%; } .footer_blocks { flex: 1; padding: 0; } .footer_block.accordion_item { flex: 1; } .footer_block .accordion__toggle { pointer-events: none; cursor: default; } .accordion_item.footer_block .v-icon { display: none; } nav.footer_nav.accordion_content { display: block !important; } .footer_bottom { padding-top: 96px; } .footer_bottom > * { flex: auto; width: auto; } footer .social-icons { gap: 50px; } footer .social-icons li, .footer_payment-icon { width: 30px; } .v-icon.v-happy-vessi { width: 104px; height: 42px; } } </style> <footer class="site-footer content-wrapper content-full" role="contentinfo" data-section-id="footer" data-section-type="footer" data-fixed="true" > <h2 class="footer_title flex column"> <span>Let’s bring the magic of water to the world.</span> <span class="heading_1 flex justify_start align_end gap_sm" >Even the rainy kind <svg class="v-icon color_secondary v-icon-lg v-happy-vessi unrounded"> <use xlink:href="#v-icon-happy-vessi"></use> </svg> </span> </h2> <div class="footer_news_links flex m-column t-column justify_between"> <div class="footer_newsletter"> <p class="heading_2">Subscribe for 10% Off</p> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="hidden" name="contact[accepts_marketing]" value="true"> <div class="input-group newsletter-form"> <div class="flex gap_sm"> <input class="input input_white input_full" type="email" placeholder="Sign up now! " aria-label="Sign up now! " autocorrect="off" autocapitalize="off" name="contact[email]" > <button type="submit" aria-label="Subscribe to newsletter"> <svg class="v-icon bg_primary "> <use xlink:href="#v-icon-arrow-right"></use> </svg> </button> </div> </div> </form> </div> <div class="footer_blocks flex m-column t-column d-justify_end" data-accordion> <div class="footer_block accordion_item" data-accordion-item > <p class="heading_2 accordion__toggle flex align_center justify_between" data-accordion-toggle>Shop <svg class="v-icon bg_primary menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg> </p> <nav class="footer_nav accordion_content" data-accordion-content> <ul class="footer_nav_list flex column"> <li class="footer_nav_item"> <a class="footer_nav_link" href="/collections/women" >Women's</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/collections/men" >Men's</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/collections/kids" >Kids</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/collections/accessories" >Accessories</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/products/giftcard" >Gift Cards</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/hero-series-nurses" >Healthcare Discount</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/store-locator" >Stores</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="https://ca.vessi.com/pages/retailers" >Retailers</a> </li> </ul> </nav> </div> <div class="footer_block accordion_item" data-accordion-item > <p class="heading_2 accordion__toggle flex align_center justify_between" data-accordion-toggle>Learn <svg class="v-icon bg_primary menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg> </p> <nav class="footer_nav accordion_content" data-accordion-content> <ul class="footer_nav_list flex column"> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/our-story" >Our Story</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/tech" >Our Tech</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/charity-water-vessi" >Impact</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/reviews" >Reviews</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/sizing" >Sizing</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/sustainability" >Sustainability</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/blogs/the-forecast" >The Forecast Blog</a> </li> </ul> </nav> </div> <div class="footer_block accordion_item" data-accordion-item > <p class="heading_2 accordion__toggle flex align_center justify_between" data-accordion-toggle>Tech <svg class="v-icon bg_primary menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg> </p> <nav class="footer_nav accordion_content" data-accordion-content> <ul class="footer_nav_list flex column"> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/casual-shoes" >Casual</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/the-most-comfortable-shoes" >Comfortable</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/commuter-shoes" >Commuter</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="https://ca.vessi.com/pages/summer-travel" >Travel</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/vegan" >Vegan</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="https://ca.vessi.com/blogs/the-forecast/best-waterproof-shoes" >Waterproof</a> </li> </ul> </nav> </div> <div class="footer_block accordion_item" data-accordion-item > <p class="heading_2 accordion__toggle flex align_center justify_between" data-accordion-toggle>Info <svg class="v-icon bg_primary menu-closed header-mobile-only"> <use xlink:href="#v-icon-plus"></use> </svg> <svg class="v-icon bg_primary menu-open header-mobile-only"> <use xlink:href="#v-icon-minus"></use> </svg> </p> <nav class="footer_nav accordion_content" data-accordion-content> <ul class="footer_nav_list flex column"> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/returnsandexchanges" >Returns/Exchanges</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/order-tracking" >Track My Order</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/contact" >Contact</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/careers" >Careers</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="https://ca.vessi.com/a/faq" >FAQ</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/check-gift-card-balance" >Gift Card Balance</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="https://ca.vessi.com/account/login" >Log In</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/press" >Press</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/refer-a-friend" >Refer a Friend</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/pages/warranty" >Warranty</a> </li> <li class="footer_nav_item"> <a class="footer_nav_link" href="/a/faq#GeneralQuestions" >Accessibility</a> </li> </ul> </nav> </div> </div> </div> <div class="footer_bottom flex justify_between align_center m-column t-column row_reverse"> <div class="footer_social flex align_center m-justify_center justify_end"><ul class="social-icons flex justify_between align_center plain_list wrap"> <li> <a class="flex" href="https://instagram.com/vessi" title="Instagram" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon v-icon unrounded icon-instagram" viewBox="0 0 20 20"><path d="M10.034 1.763h2.644c.407 0 .881 0 1.424.068.474 0 .881.067 1.152.135.271.068.543.136.678.203.271.068.475.204.61.34.136.135.34.27.543.406.203.204.339.34.407.543.067.203.203.406.339.61.067.203.135.407.203.678.068.27.135.678.135 1.152 0 .543.068 1.017.068 1.424v5.288c0 .407 0 .882-.068 1.424 0 .474-.067.881-.135 1.152-.068.272-.136.543-.203.678a1.31 1.31 0 0 1-.34.61c-.135.204-.27.34-.406.543-.204.203-.34.339-.543.407-.203.135-.406.203-.61.27-.203.069-.407.137-.678.204a4.868 4.868 0 0 1-1.152.136c-.543 0-1.017.068-1.424.068H7.39c-.407 0-.882 0-1.424-.068-.474 0-.881-.068-1.152-.136-.272-.067-.543-.135-.678-.203-.272-.068-.475-.203-.61-.271-.204-.136-.34-.271-.543-.407-.203-.203-.339-.339-.407-.542-.135-.204-.203-.407-.339-.61-.068-.204-.135-.407-.203-.679a4.868 4.868 0 0 1-.136-1.152c0-.542-.067-1.017-.067-1.424V9.966 7.322c0-.407 0-.881.067-1.424 0-.474.068-.881.136-1.152.068-.271.135-.543.203-.678.068-.204.204-.407.34-.61.135-.204.27-.34.406-.543.203-.203.339-.339.542-.407.204-.135.407-.203.61-.339.204-.067.407-.135.679-.203a4.868 4.868 0 0 1 1.152-.135c.542 0 1.017-.068 1.424-.068h2.644zm0-1.763H7.322c-.407 0-.881 0-1.424.068-.542 0-1.017.068-1.356.135-.406.068-.745.204-1.084.34-.34.135-.61.27-.95.474-.27.203-.542.407-.813.678-.271.271-.542.542-.678.881-.136.34-.339.543-.475.882-.135.339-.27.678-.339 1.084a6.993 6.993 0 0 0-.135 1.356C0 6.441 0 6.915 0 7.322v5.356c0 .407 0 .881.068 1.424 0 .542.068 1.017.135 1.356.068.406.204.745.34 1.084.135.34.27.61.474.95.203.27.407.542.678.813.271.271.542.475.813.678.272.203.61.339.95.475.339.135.678.203 1.084.339.407.067.814.135 1.356.135.543 0 1.017.068 1.424.068h5.424c.407 0 .881 0 1.423-.068.543 0 1.017-.068 1.356-.135.407-.068.746-.204 1.085-.34.34-.135.61-.27.95-.474.27-.203.542-.407.88-.678.272-.271.475-.542.679-.881.203-.271.339-.61.474-.882.136-.339.204-.678.271-1.084.068-.407.136-.814.136-1.424 0-.542.068-1.017.068-1.424V9.898 7.254c0-.407 0-.881-.068-1.423 0-.543-.068-1.017-.136-1.424-.067-.407-.203-.746-.27-1.085a6.199 6.199 0 0 0-.475-.95c-.204-.338-.407-.541-.678-.813a4.353 4.353 0 0 0-.882-.678c-.27-.203-.61-.339-.949-.474-.339-.136-.678-.271-1.085-.34-.406-.067-.813-.135-1.356-.135h-1.423C12.27 0 11.39 0 10.034 0zm0 4.881c-.746 0-1.356.136-2.034.407-.61.271-1.153.61-1.627 1.085C5.898 6.847 5.559 7.39 5.288 8a4.863 4.863 0 0 0-.407 1.966c0 .746.136 1.356.407 2.034.271.61.61 1.153 1.085 1.627.474.475 1.017.814 1.627 1.085.61.271 1.288.407 2.034.407.746 0 1.356-.136 2.034-.407a4.57 4.57 0 0 0 1.627-1.085c.474-.474.813-1.017 1.085-1.627.27-.61.406-1.288.406-2.034 0-.678-.135-1.356-.406-1.966-.272-.61-.61-1.153-1.085-1.627-.475-.475-1.017-.814-1.627-1.085-.61-.271-1.356-.407-2.034-.407zm0 8.475c-.95 0-1.695-.34-2.373-.95-.678-.677-.95-1.423-.95-2.372 0-.881.34-1.695.95-2.373.61-.678 1.424-1.017 2.373-1.017.949 0 1.695.339 2.373 1.017.678.678.949 1.424.949 2.373 0 .949-.34 1.695-.95 2.373-.677.61-1.49.949-2.372.949zm6.508-8.678c0-.339-.135-.61-.339-.814a1.25 1.25 0 0 0-.813-.339c-.34 0-.61.136-.814.34a1.25 1.25 0 0 0-.339.813c0 .271.136.61.34.881.203.272.542.34.813.34.339 0 .61-.136.813-.34.204-.27.34-.61.34-.881z"/></svg> <span class="visually-hidden">Instagram</span> </a> </li> <li> <a class="flex" href="https://facebook.com/vessifootwear" title="Facebook" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" focusable="false" role="presentation" class="icon v-icon unrounded icon-facebook" viewBox="0 0 28 28" fill="none"> <g clip-path="url(#clip0_1071_20443)"> <path d="M28 14C28 20.9872 22.8737 26.7797 16.1817 27.8308V18.074H19.4355L20.055 14.0373H16.1817V11.4182C16.1817 10.3133 16.723 9.23767 18.4567 9.23767H20.2172V5.80067C20.2172 5.80067 18.6188 5.52767 17.0917 5.52767C13.902 5.52767 11.8183 7.46083 11.8183 10.9597V14.0362H8.27283V18.0728H11.8183V27.8297C5.1275 26.7773 0 20.986 0 14C0 6.2685 6.2685 0 14 0C21.7315 0 28 6.26733 28 14Z" fill="white"/> </g> <defs> <clipPath id="clip0_1071_20443"> <rect width="28" height="28" fill="white"/> </clipPath> </defs> </svg> <span class="visually-hidden">Facebook</span> </a> </li> <li> <a class="flex" href="https://tiktok.com/@vessi" title="Tiktok" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon v-icon unrounded icon-tiktok" viewBox="0 0 2859 3333"><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg> <span class="visually-hidden">Tiktok</span> </a> </li> <li> <a class="flex" href="https://www.youtube.com/channel/UC_hdhj3pGU157Rz_1YTR1NA" title="YouTube" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon v-icon unrounded icon-youtube" viewBox="0 0 21 20"><path fill="#444" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"/></svg> <span class="visually-hidden">YouTube</span> </a> </li> <li> <a class="flex" href="https://twitter.com/vessifootwear" title="Twitter" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-twitter v-icon unrounded" viewBox="0 0 28 28" fill="none"> <path d="M16.4316 11.9442L25.9488 0.609375H23.6935L15.4297 10.4512L8.82944 0.609375H1.2168L11.1977 15.492L1.2168 27.3782H3.4722L12.199 16.9849L19.1694 27.3782H26.782L16.431 11.9442H16.4316ZM13.3425 15.6231L12.3312 14.1411L4.28486 2.34892H7.74903L14.2425 11.8656L15.2538 13.3476L23.6946 25.7178H20.2304L13.3425 15.6237V15.6231Z" fill="white"/> </svg> <span class="visually-hidden">Twitter</span> </a> </li> </ul> </div> <ul class="footer_ltd flex wrap"><li> <a href="/pages/terms-of-service">Terms</a> </li><li> <a href="/pages/privacy-policy">Privacy</a> </li> <li class="footer_copyright">© 2025 Vessi Footwear Ltd. All Rights Reserved.</li> </ul> </div> </footer> </div> <script src="//ca.vessi.com/cdn/shop/t/1000/assets/vendor_updated.js?v=126856853026995971981740167445" defer></script> <script src="//ca.vessi.com/cdn/shop/t/1000/assets/theme.min.js?v=31594135554525729181740167443" defer></script> <script defer src="//ca.vessi.com/cdn/shop/t/1000/assets/geolizr-lib.js?v=83904450587458992661739920515" type="text/javascript"></script> <script> if(typeof Geolizr === "undefined") { var Geolizr = {}; Geolizr.currencyDynamicCountry = false; Geolizr.version = 20200327; } // save geolizr-lib.js url to the sessionStorage sessionStorage.setItem('geolizr_lib_url', "//ca.vessi.com/cdn/shop/t/1000/assets/geolizr-lib.js?v=83904450587458992661739920515"); if(typeof Geolizr.events === "undefined") Geolizr.events = {}; if(typeof Geolizr.geolizrEvents === "undefined") Geolizr.geolizrEvents = []; Geolizr.config = function(config) { Geolizr.currency_widget_enabled = config.currency_widget_enabled === "true" || false; Geolizr.shopCurrency = 'CAD'; Geolizr.shopifyFormatMoneySet = false; Geolizr.observeElements = []; }; Geolizr.moneyFormats = {}; Geolizr.shopifyCurrencyList = []; Geolizr.shopifyCurrency = {}; Geolizr.shopifyCurrencyListIndex = {}; let setShopifyCurrencyToGeolizr = function() { let GeolizrEachCurrency = {}; GeolizrEachCurrency = { "iso_code": "CAD", "name": "Canadian Dollar", "symbol": "$", "shop_currency": true }; if(GeolizrEachCurrency.shop_currency) { Geolizr.shopifyCurrency = GeolizrEachCurrency; } Geolizr.shopifyCurrencyList.push(GeolizrEachCurrency); Geolizr.shopifyCurrencyListIndex[GeolizrEachCurrency.iso_code] = Geolizr.shopifyCurrencyList.indexOf(GeolizrEachCurrency); } setShopifyCurrencyToGeolizr(); /* Geolizr Provider Setter */ Geolizr.presetService = false; Geolizr.activateIpInfo = function(accessKey) { Geolizr.presetService = { name: 'ipInfo', accessKey: accessKey }; }; Geolizr.activateLovelyAppProvider = function() { Geolizr.presetService = { name: 'lovelyAppProvider' }; }; Geolizr.activateIpApiCo = function(accessKey) { Geolizr.presetService = { name: 'ipApiCo', accessKey: accessKey }; }; Geolizr.activateDbIpProvider = function(accessKey) { Geolizr.presetService = { name: 'dbIpProvider', accessKey: accessKey }; }; Geolizr.activateIpStackProvider = function(accessKey) { Geolizr.presetService = { name: 'ipStackProvider', accessKey: accessKey }; }; Geolizr.activateGeolizrIPApiProvider = function(accessKey) { Geolizr.presetService = { name: 'geolizrIpApiProvider', accessKey: accessKey }; }; /* Service Aliase */ Geolizr.activateFreegeoip = Geolizr.activateIpStackProvider; Geolizr.requestLocaleRootUrl = "\/"; Geolizr.addSystemEventListener = function(name, callback) { if (typeof Geolizr.realInit !== 'undefined') { Geolizr.realInit(function($) { callback({jquery: $}); }) } else { Geolizr.geolizrEvents.push(new CustomEvent(name)); document.addEventListener(name, callback); } }; Geolizr.addEventListener = function(name, callback, priority) { if(typeof priority == "undefined") priority = 100; if(typeof Geolizr.realAddEventListener === "undefined") { if (!Geolizr.events[name]) Geolizr.events[name] = []; Geolizr.events[name].push({callback: callback, priority: priority}); } else { Geolizr.realAddEventListener(name, callback, priority); } }; Geolizr.getGeoData = function(callback) { if(typeof Geolizr.realGetGeoData === "undefined") { Geolizr.addEventListener('geolizr.init', function() { Geolizr.getGeoData(callback); }, 200) } else { Geolizr.realGetGeoData(callback); } }; Geolizr.init = function(callback, priority) { if(typeof Geolizr.realInit === "undefined") Geolizr.addEventListener("geolizr.init", callback, priority); else Geolizr.realInit(callback, priority); }; Geolizr.notification_widget_enabled = false; Geolizr.popup_widget_enabled = false; Geolizr.api_widget_enabled = false; Geolizr.currency_widget_enabled = false; Geolizr.redirect_widget_enabled = true;Geolizr.redirect_widget_enabled = true;Geolizr.enables = { 'notification_widget_enabled': Geolizr.notification_widget_enabled, 'popup_widget_enabled': Geolizr.popup_widget_enabled, 'api_widget_enabled': Geolizr.api_widget_enabled, 'currency_widget_enabled': Geolizr.currency_widget_enabled, 'redirect_widget_enabled': Geolizr.redirect_widget_enabled }; if(Geolizr.popup_widget_enabled || Geolizr.notification_widget_enabled || Geolizr.currency_widget_enabled) { Geolizr.geolizrCssFile = "//ca.vessi.com/cdn/shop/t/1000/assets/geolizr-lib.css?v=59017386019965299001739920516"; } Geolizr.init(function($) { $('body').addClass('geolizr-redirect-loading'); Geolizr.addEventListener('redirect.notExecuted', function(result) { $('body').removeClass('geolizr-redirect-loading'); if(result.code === "200") { $('body').addClass('geolizr-redirect-start'); } else { $('body').addClass('geolizr-redirect-blocked'); } }); }); Geolizr.addSystemEventListener('geolizr.init.redirect', function(e) { let $ = e.jquery; Geolizr.getGeoData(function() { Geolizr.redirects = {"5670":{"id":5670,"shop":5997,"type":"url","url":"https://www.vessi.com","ignoreReferrers":null,"filterlistType":"none","filterlistUrls":null}}; Geolizr.countryToRedirect = {"AU":5670,"JP":5670,"NZ":5670,"SG":5670,"KR":5670,"TW":5670}; Geolizr.redirect(); }, true); }); </script> <style> .geolizr-currency-switch-wrapper { visibility: hidden; } #geolizr-notification{position:fixed!important;top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;z-index:10000000!important} #geolizr-notification>#geolizr-notification-message-wrapper{text-align:center!important;width:100%!important;padding:10px;-webkit-box-shadow:10px 10px 5px 0 rgba(143,143,143,.35);-moz-box-shadow:10px 10px 5px 0 rgba(143,143,143,.35);box-shadow:10px 10px 5px 0 rgba(143,143,143,.35)} #geolizr-dismiss-notification{box-sizing:content-box;padding:5px!important;margin:0!important;position:absolute!important;right:8px!important;text-decoration:none!important;font-family:Arial,serif ! important;top:8px!important;height:15px!important;border-radius:15px;width:15px!important;line-height:16px;font-size:20px;font-weight:700;cursor:pointer;display:inline-block} .geolizr-popup-background{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000005!important} .geolizr-popup{position:fixed!important;width:560px!important;height:400px!important;z-index:10000010!important;border:1px solid grey} .geolizr-popup.gp-center{top:50%!important;left:50%!important;margin-top:-200px!important;margin-left:-280px!important} .geolizr-popup.gp-mobile{width:84%!important;height:84%!important;top:0!important;left:0!important;margin:8%} #geolizr-popup-content-iframe{width:100%!important;height:100%!important;border:0} .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible;} 100% {-webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% {-webkit-transform: translateY(-100%); transform: translateY(-100%);visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .geolizr-currency-switch-wrapper.geolizr-absolute-auto{z-index:10000000;position:fixed} .geolizr-currency-switch-wrapper{z-index:10000000!important;height:20px;width:85px;position:relative} .geolizr-currency-switcher{padding:1px 10px;margin:0;width:85px;height:30px;border-radius:4px;box-sizing: border-box;} .geolizr-currency-links{overflow:scroll;overflow-x:hidden;border-radius:4px;padding:5px 10px;margin:0;list-style:none;line-height:1.42857143;background-color:#fff;width:82px;max-height:200px;display:none} .geolizr-currency-switch-wrapper .geolizr-currency-links-up{bottom:30px;position:absolute} .geolizr-currency-switch-wrapper .geolizr-currency-links-down{top:30px;position:absolute} li.geolizr-currency-list-li{float:none!important;margin:0!important;padding:0 0 0 10px} .geolizr-currency-list-link{white-space:nowrap} .geolizr-currency-link i,.geolizr-currency-list-link i{width:16px!important;height:11px} [class^="famfamfam-flag"]{display:inline-block;width:16px;height:11px;line-height:11px} .no-scroll .geolizr-currency-links { overflow: hidden; width: 60px; left: 23px; text-align: left;} .geolizr-currency-switcher-value{width:42px;min-width:42px;max-width:42px;display:inline-block;text-align:left} .geolizr-currency-switcher-arrow-down,.geolizr-currency-switcher-arrow-up{content:"s";position:absolute;right:5px;top:5px;width:14px;height:14px;margin:0} .geolizr-currency-switcher-arrow-down,.geolizr-currency-switcher-arrow-up{ transition: transform .2s ease-in-out;content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.0 14.0' height='14.0px' width='14.0px' style='position: absolute;'%3e%3cpath d='M1 4.5 L7.0 10.5 L13.0 4.5' fill='transparent' stroke='%23000' stroke-width='1px'%3e%3c/path%3e%3c/svg%3e"); } .open .geolizr-currency-switcher-arrow-down,.geolizr-currency-switcher-arrow-up{transform:rotate(180deg)} .open .geolizr-currency-switcher-arrow-up{transform:rotate(0deg)} .geolizr-selectable-currency{width:42px;min-width:42px;max-width:42px;display:inline-block;text-align:left} .geolizr-shop-currency{width:42px;min-width:42px;max-width:42px;display:inline-block} .geolizr-currency-link li{padding:0;margin:0} #geolizr-notification-spanner{width:100%!important;line-height:4px!important;height:4px!important;min-height:4px!important;max-height:4px!important} body.geolizr-popup-open { overflow: hidden; } </style> <script> const shippingMetaObj = [{"country":"Canada","country_code":"CA","max_time_expedited":3,"max_time_standard":3,"min_time_expedited":1,"min_time_standard":1,"region_codes":["BC"]},{"country":"Canada","country_code":"CA","max_time_expedited":4,"max_time_standard":4,"min_time_expedited":2,"min_time_standard":2,"region_codes":["AB"]},{"country":"Canada","country_code":"CA","max_time_expedited":4,"max_time_standard":5,"min_time_expedited":3,"min_time_standard":3,"region_codes":["MB"]},{"country":"Canada","country_code":"CA","max_time_expedited":4,"max_time_standard":6,"min_time_expedited":3,"min_time_standard":4,"region_codes":["NL","ON","QC"]},{"country":"Canada","country_code":"CA","max_time_expedited":4,"max_time_standard":7,"min_time_expedited":3,"min_time_standard":5,"region_codes":["NS","NB","SK"]},{"country":"Canada","country_code":"CA","max_time_expedited":4,"max_time_standard":8,"min_time_expedited":3,"min_time_standard":6,"region_codes":["PE"]}]; if (shippingMetaObj) localStorage.setItem('shippingMetaObj', JSON.stringify(shippingMetaObj)); const countryCurrencyEdd = CURRENCY === "CAD" ? "CA" : CURRENCY === "USD" ? "US" : CURRENCY === "AUD" ? "AU" : CURRENCY === "NZD" ? "NZ" : CURRENCY === "SGD" ? "SG" : CURRENCY === "JPY" ? "JP" : CURRENCY === "TWD" ? "TW" : "OTHER"; </script> <script> var is_admin_interface=false; var template_name='collection'; var canonical_url='https://ca.vessi.com/collections/womens-jackets'; var request_path='/collections/womens-jackets'; var __engine_loaded=[]; var __engine_scriptsloading=[]; var __engine_scriptsloaded=[]; var __engine_other=[]; var __engine_asyncloading=[]; var __engine_event=[]; var __engine_objects_queue = []; var __engine_scripts_queue=[]; var shogun_page=false; var engine = {}; engine.settings = { 'global': { 'debug': true, 'l': 'dmVzc2kuY29tZ3RndGNMQTNA' }, '__opt1': {'s': 1900,'sl': 2200,'t': 2500,'o': 2900,'a': 7500}, '__opt2': {'s': 100,'sl': 300,'t': 2200,'o': 2600,'a': 7500} } switch(window.location.host) { case 'ca.vessi.com': engine.settings['global']['l'] = 'Y2EudmVzc2kuY29tZ3RndGNMQTNA'; break; } var _0x314a=['settings','trekkie'];(function(_0x47a19c,_0x3cee28){var _0x314acf=function(_0x27dc8a){while(--_0x27dc8a){_0x47a19c['push'](_0x47a19c['shift']());}};_0x314acf(++_0x3cee28);}(_0x314a,0x10e));var _0x27dc=function(_0x47a19c,_0x3cee28){_0x47a19c=_0x47a19c-0xbf;var _0x314acf=_0x314a[_0x47a19c];return _0x314acf;};function first_parentNode_insertBefore(_0x1262fb){var _0x2b8626=_0x27dc;engine[_0x2b8626(0xbf)][_0x2b8626(0xc0)]=_0x1262fb;} </script> <script> window.slate = window.slate || {}; window.theme = window.theme || {}; window.timber = window.timber || {}; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var theme = { strings: { addToCart: "Add to Cart", soldOut: "Sold Out", unavailable: "Unavailable", join: "Join Now" }, moneyFormat: "${{amount}}" } </script> <script> function triggerHotjar() { let attempts = 0; const triggerHotjarInterval = setInterval(() => { if((typeof hj === "undefined" || !hj) && attempts < 15) { attempts++; return; } else if(attempts >= 15 && (typeof hj === "undefined" || !hj)) { console.error("Hotjar not loaded after 10 attempts, giving up"); clearInterval(triggerHotjarInterval); return; } clearInterval(triggerHotjarInterval); hj("trigger", "cf_cart"); }, 500); } </script><style data-shopify> #cart-template { width: 100%; margin: 0 auto; } #cart-template.cart_drawer { position: fixed; top: 0; right: 0; z-index: -999; height: 100dvh; opacity: 0; transition: opacity 0.2s ease-in-out; } #cart-template.cart_drawer.open { display: flex; opacity: 1; z-index: 9999; transition: opacity 0.2s ease-in-out; } .cart_overlay { position: fixed; display: none; top: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.5); height: 100dvh; width: 100vw; } .cart_drawer.open .cart_overlay { display: initial; } .cart_head_wrapper { padding: calc((30 / 638) * 100%); gap: calc((35 / 638) * 100vw); width: 100%; border-bottom: 1px solid var(--default-20, #e8e8e8); background: var(--colorWhite); position: sticky; top: 0; z-index: 1; } .cart_head_wrapper > * { width: 100%; } .cart_close_icon { cursor: pointer; width: 35px; height: 35px; flex-shrink: 0; position: absolute; right: 15px; top: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.05078 7.05078L16.9503 16.9503' stroke='%232C2C2C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.05078 16.9492L16.9503 7.04972' stroke='%232C2C2C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .cart_pre_title { margin: 0; } /* PROGRESS BAR */ #free-shipping-progress-bar { -webkit-appearance: none; appearance: none; border: none; } #free-shipping-progress-bar { width: 100%; height: 8px; } /* For Webkit Browsers */ #free-shipping-progress-bar::-webkit-progress-bar { background: var(--secondaryBg); border-radius: 10px; } #free-shipping-progress-bar::-webkit-progress-value { background-color: var(--tertiaryBg, rgb(0, 88, 100)); border-radius: 10px; } /* #free-shipping-progress-bar.progress_full::-webkit-progress-value { background: var(--secondary-light-green, #94B9BE); } */ /* For Mozilla Firefox */ #free-shipping-progress-bar::-moz-progress-bar { background-color: var(--tertiaryBg, rgb(0, 88, 100)); border-radius: 10px; } #free-shipping-progress-bar.progress_full::-moz-progress-bar { background: var(--secondary-light-green, #94b9be); } #free-shipping-progress-bar::-webkit-progress-value { transition: width 0.5s ease-in-out; } #free-shipping-progress-bar::-moz-progress-bar { transition: width 0.5s ease-in-out; } .cart_wrapper { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; height: 100%; background: var(--colorWhite); transition: all 0.3s ease-in-out; } .cart_drawer .cart_wrapper { z-index: 2; right: -100%; justify-content: space-between; } .cart_drawer.open .cart_wrapper { right: 0; overflow: hidden; overflow-x: hidden; overflow-y: auto; } .cart_wrapper.empty { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: 56px; width: 100%; margin: 0 auto; } .cart_wrapper.empty .cart_collections_empty_wrapper { display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; margin: 0 auto; align-self: stretch; padding: 0px 16px; padding-top: 16px; } .cart_collections_empty_btn_wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } .cart_collections_empty_title { font-size: 16px; text-align: center; color: var(--colorBlack); font-style: normal; font-weight: 500; line-height: 20px; margin: 0; } .cart__footer__shipping-icons { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 53px; align-self: stretch; padding: 16px; background: var(--secondaryBg); padding: 36px 55px 46px 56px; } .cart__footer__shipping-icons__block { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px; align-self: stretch; text-align: center; } .cart__footer__shipping-icons__block p { margin: 0; } .cart__footer__shipping-icons .vessi-icon { display: flex; width: 56px; height: 56px; padding: 6.332px 5.25px 6.331px 5.25px; justify-content: center; align-items: center; } /* Cart Items */ .cart_list_cross_sell { width: 100%; height: 100%; background: var(--secondaryBg); display: flex; flex-direction: column; align-self: stretch; align-items: center; justify-content: space-between; } .cart_items_list { display: flex; flex-direction: column; align-items: center; align-self: stretch; margin: 0; height: initial; background: var(--colorWhite); padding: 0 4.16%; gap: 0; } .cart_items_list li { display: flex; padding: calc((30 / 578) * 100%) 0; justify-content: center; align-items: flex-start; gap: 18px; align-self: stretch; border-bottom: 1px solid var(--secondaryBg); margin: 0; } .cart_items_list li img { width: 30%; max-width: 145px; height: auto; aspect-ratio: 1/1; object-fit: contain; flex-shrink: 0; } .cart_item__details { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 10px; flex: 1 0 0; height: inherit; align-self: stretch; } .cart_item__head { display: flex; align-items: flex-start; gap: 12px; align-self: stretch; margin-bottom: calc((36/638) * 100vw); } .cart_item__title { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0; overflow: hidden; color: var(--typography-title, #2c2c2c); text-overflow: ellipsis; text-decoration: none; } .cart_item__title small { font-size: 12px; font-style: normal; font-weight: 400; line-height: initial; color: var(--typography-caption, #727272); } .cart_item__title .cart_item_notes { font-weight: 500; } .cart_item__remove { cursor: pointer; opacity: 0.5; transition: opacity 0.3s; } .cart_item__update .cart_item__remove .v-icon { max-width: 30px; } .cart_item__remove:hover { opacity: 1; } .cart_item__update { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; align-self: stretch; } .cart_item__update .v-icon { max-width: 45px; max-height: 45px; } .cart_item_qty_update_wrapper { display: flex; align-items: center; gap: 30px; } .cart_item_qty_update_wrapper span { margin: 0; } .cart_item_qty_update_wrapper button { /* reset button */ -webkit-appearance: none; appearance: none; border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 30px; line-height: 0; } .cart_item_qty_update_wrapper button:disabled { opacity: 0.2; pointer-events: none; } .cart_item_price { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 2px; align-self: stretch; text-align: right; } .cart_item_price * { font-variation-settings: var(--font-500); } .cart_item_price .slashed_original_price { color: var(--typography-caption, #727272); text-align: right; text-decoration: line-through; } .cart_item_price .sale_price, .cart_checkout .sale_price { color: var(--secondary-red, #be2020); } .cart_item_tags { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 4px; } .cart_item_tags .cart_item_tag { display: flex; padding: 4px; justify-content: center; align-items: center; gap: 4px; font-style: normal; font-weight: 400; line-height: 14px; text-transform: capitalize; color: var(--default-70, #727272); background: var(--secondaryBg); border-radius: 4px; } .cart_item_tags .cart_item_tag:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_375_65798)'%3E%3Cpath d='M10.295 6.705L6.71 10.29C6.61713 10.383 6.50684 10.4567 6.38544 10.5071C6.26404 10.5574 6.13392 10.5833 6.0025 10.5833C5.87108 10.5833 5.74096 10.5574 5.61956 10.5071C5.49816 10.4567 5.38787 10.383 5.295 10.29L1 6V1H6L10.295 5.295C10.4813 5.48236 10.5858 5.73581 10.5858 6C10.5858 6.26419 10.4813 6.51764 10.295 6.705Z' stroke='%23727272' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 3.5H3.505' stroke='%23727272' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_375_65798'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); width: 12px; height: 12px; } /* Cart Checkout */ .cart_checkout { display: flex; width: 100%; padding: 12px 4.16%; flex-direction: column; align-items: center; gap: 16px; border-top: 1px solid var(--default-20, #e8e8e8); position: sticky; bottom: env(safe-area-inset-bottom); background: var(--colorWhite); } .cart_checkout_details { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; margin: 0; padding: 0; } .cart_checkout_details .gwbutton { display: none !important; } .cart_checkout_details li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; align-self: stretch; } .cart_checkout_details li span:nth-child(2) { font-variations-settings: var(--font400); } .cart_checkout .slashed_original_price { color: var(--typography-caption, #727272); text-decoration: line-through; } .cart_checkout .cart_discount_code_note { font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; letter-spacing: 1.4px; color: var(--typography-caption, #727272); } .cart_checkout__form { margin: 0; padding: 0; width: 100%; } .cart_toast_message { position: fixed; top: 10%; right: 5%; width: 100%; max-width: 90vw; padding: 16px; display: flex; justify-content: center; align-items: center; gap: 16px; background-color: var(--tertiaryBg, rgb(0, 88, 100)); color: var(--colorWhite); font-size: 14px; font-style: normal; font-weight: 500; line-height: 18px; z-index: 999999999999999999; border-radius: 10px; text-align: center; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); } .cart_toast_message.warning { background-color: #ffeb3b !important; color: var(--colorBlack) !important; } .cart_toast_message.error { background-color: #f44336 !important; } .cart_toast_message.success { background-color: #4caf50 !important; } @media screen and (min-width: 481px) { .cart_toast_message { max-width: 400px; } } .cart_cross_sell { display: flex; flex: 1; width: 100%; flex-direction: column; align-items: flex-start; gap: 16px; background: var(--secondaryBg); } /* COMPLETE THE LOOK */ #complete-the-look-slide:not(.slick-initialized) .product_complete_the_look:not(:first-child) { display: none !important; } .product_complete_the_look_wrapper { width: 100%; } .product_complete_the_look_wrapper h3 { font-style: normal; font-variation-settings: var(--font-500); text-transform: initial; } .product_complete_the_look { display: flex !important; align-items: flex-start; gap: 8px; align-self: stretch; } .product_complete_the_look_details, .product_complete_the_look_selection { display: flex; align-items: flex-start; gap: 8px; align-self: stretch; } .product_complete_the_look_fit_guide_recommendation{ width: 100%; } .product_complete_the_look_fit_guide_recommendation p { font-weight: 300; line-height: 20px; margin-bottom: 5px; } .product_complete_the_look_details h4 { font-style: normal; font-variation-settings: var(--font-500); line-height: 18px; margin: 0; } .product_complete_the_look_details { row-gap: 0; } .product_complete_the_look img { display: flex; height: auto; width: 100%; justify-content: center; align-items: center; cursor: pointer; background: var(--secondaryBg); } .product_complete_the_look_details > img { flex: 1 0 25%; max-width: 25%; } .product_complete_the_look .product-sizes .swatch__list { margin-right: 0; margin-left: 0; justify-content: center; } .product_complete_the_look .product_complete_the_look_info { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex: 1 0 0; margin: 0; } .product_complete_the_look .product_complete_the_look_info > * { margin: 0; flex: 1; align-self: stretch; align-items: center; display: flex; } .product_complete_the_look .product_complete_the_look_info .swatch { margin-top: 0; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .product_complete_the_look .swatch.product-colors { gap: 5px; } .product_complete_the_look .swatch.product-colors .swatch__item { margin: 0; width: 30px; height: 30px; padding: 0px; border: 0.5px solid var(--default-50, #A1A1A1); border-radius: 50%; cursor: pointer; } .product_complete_the_look .swatch.product-colors .swatch__item.active { border: 2px solid var(--primaryText); } .product_complete_the_look .swatch.product-colors .swatch__item a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .product_complete_the_look .swatch.product-colors .swatch__item img { display: block; width: 100%; height: auto; object-fit: contain; padding: 0; border-radius: 50%; border: 0; } .product_complete_the_look .product__price { font-style: normal; font-variation-settings: var(--font-500); line-height: 18px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } .product_complete_the_look .product__price .compare-at_sale { color: var(--typography-caption, #727272); text-decoration: line-through; } .product_complete_the_look .product__price .money_sale { color: var(--secondary-red, #be2020); } .product_complete_the_look_selection .swatch__select { margin: 0; display: flex; padding: 0px 16px; height: 32px; justify-content: space-between; align-items: center; border-radius: 100px; border: 1px solid var(--colorSplash, rgb(0, 88, 100)); font-style: normal; font-variation-settings: var(--font-500); line-height: 16px; color: var(--colorSplash, rgb(0, 88, 100)); background-color: var(--colorWhite); } .product_complete_the_look_selection .swatch__select[disabled] { opacity: 0.5; background-color: transparent; } #complete-the-look-slide { padding-bottom: 15px; height: auto; } #complete-the-look-slide .slick-dots { position: relative; bottom: -5px; } @media only screen and (max-width: 480px) { .product_complete_the_look_wrapper .slick-slide { padding: 5px; } .product_complete_the_look { border-radius: 16px; display: flex !important; align-items: flex-end; gap: 8px; align-self: stretch; } } @media only screen and (min-width: 481px) { .product_complete_the_look_wrapper .product_complete_the_look { border-radius: 16px; border: 1.5px solid var(--default-20, #E8E8E8); padding: 24px; } .product_complete_the_look_selection .swatch__select { padding-left: 10px; } } @media only screen and (min-width: 769px) { .product_complete_the_look .product_complete_the_look_info { gap: 16px; } .product_complete_the_look .swatch.product-colors .swatch__item { width: 40px; height: 40px; } } @keyframes shimmer { 0% { background-position: -200px 0; } 100% { background-position: calc(200px + 100%) 0; } } .product_complete_the_look.skeleton, .product_complete_the_look.skeleton > div { width: 100%; } .product_complete_the_look.skeleton .product_complete_the_look_info { height: 100%; } .product_complete_the_look.skeleton .skeleton-image { width: 96px; height: 96px; background-color: #ddd; } .product_complete_the_look.skeleton .skeleton-text { height: 20px; background-color: #ddd; border-radius: 4px; } .product_complete_the_look.skeleton .skeleton-text, .product_complete_the_look.skeleton .skeleton-image, .product_complete_the_look.skeleton .skeleton-button { background: linear-gradient(90deg, #ddd 25%, #eee 50%, #ddd 75%); background-size: 200px 100%; animation: shimmer 3s infinite linear; } .product_complete_the_look.skeleton .skeleton-text.short { width: 50%; } .product_complete_the_look.skeleton .skeleton-text.long { width: 100%; } .product_complete_the_look.skeleton .skeleton-button { width: 100%; height: 40px; background-color: #ddd; border-radius: 100px; } @media (min-width: 769px) { .product_complete_the_look.skeleton .product_complete_the_look_selection { max-width: 120px; } } .cart_cross_sell .product_complete_the_look { padding-bottom: 10px; border-bottom: 1px solid var(--default-20, #e8e8e8); } .cart_cross_sell .product_complete_the_look:last-child { border-bottom: none; } .cart_cross_sell_title { background: var(--secondaryBg); width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; color: var(--colorBlack); } .cart_cross_sell_title div:nth-child(2) { color: var(--typography-caption, #727272); } .cart_cross_sell_slider { /* flex: 1; */ margin: 1rem 0; display: flex; justify-content: space-between; align-items: center; flex-direction: row; width: 100%; } .cart_cross_sell_slider * { user-select: none; align-items: center; justify-content: center; text-align: center; } .cart_cross_sell_slider .cart_cross_sell_slider_arrow { cursor: pointer; width: 35px; height: 100%; min-height: 35px; } .cart_cross_sell_slider_dots { display: flex; gap: 12px; align-items: center; justify-content: center; flex-direction: row; margin: 0; padding: 0; align-self: center; max-width: 100%; flex-wrap: wrap; } .cart_cross_sell_slider_dots li { list-style: none; cursor: pointer; width: 12px; height: 12px; border-radius: 50%; background: var(--tertiaryBg, #2c2c2c); opacity: 0.5; transition: opacity 0.3s; cursor: pointer; } .cart_cross_sell_slider_dots li.dot_active { opacity: 1; } .cart_cross_sell_list { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 32px; align-self: stretch; margin: 0; padding: 0; overflow: hidden; flex: 1; min-height: 260px; } .cart_cross_sell_list > span { max-width: var(--slider-width, 100%); } .cart_cross_sell_list .product__price.international_currency { text-transform: initial; flex-direction: column; } .cart_cross_sell_list .product__price.international_currency .money_sale { font-size: 12px; font-weight: 400; } .cart_cross_sell_list .product_complete_the_look { border: 0; flex-direction: column; cursor: pointer; min-height: 260px; } /* $25 off Upsell customization */ .cart_cross_sell_list .product_complete_the_look .product_complete_the_look_details { flex-direction: row; align-items: center; position: relative; overflow: hidden; } .cart_cross_sell_list .is_upsell_promo .product_complete_the_look .product_complete_the_look_details::before { content: "SPECIAL OFFER"; position: absolute; text-align: center; top: 12%; left: -7%; background: var(--secondary-red, #be2020); color: var(--colorWhite); padding: 6px 8px; width: 30%; transform: rotate(-45deg); font-size: 11px; } @media screen and (max-width: 480px) { .cart_cross_sell_list .is_upsell_promo .product_complete_the_look .product_complete_the_look_details::before { top: 11%; left: -11%; width: 40%; font-size: 50%; } } .cart_cross_sell_list .product_complete_the_look .swatch.product-colors { align-items: center; justify-content: center; } .cart_cross_sell_list .product_complete_the_look .product_complete_the_look_details > img { width: 200px; height: auto; max-width: 40%; /* make it non clickable */ pointer-events: none; } .cart_cross_sell_list cart_cross_sell { width: 15%; height: auto; aspect-ratio: 1/1; border: 2px solid var(--secondaryBg); justify-content: center; align-items: center; background: transparent; padding: 1px; } .cart_cross_sell_list .product_complete_the_look .swatch.product-colors .swatch__item img { align-self: baseline; } .cart_cross_sell_list .product_complete_the_look .swatch.product-colors .swatch__item.active { border-color: var(--tertiaryBg, #2c2c2c); } .cart_cross_sell_list .money_sale:not(.compare-at_sale) { font-size: 18px !important; } .cart_cross_sell_disclaimer { font-size: 12px; } @media (min-width: 769px) and (max-height: 900px) { .cart_cross_sell_list .product_complete_the_look { gap: 8px; } } @media (max-width: 480px) { .cart_wrapper { max-width: 100vw; } .cart_cross_sell_slider .cart_cross_sell_slider_arrow { margin: 0 10px; } .cart_cross_sell_list, .cart_cross_sell_list .product_complete_the_look { min-height: 210px; } .cart_cross_sell_list .product_complete_the_look .swatch.product-colors { justify-content: flex-start; } .cart_cross_sell_list .product_complete_the_look .swatch.product-colors .swatch__item { width: 22%; } .cart_cross_sell_list .product_complete_the_look_selection .swatch__select { padding: 0 12px; text-align-last: center; } .cart_cross_sell_list .money_sale:not(.compare-at_sale) { font-size: 16px !important; } .cart_checkout_details { gap: 8px; } } /* transitions */ .fade-enter-active, .fade-leave-active { transition: opacity 0.3s; } .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ { opacity: 0; } .slide-enter-active, .slide-leave-active { transition: transform 0.3s; } .slide-enter, .slide-leave-to /* .slide-leave-active in <2.1.8 */ { transform: translateX(100%); } @media screen and (min-width: 481px) { #cart-template { max-width: 638px; } .cart_head_wrapper { padding: 32px; } .cart_close_icon { width: 35px; height: 35px; } #free-shipping-progress-bar { height: 12px; } .cart__footer__shipping-icons { display: flex; flex-direction: row; align-items: flex-start; flex-shrink: 0; align-self: stretch; } .cart_collections_empty_btn_wrapper .btn { font-size: 18px; height: 56px; } .cart_wrapper.empty { justify-content: space-between; } .cart__footer__shipping-icons__block { width: 100%; } .cart__footer__shipping-icons .vessi-icon { width: 72px; height: 72px; } .cart_wrapper.empty .cart_collections_empty_wrapper { gap: 32px; padding: 0px 32px; } .cart_collections_empty_title { font-size: 24px; line-height: 32px; } /* card */ .cart_item_price { flex-direction: row; justify-content: flex-end; align-items: baseline; gap: 8px; } .cart_item__head { margin-bottom: 20px; } /* checkout */ .cart_checkout { padding: 24px 32px; } /* cross sell */ } @media screen and (min-width: 769px) { #cart-template { max-width: 600px; } .cart_head_wrapper { padding: 32px; gap: 24px; } #free-shipping-progress-bar { height: 12px; } .cart_collections_empty_btn_wrapper .btn { height: 64px; } .cart_wrapper.empty { justify-content: flex-start; } .cart__footer__shipping-icons__block { width: 100%; } .cart__footer__shipping-icons .vessi-icon { width: 72px; height: 72px; } .cart_wrapper.empty .cart_collections_empty_wrapper { gap: 32px; padding: 0px 32px; } .cart_collections_empty_title { font-size: 28px; line-height: 36px; } .cart_checkout { padding: 24px 32px; } } @media screen and (min-width: 1400px) and (max-height: 900px) { .cart_head_wrapper, .cart_checkout { gap: 12px; padding: 16px 24px; } .cart_items_list li img { width: 100px; height: 100px; } } .cart_loader { border: 5px solid var(--colorWhite); /* Light grey background */ border-top: 5px solid var(--tertiaryBg, rgb(0, 88, 100)); /* Blue color */ border-radius: 50%; width: 35px; height: 35px; animation: spin 2s linear infinite; } /* cross sell */ } @media screen and (min-width: 769px) { #cart-template { max-width: 595px; } .cart_head_wrapper { padding: 32px; gap: 24px; } #free-shipping-progress-bar { height: 12px; } .cart_collections_empty_btn_wrapper .btn { height: 64px; } .cart_wrapper.empty { justify-content: flex-start; gap: 56px; } .cart__footer__shipping-icons__block { width: 100%; } .cart__footer__shipping-icons__block p { font-size: 20px; } .cart__footer__shipping-icons .vessi-icon { width: 72px; height: 72px; } .cart_wrapper.empty .cart_collections_empty_wrapper { gap: 32px; padding: 0px 32px; } .cart_collections_empty_title { font-size: 28px; line-height: 36px; } .cart_checkout { padding: 32px; } } @media screen and (min-width: 1200px) and (max-height: 900px) { .cart_head_wrapper, .cart_checkout { gap: 12px; padding: 24px; } .cart__footer__shipping-icons { margin: 0; } .cart_items_list li img { width: 100px; height: 100px; } } .cart_loader { border: 5px solid var(--colorWhite); /* Light grey background */ border-top: 5px solid var(--tertiaryBg, rgb(0, 88, 100)); /* Blue color */ border-radius: 50%; width: 35px; height: 35px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Cart Stepper */ .cart-stepper-wrapper { margin-top: auto; display: flex; justify-content: space-between; text-align: center; font-size: 12px; --completed-width: 0%; line-height: normal; } .cart-stepper-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; gap: 6.68px; } .cart-stepper-item strong { font-weight: 600; } .cart-stepper-item::before { position: absolute; content: ""; border-bottom: 6px solid var(--secondaryBg); border-radius: 30px; width: 100%; top: 18px; left: -50%; z-index: 2; } .cart-stepper-item.completed::before { border-color: #0069f0; } .cart-stepper-item::after { position: absolute; content: ""; /* border-bottom: 6px solid #C8C8C8; */ border-radius: 30px; width: calc(100% - 50px); top: 20px; left: calc(50% + 25px); z-index: 2; transition: width 0.5s; } .no-transition .cart-stepper-item::after { transition: none; } .cart-stepper-item .cart-step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--primaryBg); border: 0; transition: all 0.3s ease-in-out; border: 2px solid var(--secondaryBg); } .cart-stepper-item .cart-step-counter .v-icon-stroke { --main-color: #999; border-radius: 0; } .cart-stepper-item .cart-step-counter svg { width: 20px; height: 20px; display: flex; } .cart-stepper-item .cart-step-counter.free_shipping svg { width: 30px; height: 30px; } .cart-stepper-item .cart-step-counter svg path { stroke: #999; } .cart-stepper-item.completed .cart-step-counter { border-color: #0069f0; background: var(--tertiaryBg); } .cart-stepper-item.completed .cart-step-counter svg path, .cart-stepper-item.completed .cart-step-counter .v-icon-stroke { stroke: var(--primaryBg); --main-color: var(--primaryBg); } .cart-stepper-item.completed::after { position: absolute; content: ""; height: 6px; background: #0069f0; background-size: 400% 400%; animation: gradientMove 9s ease infinite; border-radius: 30px; width: var(--completed-width); top: 18px; left: 50%; z-index: 3; } .cart-stepper-item.completed:nth-child(3)::after { width: calc(var(--to-complete-width, 70%) - 50px); } .cart-stepper-item:first-child::before { content: none; } .cart-stepper-item:last-child::after { content: none; } @media screen and (min-width: 769px) { .cart-stepper-item .cart-step-counter { width: 50px; height: 50px; } .cart-stepper-item .cart-step-counter svg { width: 25px; height: 25px; } .cart-stepper-item .cart-step-counter.free_shipping svg { width: 35px; height: 35px; } .cart-stepper-item.completed::after, .cart-stepper-item::after, .cart-stepper-item.completed::before, .cart-stepper-item::before { top: 24px; } } /* Fade Up Transition */ .fade-up-enter-active, .fade-up-leave-active { transition: opacity 1s ease-in-out; } .fade-up-enter, .fade-up-leave-to { opacity: 0; } .fade-up-enter-to, .fade-up-leave-from { opacity: 1; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Gift Shake Animation */ .cart-stepper-item:not(.completed) .gift-box { animation: box-shake 1.5s ease-in-out infinite; transform-origin: center bottom; /* Pivot point for the lid */ } .cart-stepper-item:not(.completed) .lid { transform-origin: center top; /* Pivot point for the lid */ animation: lid-shake 1.5s ease-in-out infinite; } /* Lid Shake */ @keyframes lid-shake { 0%, 20% { transform: rotate(0deg); } 30% { transform: rotate(5deg) translate(0, -1px); } 50% { transform: rotate(-5deg) translate(0, -2px); } 70% { transform: rotate(5deg) translate(0, -1px); } 80%, 100% { transform: rotate(0deg); } } /* Box Shake */ @keyframes box-shake { 0%, 20% { transform: translate(0, 0) rotate(0deg); } 30% { transform: translate(1px, 0) rotate(-3deg); } 50% { transform: translate(-1px, 0) rotate(3deg); } 70% { transform: translate(1px, 0) rotate(-3deg); } 80%, 100% { transform: translate(0, 0); } } </style> <div id="cart-template" class="cart_drawer"> <div class="cart_overlay" @click="closeCart"></div><div class="cart_wrapper" :class="{ empty: isCartEmpty }" > <div class="cart_head_wrapper flex column align_center justify_between"> <h2 class="heading_2 text_center"> Your Cart <template v-if="cart.item_count">({( cart.item_count )})</template> <span class="cart_close_icon" @click="closeCart"></span></h2> <p class="cart_pre_title text_center subheading"> <template v-if="isCartEmpty"> Your cart is empty. </template> <template v-else> <template v-if="isCadOrUsd && allThresholds?.some(t => !t.isCompleted && !t.name.toLowerCase().includes('extra'))"> You're {( formatPrice(allThresholds.find(t => !t.isCompleted).value - totalCartPriceWithoutGiftcard, currency) )} away from <strong>{( allThresholds.find(t => !t.isCompleted).name )}</strong> </template> <template v-else-if="shouldShowVip && isCadOrUsd && allThresholds?.some(t => !t.isCompleted)"> You’ve unlocked FREE SHIPPING </template> </template> </p> <div class="cart-stepper-wrapper" v-if="!isCartEmpty && isCadOrUsd"> <div class="cart-stepper-item completed"> <div class="cart-step-counter"> <svg class="v-icon v-icon-stroke"> <use xlink:href="#v-icon-stroke-cart"></use> </svg> </div> <div> Filling Cart </div> </div> <template v-for="(thresholdItem, index) in allThresholds"> <div class="cart-stepper-item" :class="{ completed: thresholdItem.isCompleted, active: index > 0 && allThresholds[index - 1].isCompleted && !thresholdItem.isCompleted }" > <template v-if="thresholdItem.type === 'free_shipping'"> <div class="cart-step-counter free_shipping"> <svg class="v-icon v-icon-stroke"> <use xlink:href="#v-icon-stroke-shipping"></use> </svg> </div> <div> Free Shipping </div> </template> <template v-else> <div class="cart-step-counter"> <svg class="gift-box" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none">  <path d="M5.17395 9.6521H20.8261V20.2655C20.8261 20.668 20.4685 20.9999 20.0348 20.9999H5.96531C5.53158 20.9999 5.17395 20.668 5.17395 20.2655V9.6521Z" stroke="black" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" />  <path class="lid" d="M21.2413 6.26953H4.64467C4.28863 6.26953 4 6.55816 4 6.91421V8.97566C4 9.3317 4.28863 9.62033 4.64467 9.62033H21.2413C21.5973 9.62033 21.8859 9.3317 21.8859 8.97566V6.91421C21.8859 6.55816 21.5973 6.26953 21.2413 6.26953Z" stroke="black" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" />  <path d="M12.9429 9.6521L13 20.9999" stroke="black" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" />  <path class="lid" d="M12.943 6.26944C12.943 6.26944 7.12592 1.2245 6.02398 3.66826C5.10944 5.68474 8.67014 6.26944 12.943 6.26944Z" stroke="black" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" />  <path class="lid" d="M12.9429 6.26944C12.9429 6.26944 18.76 1.2245 19.8619 3.66826C20.7765 5.68474 17.2158 6.26944 12.9429 6.26944Z" stroke="black" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <div> {( thresholdItem.name )} </div> </template> </div> </template> </div> </div> <template v-if="isCartEmpty"> <div class="cart_collections_empty_wrapper content-wrapper"> <h3 class="cart_collections_empty_title">Discover what life with dry socks is all about</h3> <div class="cart_collections_empty_btn_wrapper"><a href="/collections/women" class="btn btn_full btn_secondary"> Shop Women </a><a href="/collections/men" class="btn btn_full btn_secondary"> Shop Men </a><a href="/collections/kids" class="btn btn_full btn_secondary"> Shop Kids </a><a href="/collections/accessories" class="btn btn_full btn_secondary"> Shop Accessories </a></div> </div> <div class="content-wrapper"> <div class="cart__footer__shipping-icons rounded"> <div class="cart__footer__shipping-icons__block"> <svg class="v-icon v-icon-stroke"><use xlink:href="#v-icon-stroke-shipping"></use></svg> <div class="flex column"> <p class="cart__footer__shipping-icons__text subheading"> Free Standard Shipping </p> <p>We offer free standard shipping within North America on orders over $120.</p> </div> </div> <div class="cart__footer__shipping-icons__block"> <svg class="v-icon v-icon-stroke"><use xlink:href="#v-icon-stroke-returns"></use></svg> <div class="flex column"> <p class="cart__footer__shipping-icons__text subheading"> Free 30-Day Returns & Exchanges </p> <p class=""> For any issues on your order, you can reach out to our customer care team. <small>(*Exclusions apply)</small> </p> </div> </div> </div> </div> </template> <template v-else> <div class="cart_list_cross_sell"> <ul class="cart_items_list"> <template v-for="item in cart.items" :key="item.id"> <Cartitemcomponent :item="item" :currency="currency" v-show="!item.title.toLowerCase().includes('certificate')" ></Cartitemcomponent> </template> </ul> <div class="cart_cross_sell content-wrapper" v-if="upsellList.length > 0"> <div class="cart_cross_sell_title heading_2"> <div v-if="displayGwpCrossSell">Add your FREE waterproof gift</div> <div v-else-if="displayBootsCrossSell">Get FREE waterproof gift with every boot purchase</div> <div v-else-if="shouldShowUpsellPromo && shouldShowVip">Additional $25 off</div> <div v-else>There's more you may like</div> <div v-if="shouldShowUpsellPromo && shouldShowVip">when you add one of these items to your cart.</div> <div v-else-if="hasShoeInCart && hasOtherItemsInCart"> </div> <div v-else-if="hasShoeInCart"> </div> <div v-else-if="hasOtherItemsInCart"> </div> </div> <template v-for="(product, index) in upsellList" :key="`upsell_${product.id}`"> <Completethelook :show_vip="shouldShowVip" :class="{ is_upsell_promo: shouldShowUpsellPromo && shouldShowVip }" :upsell_handle="product.handle" :currency="currency" image_size="200" :upsell_tag="upsellTag" :show_upsell_promo="shouldShowUpsellPromo && shouldShowVip" :upsell_promo_type="`fixed_amount`" ></Completethelook> </template> </div> <div class="cart_checkout"> <ul class="cart_checkout_details flex"> <li class="subheading" v-if="cart.total_discount > 0 && showOriginalTotalPrice"> <span>Original Subtotal</span> <span class="slashed_original_price" >{( formatPrice(cart.original_total_price, currency, isCadOrUsd) )}</span > </li> <li class="subheading" v-if="upsellDiscount > 0"> <span>Upsell Promo</span> <span>-{( formatPrice(upsellDiscount, currency, isCadOrUsd) )}</span> </li> <li class="subheading" v-if="cart.total_discount > 0 && showOriginalTotalPrice"> <span>Discounts</span> <span>-{( formatPrice(((cart.original_total_price - upsellDiscount) - cart.total_price), currency, isCadOrUsd) )}</span> </li> <li class="subheading"> <span>Subtotal <small>(Before tax)</small></span> <span :class="{ sale_price: cart.total_discount > 0 && showOriginalTotalPrice }" >{( formatPrice(cart.total_price, currency, isCadOrUsd) )}</span > </li> <li class="subheading" v-show="eddForCart && !hasOnlyGiftcard && showEDD"> <span>Est. Delivery</span> <span>{( eddForCart?.eddBestStandard )}</span> </li> </ul> <form action="/cart" method="post" novalidate class="cart_checkout__form" > <button type="submit" name="checkout" class="btn btn_full btn_secondary checkout__button" @click="isLoading = true" > <template v-if="isLoading"> <span class="cart_loader"></span> </template> <template v-else> Checkout </template> </button> </form> </div> </div> </template> </div> </div> <script> const cartSettings = { cartCrossSellShoes: [ { "available": true, "id": 7987675791554, "handle": "forecast-gloves-black", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 6073656836290, "handle": "ankle-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7393973469378, "handle": "mid-crew-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7800928305346, "handle": "no-show-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7987675955394, "handle": "forecast-beanie-black", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7718809862338, "handle": "lifestyle-crew-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7817050357954, "handle": "womens-westerly-coach-jacket-sea", "tags": ["Gender: Women"] }, { "available": true, "id": 7817050128578, "handle": "mens-westerly-coach-jacket-black", "tags": ["Gender: Men"] }, { "available": true, "id": 7995025752258, "handle": "mens-base-long-sleeve-shirt-twill", "tags": ["Gender: Men"] }, { "available": true, "id": 7865255887042, "handle": "mens-base-tee-twill", "tags": ["Gender: Men"] }, { "available": true, "id": 7808548307138, "handle": "astoria-backpack-black", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] } ] , cartCrossSellOthers: [ { "available": true, "id": 7345491738818, "handle": "womens-everyday-classic-midnight-black-on-black", "tags": ["Gender: Women"] }, { "available": true, "id": 7975703150786, "handle": "mens-tidal-sneaker-light-sunstone", "tags": ["Gender: Men"] }, { "available": true, "id": 7975703183554, "handle": "womens-tidal-sneaker-light-teak-light-sunstone", "tags": ["Gender: Women"] }, { "available": true, "id": 7809461551298, "handle": "mens-stormburst-low-top-black", "tags": ["Gender: Men"] }, { "available": true, "id": 7809461518530, "handle": "womens-stormburst-low-top-white", "tags": ["Gender: Women"] }, { "available": true, "id": 7694889222338, "handle": "mens-soho-sneaker-narrow-fit-asphalt-black", "tags": ["Gender: Men"] }, { "available": true, "id": 7694874771650, "handle": "womens-soho-sneaker-narrow-fit-dune-beige", "tags": ["Gender: Women"] }, { "available": true, "id": 4541098524785, "handle": "womens-weekend-marble-white", "tags": ["Gender: Women"] }, { "available": true, "id": 4541090365553, "handle": "mens-weekend-marble-white", "tags": ["Gender: Men"] } ] , cartCrossSellAll: [ { "available": true, "id": 7987675791554, "handle": "forecast-gloves-black", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 6073656836290, "handle": "ankle-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7393973469378, "handle": "mid-crew-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7800928305346, "handle": "no-show-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7987675955394, "handle": "forecast-beanie-black", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7718809862338, "handle": "lifestyle-crew-socks", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] }, { "available": true, "id": 7817050357954, "handle": "womens-westerly-coach-jacket-sea", "tags": ["Gender: Women"] }, { "available": true, "id": 7817050128578, "handle": "mens-westerly-coach-jacket-black", "tags": ["Gender: Men"] }, { "available": true, "id": 7995025752258, "handle": "mens-base-long-sleeve-shirt-twill", "tags": ["Gender: Men"] }, { "available": true, "id": 7865255887042, "handle": "mens-base-tee-twill", "tags": ["Gender: Men"] }, { "available": true, "id": 7808548307138, "handle": "astoria-backpack-black", "tags": ["Gender: Women","Gender: Men","Style: Accessories"] } ] , cartCrossSellBfcmShoes: '' , cartCrossSellUpsell: [{"id":7987675791554,"title":"Forecast Gloves - Black","handle":"forecast-gloves-black","description":"\u003cp dir=\"ltr\"\u003e\u003cspan\u003eThese are our essential everyday gloves. They feature extra grip and touch-screen-friendly fingertips for cozy scrolling. Designed to keep your hands warm and dry. \u003c\/span\u003e\u003c\/p\u003e","published_at":"2024-09-27T10:26:51-07:00","created_at":"2024-09-18T16:48:38-07:00","vendor":"Vessi Footwear","type":"Gloves","tags":["accessories","Accessories Best Sellers","Best Seller","BFCM","Cold Weather","Color: Black","FB-DataFeed-NoStock","Forecast Gloves","Gender: Men","Gender: Unisex","Gender: Women","greater than","just in","new","Product: Forecast Gloves","publishedOnLast30days","S4 New Products","Season Four","Size: L","Size: M","Size: S","Space Black","Style: Accessories","Style: Forecast Gloves","Style: Gloves","Style: Unisex"],"price":7200,"price_min":7200,"price_max":7200,"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":44725835628738,"title":"Black \/ S","option1":"Black","option2":"S","option3":null,"sku":"C2001U-BK014-SM","requires_shipping":true,"taxable":true,"featured_image":{"id":40725486665922,"product_id":7987675791554,"position":5,"created_at":"2024-09-26T15:47:13-07:00","updated_at":"2024-09-26T15:48:42-07:00","alt":"Black_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922","variant_ids":[44725835628738,44725835759810,44725835825346,44725835890882]},"available":true,"name":"Forecast Gloves - Black - Black \/ S","public_title":"Black \/ S","options":["Black","S"],"price":7200,"weight":55,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080049044","featured_media":{"alt":"Black_merchant","id":33077310652610,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725835759810,"title":"Black \/ M","option1":"Black","option2":"M","option3":null,"sku":"C2001U-BK014-MD","requires_shipping":true,"taxable":true,"featured_image":{"id":40725486665922,"product_id":7987675791554,"position":5,"created_at":"2024-09-26T15:47:13-07:00","updated_at":"2024-09-26T15:48:42-07:00","alt":"Black_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922","variant_ids":[44725835628738,44725835759810,44725835825346,44725835890882]},"available":true,"name":"Forecast Gloves - Black - Black \/ M","public_title":"Black \/ M","options":["Black","M"],"price":7200,"weight":60,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080049051","featured_media":{"alt":"Black_merchant","id":33077310652610,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725835825346,"title":"Black \/ L","option1":"Black","option2":"L","option3":null,"sku":"C2001U-BK014-LG","requires_shipping":true,"taxable":true,"featured_image":{"id":40725486665922,"product_id":7987675791554,"position":5,"created_at":"2024-09-26T15:47:13-07:00","updated_at":"2024-09-26T15:48:42-07:00","alt":"Black_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922","variant_ids":[44725835628738,44725835759810,44725835825346,44725835890882]},"available":true,"name":"Forecast Gloves - Black - Black \/ L","public_title":"Black \/ L","options":["Black","L"],"price":7200,"weight":70,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080049068","featured_media":{"alt":"Black_merchant","id":33077310652610,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725835890882,"title":"Black \/ XL","option1":"Black","option2":"XL","option3":null,"sku":"C2001U-BK014-XL","requires_shipping":true,"taxable":true,"featured_image":{"id":40725486665922,"product_id":7987675791554,"position":5,"created_at":"2024-09-26T15:47:13-07:00","updated_at":"2024-09-26T15:48:42-07:00","alt":"Black_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922","variant_ids":[44725835628738,44725835759810,44725835825346,44725835890882]},"available":false,"name":"Forecast Gloves - Black - Black \/ XL","public_title":"Black \/ XL","options":["Black","XL"],"price":7200,"weight":75,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080049075","featured_media":{"alt":"Black_merchant","id":33077310652610,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Gloves-Black-Transparent_79cddc82-f5fc-4c2c-aae9-3bbd7c55a4ec.png?v=1727390830","\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Glove-Black-Interior_05cad759-d37e-41e7-9f75-1df21d82a084.jpg?v=1727390835","\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Gloves-2024-Detail-Black-Edit_2298e889-e5cc-4f1f-9099-637fadc23869.jpg?v=1727390835","\/\/ca.vessi.com\/cdn\/shop\/files\/Season4_2024_Forecast_Gloves_156028aa-2cdc-4d44-b75e-92663d791c4f.jpg?v=1727390835","\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Gloves-Black-Transparent_79cddc82-f5fc-4c2c-aae9-3bbd7c55a4ec.png?v=1727390830","options":["Color","Size"],"media":[{"alt":"Black","id":33077310324930,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Gloves-Black-Transparent_79cddc82-f5fc-4c2c-aae9-3bbd7c55a4ec.png?v=1727390830"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Gloves-Black-Transparent_79cddc82-f5fc-4c2c-aae9-3bbd7c55a4ec.png?v=1727390830","width":900},{"alt":"Black","id":33077310718146,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Glove-Black-Interior_05cad759-d37e-41e7-9f75-1df21d82a084.jpg?v=1727390835"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Glove-Black-Interior_05cad759-d37e-41e7-9f75-1df21d82a084.jpg?v=1727390835","width":900},{"alt":"Black","id":33077310619842,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Gloves-2024-Detail-Black-Edit_2298e889-e5cc-4f1f-9099-637fadc23869.jpg?v=1727390835"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Gloves-2024-Detail-Black-Edit_2298e889-e5cc-4f1f-9099-637fadc23869.jpg?v=1727390835","width":900},{"alt":"Black","id":33077310685378,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Season4_2024_Forecast_Gloves_156028aa-2cdc-4d44-b75e-92663d791c4f.jpg?v=1727390835"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Season4_2024_Forecast_Gloves_156028aa-2cdc-4d44-b75e-92663d791c4f.jpg?v=1727390835","width":900},{"alt":"Black_merchant","id":33077310652610,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Thumbnail_Vessi-Gloves-Black-Transparent.png?v=1727390922","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp dir=\"ltr\"\u003e\u003cspan\u003eThese are our essential everyday gloves. They feature extra grip and touch-screen-friendly fingertips for cozy scrolling. Designed to keep your hands warm and dry. \u003c\/span\u003e\u003c\/p\u003e"},{"id":7987675955394,"title":"Forecast Beanie - Black","handle":"forecast-beanie-black","description":"\u003cp data-pm-slice='1 1 [\"table\",{\"displayMode\":null,\"isNumberColumnEnabled\":false,\"layout\":\"default\",\"localId\":\"01e034fe-2cc7-4be0-ad27-7b06bbf43194\",\"width\":760,\"__autoSize\":false},\"tableRow\",null,\"tableCell\",{\"colspan\":1,\"rowspan\":1,\"colwidth\":null,\"background\":null}]'\u003eThis is our versatile beanie that’s been updated for even better fit, feel, and style. Designed to be the perfect blend of comfort and protection, keeping your ears warm and your head dry.\u003c\/p\u003e","published_at":"2024-09-26T14:44:19-07:00","created_at":"2024-09-18T16:48:38-07:00","vendor":"Vessi Footwear","type":"Hats","tags":["accessories","Accessories Best Sellers","BFCM","BFCM-9","BXDAY","BXDAY-19","Cold Weather","Color: Black","FB-DataFeed-NoStock","Final Sale","Forecast Beanie","Gender: Men","Gender: Unisex","Gender: Women","Last Chance Sale","new","Product: Forecast Beanie","S4 New Products","SALE-13","Season Four","Size: One Size","Space Black","Style: Accessories","Style: Forecast Beanie","Style: Hats","Style: Men","Style: Unisex","Style: Women"],"price":5800,"price_min":5800,"price_max":5800,"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":44725836087490,"title":"Black \/ One Size","option1":"Black","option2":"One Size","option3":null,"sku":"C3001U-BK014-OS","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Forecast Beanie - Black - Black \/ One Size","public_title":"Black \/ One Size","options":["Black","One Size"],"price":5800,"weight":80,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080049983","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/files\/Black-Vessi-Beanie-Back-Transparent1.png?v=1727908327","\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Beanie-Interior-Black.jpg?v=1727304324","\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Beanie-Black.jpg?v=1727304324","\/\/ca.vessi.com\/cdn\/shop\/files\/Forecast_Beanie_Lifestyle.jpg?v=1727304324","\/\/ca.vessi.com\/cdn\/shop\/files\/Black-Vessi-Beanie-Back-Transparent1_9912fb6e-6133-4b3e-9c5a-42fe612e822d.png?v=1727908332"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/files\/Black-Vessi-Beanie-Back-Transparent1.png?v=1727908327","options":["Color","Size"],"media":[{"alt":"Black","id":33091077636290,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Black-Vessi-Beanie-Back-Transparent1.png?v=1727908327"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Black-Vessi-Beanie-Back-Transparent1.png?v=1727908327","width":900},{"alt":"Black","id":33073746772162,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Beanie-Interior-Black.jpg?v=1727304324"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Beanie-Interior-Black.jpg?v=1727304324","width":900},{"alt":"Black","id":33073746739394,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Beanie-Black.jpg?v=1727304324"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Vessi-Beanie-Black.jpg?v=1727304324","width":900},{"alt":"Black","id":33073746804930,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Forecast_Beanie_Lifestyle.jpg?v=1727304324"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Forecast_Beanie_Lifestyle.jpg?v=1727304324","width":900},{"alt":"Black_merchant","id":33091077669058,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Black-Vessi-Beanie-Back-Transparent1_9912fb6e-6133-4b3e-9c5a-42fe612e822d.png?v=1727908332"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Black-Vessi-Beanie-Back-Transparent1_9912fb6e-6133-4b3e-9c5a-42fe612e822d.png?v=1727908332","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp data-pm-slice='1 1 [\"table\",{\"displayMode\":null,\"isNumberColumnEnabled\":false,\"layout\":\"default\",\"localId\":\"01e034fe-2cc7-4be0-ad27-7b06bbf43194\",\"width\":760,\"__autoSize\":false},\"tableRow\",null,\"tableCell\",{\"colspan\":1,\"rowspan\":1,\"colwidth\":null,\"background\":null}]'\u003eThis is our versatile beanie that’s been updated for even better fit, feel, and style. Designed to be the perfect blend of comfort and protection, keeping your ears warm and your head dry.\u003c\/p\u003e"}], cartCrossSellBoots: [{"id":7728624828610,"title":"Men's Stormburst High Top - Mission H2O","handle":"mens-stormburst-high-top-mission-h2o","description":"\u003cp\u003eOur most adventure-ready design combines the comfort of a sneaker with the grip and coverage of an outdoor boot.\u003c\/p\u003e","published_at":"2023-10-24T12:37:57-07:00","created_at":"2023-10-10T13:47:05-07:00","vendor":"Vessi Footwear","type":"Shoes","tags":["active","Active Style","BFCM","BFCM-46","Cold Weather","Color: Black","Color: Purple","CREATOR15","EOSS","Gender: Men","GWP-GLOVES","High-Tops","LAST CHANCE","Limited Edition","Product: Men's Stormburst","Product: Men's Stormburst Sale","RGroup_men-stormburst-high-top","Size: 14","Size: 8","Style: Men","Style: Shoes"],"price":19500,"price_min":19500,"price_max":19500,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":43591022510274,"title":"Mission H2O \/ 6","option1":"Mission H2O","option2":"6","option3":null,"sku":"SHCBMHM06","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 6","public_title":"Mission H2O \/ 6","options":["Mission H2O","6"],"price":19500,"weight":1050,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037300","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022543042,"title":"Mission H2O \/ 7","option1":"Mission H2O","option2":"7","option3":null,"sku":"SHCBMHM07","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 7","public_title":"Mission H2O \/ 7","options":["Mission H2O","7"],"price":19500,"weight":1050,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037317","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022575810,"title":"Mission H2O \/ 8","option1":"Mission H2O","option2":"8","option3":null,"sku":"SHCBMHM08","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 8","public_title":"Mission H2O \/ 8","options":["Mission H2O","8"],"price":19500,"weight":1100,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037324","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022608578,"title":"Mission H2O \/ 9","option1":"Mission H2O","option2":"9","option3":null,"sku":"SHCBMHM09","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 9","public_title":"Mission H2O \/ 9","options":["Mission H2O","9"],"price":19500,"weight":1200,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037331","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022641346,"title":"Mission H2O \/ 10","option1":"Mission H2O","option2":"10","option3":null,"sku":"SHCBMHM10","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 10","public_title":"Mission H2O \/ 10","options":["Mission H2O","10"],"price":19500,"weight":1250,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037348","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022674114,"title":"Mission H2O \/ 11","option1":"Mission H2O","option2":"11","option3":null,"sku":"SHCBMHM11","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 11","public_title":"Mission H2O \/ 11","options":["Mission H2O","11"],"price":19500,"weight":1300,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037355","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022706882,"title":"Mission H2O \/ 12","option1":"Mission H2O","option2":"12","option3":null,"sku":"SHCBMHM12","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 12","public_title":"Mission H2O \/ 12","options":["Mission H2O","12"],"price":19500,"weight":1300,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037362","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022739650,"title":"Mission H2O \/ 13","option1":"Mission H2O","option2":"13","option3":null,"sku":"SHCBMHM13","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 13","public_title":"Mission H2O \/ 13","options":["Mission H2O","13"],"price":19500,"weight":1400,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037379","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43591022772418,"title":"Mission H2O \/ 14","option1":"Mission H2O","option2":"14","option3":null,"sku":"SHCBMHM14","requires_shipping":true,"taxable":true,"featured_image":{"id":38881195196610,"product_id":7728624828610,"position":7,"created_at":"2023-10-17T16:45:19-07:00","updated_at":"2023-10-17T16:45:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","variant_ids":[43591022510274,43591022543042,43591022575810,43591022608578,43591022641346,43591022674114,43591022706882,43591022739650,43591022772418]},"available":false,"name":"Men's Stormburst High Top - Mission H2O - Mission H2O \/ 14","public_title":"Mission H2O \/ 14","options":["Mission H2O","14"],"price":19500,"weight":1500,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080037386","featured_media":{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-Transparent-WithShadow.png?v=1697586336","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-RightSideView-Transparent-WithShadow.png?v=1697586336","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-Sole-Transparent-WithShadow.png?v=1697586336","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-BackView-Transparent-WithShadow.png?v=1697586336","\/\/ca.vessi.com\/cdn\/shop\/files\/MissionH20_Lifestyle.jpg?v=1697650338","\/\/ca.vessi.com\/cdn\/shop\/files\/MissionH20_FlatLay.jpg?v=1697586336","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-Transparent-WithShadow.png?v=1697586336","options":["Color","Size"],"media":[{"alt":"Mission H2O","id":31252064895170,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-Transparent-WithShadow.png?v=1697586336"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-Transparent-WithShadow.png?v=1697586336","width":900},{"alt":"Mission H2O","id":31252064993474,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-RightSideView-Transparent-WithShadow.png?v=1697586336"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-RightSideView-Transparent-WithShadow.png?v=1697586336","width":900},{"alt":"Mission H2O","id":31252065026242,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-Sole-Transparent-WithShadow.png?v=1697586336"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-Sole-Transparent-WithShadow.png?v=1697586336","width":900},{"alt":"Mission H2O","id":31252064960706,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-BackView-Transparent-WithShadow.png?v=1697586336"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-BackView-Transparent-WithShadow.png?v=1697586336","width":900},{"alt":"Mission H2O","id":31252064862402,"position":5,"preview_image":{"aspect_ratio":1.0,"height":887,"width":887,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/MissionH20_Lifestyle.jpg?v=1697650338"},"aspect_ratio":1.0,"height":887,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/MissionH20_Lifestyle.jpg?v=1697650338","width":887},{"alt":"Mission H2O","id":31252065059010,"position":6,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/MissionH20_FlatLay.jpg?v=1697586336"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/MissionH20_FlatLay.jpg?v=1697586336","width":900},{"alt":null,"id":31252064927938,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-NASA-3_4View-WhiteBG-WithShadow.jpg?v=1697586336","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eOur most adventure-ready design combines the comfort of a sneaker with the grip and coverage of an outdoor boot.\u003c\/p\u003e"},{"id":7575270588610,"title":"Women's Stormburst High Top - Frost White","handle":"womens-stormburst-frost-white","description":"\u003cp\u003e Our most adventure-ready design combines the comfort of a sneaker with the grip and coverage of an outdoor boot.\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e","published_at":"2022-12-14T08:00:03-08:00","created_at":"2022-11-09T10:07:32-08:00","vendor":"Vessi Footwear","type":"Shoes","tags":["active","Active Style","Best Seller","BFCM","BFCM-39","Boots","Cold Weather","Color: White","Core","End of Season Sale","EXCLUDED FROM SALE","For Rain and Slush","full-price","Gender: Women","GWP-GLOVES","High-Tops","January Seasonals","LDS","LDS-21","Product: Women's Stormburst","retail-giving-week","RGroup_women-stormburst-high-top","Size: 10","Size: 11","Size: 5","Size: 6","Size: 7","Size: 8","Slip-Ons","Sneakers","Stormburst Coupon Allowed","Style: Shoes","Style: Stormburst High Top","Style: Women","VDC","VIP-LDS","Wide","Women"],"price":19500,"price_min":19500,"price_max":19500,"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":42697400877250,"title":"Frost White \/ 5","option1":"Frost White","option2":"5","option3":null,"sku":"SHCBFWW05","requires_shipping":true,"taxable":true,"featured_image":{"id":40237725384898,"product_id":7575270588610,"position":9,"created_at":"2024-04-18T16:04:06-07:00","updated_at":"2024-04-18T16:05:22-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","variant_ids":[42697400877250,42697400910018,42697400942786,42697400975554,42697401008322,42697401041090,42697401073858]},"available":true,"name":"Women's Stormburst High Top - Frost White - Frost White \/ 5","public_title":"Frost White \/ 5","options":["Frost White","5"],"price":19500,"weight":712,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080029800","featured_media":{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42697400910018,"title":"Frost White \/ 6","option1":"Frost White","option2":"6","option3":null,"sku":"SHCBFWW06","requires_shipping":true,"taxable":true,"featured_image":{"id":40237725384898,"product_id":7575270588610,"position":9,"created_at":"2024-04-18T16:04:06-07:00","updated_at":"2024-04-18T16:05:22-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","variant_ids":[42697400877250,42697400910018,42697400942786,42697400975554,42697401008322,42697401041090,42697401073858]},"available":true,"name":"Women's Stormburst High Top - Frost White - Frost White \/ 6","public_title":"Frost White \/ 6","options":["Frost White","6"],"price":19500,"weight":712,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080029817","featured_media":{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42697400942786,"title":"Frost White \/ 7","option1":"Frost White","option2":"7","option3":null,"sku":"SHCBFWW07","requires_shipping":true,"taxable":true,"featured_image":{"id":40237725384898,"product_id":7575270588610,"position":9,"created_at":"2024-04-18T16:04:06-07:00","updated_at":"2024-04-18T16:05:22-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","variant_ids":[42697400877250,42697400910018,42697400942786,42697400975554,42697401008322,42697401041090,42697401073858]},"available":true,"name":"Women's Stormburst High Top - Frost White - Frost White \/ 7","public_title":"Frost White \/ 7","options":["Frost White","7"],"price":19500,"weight":712,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080029824","featured_media":{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42697400975554,"title":"Frost White \/ 8","option1":"Frost White","option2":"8","option3":null,"sku":"SHCBFWW08","requires_shipping":true,"taxable":true,"featured_image":{"id":40237725384898,"product_id":7575270588610,"position":9,"created_at":"2024-04-18T16:04:06-07:00","updated_at":"2024-04-18T16:05:22-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","variant_ids":[42697400877250,42697400910018,42697400942786,42697400975554,42697401008322,42697401041090,42697401073858]},"available":true,"name":"Women's Stormburst High Top - Frost White - Frost White \/ 8","public_title":"Frost White \/ 8","options":["Frost White","8"],"price":19500,"weight":712,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080029831","featured_media":{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42697401008322,"title":"Frost White \/ 9","option1":"Frost White","option2":"9","option3":null,"sku":"SHCBFWW09","requires_shipping":true,"taxable":true,"featured_image":{"id":40237725384898,"product_id":7575270588610,"position":9,"created_at":"2024-04-18T16:04:06-07:00","updated_at":"2024-04-18T16:05:22-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","variant_ids":[42697400877250,42697400910018,42697400942786,42697400975554,42697401008322,42697401041090,42697401073858]},"available":false,"name":"Women's Stormburst High Top - Frost White - Frost White \/ 9","public_title":"Frost White \/ 9","options":["Frost White","9"],"price":19500,"weight":712,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080029848","featured_media":{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42697401041090,"title":"Frost White \/ 10","option1":"Frost White","option2":"10","option3":null,"sku":"SHCBFWW10","requires_shipping":true,"taxable":true,"featured_image":{"id":40237725384898,"product_id":7575270588610,"position":9,"created_at":"2024-04-18T16:04:06-07:00","updated_at":"2024-04-18T16:05:22-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","variant_ids":[42697400877250,42697400910018,42697400942786,42697400975554,42697401008322,42697401041090,42697401073858]},"available":true,"name":"Women's Stormburst High Top - Frost White - Frost White \/ 10","public_title":"Frost White \/ 10","options":["Frost White","10"],"price":19500,"weight":712,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080029855","featured_media":{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42697401073858,"title":"Frost White \/ 11","option1":"Frost White","option2":"11","option3":null,"sku":"SHCBFWW11","requires_shipping":true,"taxable":true,"featured_image":{"id":40237725384898,"product_id":7575270588610,"position":9,"created_at":"2024-04-18T16:04:06-07:00","updated_at":"2024-04-18T16:05:22-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","variant_ids":[42697400877250,42697400910018,42697400942786,42697400975554,42697401008322,42697401041090,42697401073858]},"available":true,"name":"Women's Stormburst High Top - Frost White - Frost White \/ 11","public_title":"Frost White \/ 11","options":["Frost White","11"],"price":19500,"weight":712,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080029862","featured_media":{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-3_4View-Transparent-WithShadow.png?v=1713481528","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-RightSideView-Transparent-WithShadow.png?v=1713481528","\/\/ca.vessi.com\/cdn\/shop\/products\/CloudburstHighTopSneaker-FrostWhite-Sole-Transparent-WithShadow.png?v=1713481522","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-BackView-Transparent-WithShadow.png?v=1713481522","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst_FrostWhite_Womens.jpg?v=1713481522","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-women-Frost.jpg?v=1713481522","\/\/ca.vessi.com\/cdn\/shop\/products\/WCloudburst-White.jpg?v=1713481522","\/\/ca.vessi.com\/cdn\/shop\/files\/stormburst-frost-white-mid-cage-detail-photo.jpg?v=1713481522","\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-3_4View-Transparent-WithShadow.png?v=1713481528","options":["Color","Size"],"media":[{"alt":"Frost White","id":32645959286978,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-3_4View-Transparent-WithShadow.png?v=1713481528"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-3_4View-Transparent-WithShadow.png?v=1713481528","width":900},{"alt":"Frost White","id":32645959385282,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-RightSideView-Transparent-WithShadow.png?v=1713481528"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-RightSideView-Transparent-WithShadow.png?v=1713481528","width":900},{"alt":"Frost White","id":28294082035906,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/CloudburstHighTopSneaker-FrostWhite-Sole-Transparent-WithShadow.png?v=1713481522"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/CloudburstHighTopSneaker-FrostWhite-Sole-Transparent-WithShadow.png?v=1713481522","width":900},{"alt":"Frost White","id":32645959254210,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-BackView-Transparent-WithShadow.png?v=1713481522"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-FrostWhite-BackView-Transparent-WithShadow.png?v=1713481522","width":900},{"alt":"Frost White","id":31476310966466,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst_FrostWhite_Womens.jpg?v=1713481522"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst_FrostWhite_Womens.jpg?v=1713481522","width":900},{"alt":null,"id":29757310075074,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1098,"width":1098,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-women-Frost.jpg?v=1713481522"},"aspect_ratio":1.0,"height":1098,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-women-Frost.jpg?v=1713481522","width":1098},{"alt":null,"id":28311303782594,"position":7,"preview_image":{"aspect_ratio":1.0,"height":749,"width":749,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WCloudburst-White.jpg?v=1713481522"},"aspect_ratio":1.0,"height":749,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WCloudburst-White.jpg?v=1713481522","width":749},{"alt":"Frost White","id":32645959319746,"position":8,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/stormburst-frost-white-mid-cage-detail-photo.jpg?v=1713481522"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/stormburst-frost-white-mid-cage-detail-photo.jpg?v=1713481522","width":900},{"alt":null,"id":32645959352514,"position":9,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Stormburst-White-3_4View-FrostWhiteBG-WithShadow.jpg?v=1713481522","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e Our most adventure-ready design combines the comfort of a sneaker with the grip and coverage of an outdoor boot.\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e"},{"id":7053581844674,"title":"Men's Weekend Chelsea - Asphalt Black","handle":"mens-weekend-chelsea-asphalt-black","description":"\u003cp\u003eThis cool weather staple combines the comfort of a sneaker with the coverage and warmth of a boot.\u003c\/p\u003e","published_at":"2021-12-05T17:50:22-08:00","created_at":"2021-10-08T14:05:24-07:00","vendor":"Vessi Footwear","type":"Shoes","tags":["BFCM","BFCM-16","Boots","Cold Weather","core","CREATOR15","End of Season Sale","EXCLUDED FROM SALE","For Rain and Slush","full-price","Gender: Men","GWP-GLOVES","High-Tops","January Seasonals","LDS","LDS-16","Lifestyle","Men","online","Product: Men's Weekend Chelsea","quiz-m","retail-giving-week","RGroup_men-weekend-chelsea","Size: 12","Size: 13","Slip-Ons","Stocked at Metrotown","Style: Men","Style: Shoes","Style: Weekend Chelsea","VIP-LDS"],"price":17500,"price_min":17500,"price_max":17500,"available":true,"price_varies":false,"compare_at_price":0,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41038570651842,"title":"Asphalt Black \/ 6","option1":"Asphalt Black","option2":"6","option3":null,"sku":"SHWCABM06","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":false,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 6","public_title":"Asphalt Black \/ 6","options":["Asphalt Black","6"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018781","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41038570684610,"title":"Asphalt Black \/ 7","option1":"Asphalt Black","option2":"7","option3":null,"sku":"SHWCABM07","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":false,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 7","public_title":"Asphalt Black \/ 7","options":["Asphalt Black","7"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018798","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41038570717378,"title":"Asphalt Black \/ 8","option1":"Asphalt Black","option2":"8","option3":null,"sku":"SHWCABM08","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":false,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 8","public_title":"Asphalt Black \/ 8","options":["Asphalt Black","8"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018804","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41038570750146,"title":"Asphalt Black \/ 9","option1":"Asphalt Black","option2":"9","option3":null,"sku":"SHWCABM09","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":false,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 9","public_title":"Asphalt Black \/ 9","options":["Asphalt Black","9"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018811","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41038570782914,"title":"Asphalt Black \/ 10","option1":"Asphalt Black","option2":"10","option3":null,"sku":"SHWCABM10","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":false,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 10","public_title":"Asphalt Black \/ 10","options":["Asphalt Black","10"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018828","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41038570815682,"title":"Asphalt Black \/ 11","option1":"Asphalt Black","option2":"11","option3":null,"sku":"SHWCABM11","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":false,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 11","public_title":"Asphalt Black \/ 11","options":["Asphalt Black","11"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018835","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41038570848450,"title":"Asphalt Black \/ 12","option1":"Asphalt Black","option2":"12","option3":null,"sku":"SHWCABM12","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":true,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 12","public_title":"Asphalt Black \/ 12","options":["Asphalt Black","12"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018842","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41038570881218,"title":"Asphalt Black \/ 13","option1":"Asphalt Black","option2":"13","option3":null,"sku":"SHWCABM13","requires_shipping":true,"taxable":true,"featured_image":{"id":31273319694530,"product_id":7053581844674,"position":7,"created_at":"2021-11-30T15:54:34-08:00","updated_at":"2023-10-06T17:26:36-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","variant_ids":[41038570651842,41038570684610,41038570717378,41038570750146,41038570782914,41038570815682,41038570848450,41038570881218]},"available":true,"name":"Men's Weekend Chelsea - Asphalt Black - Asphalt Black \/ 13","public_title":"Asphalt Black \/ 13","options":["Asphalt Black","13"],"price":17500,"weight":712,"compare_at_price":0,"inventory_management":"shopify","barcode":"805080018859","featured_media":{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-Transparent-WithShadow_a447a1ef-b22b-465c-9b92-b3b0ec936aea.png?v=1658181808","\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-RightSideView-Transparent-WithShadow_9db0b2fe-5782-4013-9b6c-16173f8e0f46.png?v=1658181808","\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendWhiteSole-Transparent-WithShadow_534bb2a4-bb43-4655-87ce-e20da7272ed1.png?v=1658181808","\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-BackView-Transparent-WithShadow_4fb1c5ee-3344-4c53-9271-a1700cf69934.png?v=1658181808","\/\/ca.vessi.com\/cdn\/shop\/products\/Men_sBlack.jpg?v=1658181808","\/\/ca.vessi.com\/cdn\/shop\/files\/Chelsea_Weekend_Black.jpg?v=1696638396","\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-DetailShots-Mid.jpg?v=1696638396"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-Transparent-WithShadow_a447a1ef-b22b-465c-9b92-b3b0ec936aea.png?v=1658181808","options":["Color","Size"],"media":[{"alt":"Asphalt Black","id":26435698819266,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-Transparent-WithShadow_a447a1ef-b22b-465c-9b92-b3b0ec936aea.png?v=1658181808"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-Transparent-WithShadow_a447a1ef-b22b-465c-9b92-b3b0ec936aea.png?v=1658181808","width":900},{"alt":"Asphalt Black","id":26435698852034,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-RightSideView-Transparent-WithShadow_9db0b2fe-5782-4013-9b6c-16173f8e0f46.png?v=1658181808"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-RightSideView-Transparent-WithShadow_9db0b2fe-5782-4013-9b6c-16173f8e0f46.png?v=1658181808","width":900},{"alt":"Asphalt Black","id":26435698884802,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendWhiteSole-Transparent-WithShadow_534bb2a4-bb43-4655-87ce-e20da7272ed1.png?v=1658181808"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendWhiteSole-Transparent-WithShadow_534bb2a4-bb43-4655-87ce-e20da7272ed1.png?v=1658181808","width":900},{"alt":"Asphalt Black","id":26435698786498,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-BackView-Transparent-WithShadow_4fb1c5ee-3344-4c53-9271-a1700cf69934.png?v=1658181808"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-BackView-Transparent-WithShadow_4fb1c5ee-3344-4c53-9271-a1700cf69934.png?v=1658181808","width":900},{"alt":"Asphalt Black","id":23615435931842,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/Men_sBlack.jpg?v=1658181808"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/Men_sBlack.jpg?v=1658181808","width":900},{"alt":"Asphalt Black","id":31110401097922,"position":6,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Chelsea_Weekend_Black.jpg?v=1696638396"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Chelsea_Weekend_Black.jpg?v=1696638396","width":900},{"alt":null,"id":23592428994754,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-FrontView-Transparent-NoShadowWeekendChelseaBoot-Black-3_4View-WhiteBG-WithShadow.jpg?v=1696638396","width":900},{"alt":null,"id":23669269954754,"position":8,"preview_image":{"aspect_ratio":1.0,"height":1800,"width":1800,"src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-DetailShots-Mid.jpg?v=1696638396"},"aspect_ratio":1.0,"height":1800,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/products\/WeekendChelseaBoot-Black-DetailShots-Mid.jpg?v=1696638396","width":1800}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThis cool weather staple combines the comfort of a sneaker with the coverage and warmth of a boot.\u003c\/p\u003e"},{"id":7987452182722,"title":"Women's Uptown Chelsea - Teak","handle":"womens-uptown-chelsea-teak","description":"\u003cp\u003eThe Uptown Chelsea was created with women's feet in mind, ensuring a perfect fit with a slim and sleek silhouette. Designed for cold weather days and all those chilly adventures.\u003c\/p\u003e","published_at":"2024-10-18T15:40:50-07:00","created_at":"2024-09-17T15:09:11-07:00","vendor":"Vessi Footwear","type":"Shoes","tags":["Best Seller","Boots","Cold Weather","For Rain and Slush","full-price","Gender: Women","greater than","GWP-GLOVES","half-sizes","High-Tops","just in","Lifestyle","Limited Edition","new","Product: Women's Uptown Chelsea","publishedAt 2024-10-18T22:40:50Z","publishedOnLast30days","Size: 10","Size: 10.5","Size: 11","Size: 5","Size: 5.5","Size: 6","Size: 6.5","Size: 7","Size: 7.5","Size: 8","Size: 8.5","Size: 9","Size: 9.5","Style: Uptown Chelsea","Style: Women","testRemoveNewTagsFlow"],"price":17500,"price_min":17500,"price_max":17500,"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":44724452229314,"title":"Teak \/ 5","option1":"Teak","option2":"5","option3":null,"sku":"F2004W-BR004-05","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 5","public_title":"Teak \/ 5","options":["Teak","5"],"price":17500,"weight":1110,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052914","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452262082,"title":"Teak \/ 5.5","option1":"Teak","option2":"5.5","option3":null,"sku":"F2004W-BR004-5H","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 5.5","public_title":"Teak \/ 5.5","options":["Teak","5.5"],"price":17500,"weight":1120,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052921","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452294850,"title":"Teak \/ 6","option1":"Teak","option2":"6","option3":null,"sku":"F2004W-BR004-06","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 6","public_title":"Teak \/ 6","options":["Teak","6"],"price":17500,"weight":1126,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052938","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452360386,"title":"Teak \/ 6.5","option1":"Teak","option2":"6.5","option3":null,"sku":"F2004W-BR004-6H","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 6.5","public_title":"Teak \/ 6.5","options":["Teak","6.5"],"price":17500,"weight":1134,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052945","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452425922,"title":"Teak \/ 7","option1":"Teak","option2":"7","option3":null,"sku":"F2004W-BR004-07","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 7","public_title":"Teak \/ 7","options":["Teak","7"],"price":17500,"weight":1178,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052952","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452491458,"title":"Teak \/ 7.5","option1":"Teak","option2":"7.5","option3":null,"sku":"F2004W-BR004-7H","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 7.5","public_title":"Teak \/ 7.5","options":["Teak","7.5"],"price":17500,"weight":1192,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052969","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452556994,"title":"Teak \/ 8","option1":"Teak","option2":"8","option3":null,"sku":"F2004W-BR004-08","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 8","public_title":"Teak \/ 8","options":["Teak","8"],"price":17500,"weight":1220,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052976","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452622530,"title":"Teak \/ 8.5","option1":"Teak","option2":"8.5","option3":null,"sku":"F2004W-BR004-8H","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 8.5","public_title":"Teak \/ 8.5","options":["Teak","8.5"],"price":17500,"weight":1304,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052983","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452688066,"title":"Teak \/ 9","option1":"Teak","option2":"9","option3":null,"sku":"F2004W-BR004-09","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 9","public_title":"Teak \/ 9","options":["Teak","9"],"price":17500,"weight":1326,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080052990","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452753602,"title":"Teak \/ 9.5","option1":"Teak","option2":"9.5","option3":null,"sku":"F2004W-BR004-9H","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 9.5","public_title":"Teak \/ 9.5","options":["Teak","9.5"],"price":17500,"weight":1342,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080053003","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452884674,"title":"Teak \/ 10","option1":"Teak","option2":"10","option3":null,"sku":"F2004W-BR004-10","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 10","public_title":"Teak \/ 10","options":["Teak","10"],"price":17500,"weight":1370,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080053010","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724452950210,"title":"Teak \/ 10.5","option1":"Teak","option2":"10.5","option3":null,"sku":"F2004W-BR004-H0","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 10.5","public_title":"Teak \/ 10.5","options":["Teak","10.5"],"price":17500,"weight":1400,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080053027","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44724453048514,"title":"Teak \/ 11","option1":"Teak","option2":"11","option3":null,"sku":"F2004W-BR004-11","requires_shipping":true,"taxable":true,"featured_image":{"id":40793191088322,"product_id":7987452182722,"position":6,"created_at":"2024-10-16T09:55:19-07:00","updated_at":"2024-10-16T09:55:21-07:00","alt":"Teak_merchant","width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","variant_ids":[44724452229314,44724452262082,44724452294850,44724452360386,44724452425922,44724452491458,44724452556994,44724452622530,44724452688066,44724452753602,44724452884674,44724452950210,44724453048514]},"available":true,"name":"Women's Uptown Chelsea - Teak - Teak \/ 11","public_title":"Teak \/ 11","options":["Teak","11"],"price":17500,"weight":1420,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080053034","featured_media":{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-Transparent-WithShadow.png?v=1729097721","\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-RightView-Transparent-WithShadow.png?v=1729097721","\/\/ca.vessi.com\/cdn\/shop\/files\/Uptown-Chelsea-Black-Sole-Transparent-WithShadow_46a295eb-de7b-466e-8137-b63ec79afcc4.png?v=1729097721","\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-BackView-Transparent-WithShadow.png?v=1729097721","\/\/ca.vessi.com\/cdn\/shop\/files\/Lifestyle_Uptown_WKChelsea_Teak.jpg?v=1729097721","\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-Detail-Mid-PSD.jpg?v=1729097721"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-Transparent-WithShadow.png?v=1729097721","options":["Color","Size"],"media":[{"alt":"Teak","id":33119615680706,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-Transparent-WithShadow.png?v=1729097721"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-Transparent-WithShadow.png?v=1729097721","width":900},{"alt":"Teak","id":33119615549634,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-RightView-Transparent-WithShadow.png?v=1729097721"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-RightView-Transparent-WithShadow.png?v=1729097721","width":900},{"alt":"Teak","id":33119615615170,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Uptown-Chelsea-Black-Sole-Transparent-WithShadow_46a295eb-de7b-466e-8137-b63ec79afcc4.png?v=1729097721"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Uptown-Chelsea-Black-Sole-Transparent-WithShadow_46a295eb-de7b-466e-8137-b63ec79afcc4.png?v=1729097721","width":900},{"alt":"Teak","id":33119615811778,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-BackView-Transparent-WithShadow.png?v=1729097721"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-BackView-Transparent-WithShadow.png?v=1729097721","width":900},{"alt":"Teak","id":33119615582402,"position":5,"preview_image":{"aspect_ratio":0.999,"height":901,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Lifestyle_Uptown_WKChelsea_Teak.jpg?v=1729097721"},"aspect_ratio":0.999,"height":901,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Lifestyle_Uptown_WKChelsea_Teak.jpg?v=1729097721","width":900},{"alt":"Teak","id":33123928375490,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/preview_images\/da6faeddcd1f4564bef1d3e37e9a8471.thumbnail.0000000000.jpg?v=1729191313"},"aspect_ratio":1.0,"duration":6120,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/ca.vessi.com\/cdn\/shop\/videos\/c\/vp\/da6faeddcd1f4564bef1d3e37e9a8471\/da6faeddcd1f4564bef1d3e37e9a8471.SD-480p-1.5Mbps-36467138.mp4?v=0","width":480},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/ca.vessi.com\/cdn\/shop\/videos\/c\/vp\/da6faeddcd1f4564bef1d3e37e9a8471\/da6faeddcd1f4564bef1d3e37e9a8471.HD-1080p-7.2Mbps-36467138.mp4?v=0","width":1080},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/ca.vessi.com\/cdn\/shop\/videos\/c\/vp\/da6faeddcd1f4564bef1d3e37e9a8471\/da6faeddcd1f4564bef1d3e37e9a8471.HD-720p-4.5Mbps-36467138.mp4?v=0","width":720},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/ca.vessi.com\/cdn\/shop\/videos\/c\/vp\/da6faeddcd1f4564bef1d3e37e9a8471\/da6faeddcd1f4564bef1d3e37e9a8471.m3u8?v=0","width":1080}]},{"alt":"Teak_merchant","id":33119615746242,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-3_4View-WhiteBG-WithShadow.jpg?v=1729097721","width":900},{"alt":null,"id":33119615516866,"position":8,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-Detail-Mid-PSD.jpg?v=1729097721"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/UptownChelsea-Teak-Detail-Mid-PSD.jpg?v=1729097721","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Uptown Chelsea was created with women's feet in mind, ensuring a perfect fit with a slim and sleek silhouette. Designed for cold weather days and all those chilly adventures.\u003c\/p\u003e"},{"id":7987676315842,"title":"Women's Alta High Top - Asphalt Black","handle":"womens-alta-high-top-asphalt-black","description":"\u003cp\u003eThis is our cozy winter boot with a warm fleece lining. It’s been updated for a better fit and a more tailored feel. Designed to keep your footing even in slushy conditions. \u003c\/p\u003e","published_at":"2024-09-28T11:11:26-07:00","created_at":"2024-09-18T16:48:38-07:00","vendor":"Vessi Footwear","type":"Shoes","tags":["Alta High Top","Boots","Cold Weather","Color: Black","full-price","Gender: Women","GWP-GLOVES","High-Tops","just in","Low stock","new","Product: Women's Alta High Top 2","publishedOnLast30days","S4 New Products","Season Four","Size: 10","Size: 11","Size: 5","Size: 6","Size: 7","Size: 9","Style: Alta High Top","Style: Shoes","Style: Women"],"price":21000,"price_min":21000,"price_max":21000,"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":44725837136066,"title":"Asphalt Black \/ 5","option1":"Asphalt Black","option2":"5","option3":null,"sku":"F2005W-BK007-05","requires_shipping":true,"taxable":true,"featured_image":{"id":40724852605122,"product_id":7987676315842,"position":7,"created_at":"2024-09-26T13:15:36-07:00","updated_at":"2024-09-26T13:15:38-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","variant_ids":[44725837136066,44725837398210,44725837594818,44725837856962,44725838053570,44725838151874,44725838315714]},"available":true,"name":"Women's Alta High Top - Asphalt Black - Asphalt Black \/ 5","public_title":"Asphalt Black \/ 5","options":["Asphalt Black","5"],"price":21000,"weight":1190,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054529","featured_media":{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837398210,"title":"Asphalt Black \/ 6","option1":"Asphalt Black","option2":"6","option3":null,"sku":"F2005W-BK007-06","requires_shipping":true,"taxable":true,"featured_image":{"id":40724852605122,"product_id":7987676315842,"position":7,"created_at":"2024-09-26T13:15:36-07:00","updated_at":"2024-09-26T13:15:38-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","variant_ids":[44725837136066,44725837398210,44725837594818,44725837856962,44725838053570,44725838151874,44725838315714]},"available":true,"name":"Women's Alta High Top - Asphalt Black - Asphalt Black \/ 6","public_title":"Asphalt Black \/ 6","options":["Asphalt Black","6"],"price":21000,"weight":1234,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054536","featured_media":{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837594818,"title":"Asphalt Black \/ 7","option1":"Asphalt Black","option2":"7","option3":null,"sku":"F2005W-BK007-07","requires_shipping":true,"taxable":true,"featured_image":{"id":40724852605122,"product_id":7987676315842,"position":7,"created_at":"2024-09-26T13:15:36-07:00","updated_at":"2024-09-26T13:15:38-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","variant_ids":[44725837136066,44725837398210,44725837594818,44725837856962,44725838053570,44725838151874,44725838315714]},"available":true,"name":"Women's Alta High Top - Asphalt Black - Asphalt Black \/ 7","public_title":"Asphalt Black \/ 7","options":["Asphalt Black","7"],"price":21000,"weight":1260,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054543","featured_media":{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837856962,"title":"Asphalt Black \/ 8","option1":"Asphalt Black","option2":"8","option3":null,"sku":"F2005W-BK007-08","requires_shipping":true,"taxable":true,"featured_image":{"id":40724852605122,"product_id":7987676315842,"position":7,"created_at":"2024-09-26T13:15:36-07:00","updated_at":"2024-09-26T13:15:38-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","variant_ids":[44725837136066,44725837398210,44725837594818,44725837856962,44725838053570,44725838151874,44725838315714]},"available":false,"name":"Women's Alta High Top - Asphalt Black - Asphalt Black \/ 8","public_title":"Asphalt Black \/ 8","options":["Asphalt Black","8"],"price":21000,"weight":1292,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054550","featured_media":{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725838053570,"title":"Asphalt Black \/ 9","option1":"Asphalt Black","option2":"9","option3":null,"sku":"F2005W-BK007-09","requires_shipping":true,"taxable":true,"featured_image":{"id":40724852605122,"product_id":7987676315842,"position":7,"created_at":"2024-09-26T13:15:36-07:00","updated_at":"2024-09-26T13:15:38-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","variant_ids":[44725837136066,44725837398210,44725837594818,44725837856962,44725838053570,44725838151874,44725838315714]},"available":true,"name":"Women's Alta High Top - Asphalt Black - Asphalt Black \/ 9","public_title":"Asphalt Black \/ 9","options":["Asphalt Black","9"],"price":21000,"weight":1390,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054567","featured_media":{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725838151874,"title":"Asphalt Black \/ 10","option1":"Asphalt Black","option2":"10","option3":null,"sku":"F2005W-BK007-10","requires_shipping":true,"taxable":true,"featured_image":{"id":40724852605122,"product_id":7987676315842,"position":7,"created_at":"2024-09-26T13:15:36-07:00","updated_at":"2024-09-26T13:15:38-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","variant_ids":[44725837136066,44725837398210,44725837594818,44725837856962,44725838053570,44725838151874,44725838315714]},"available":true,"name":"Women's Alta High Top - Asphalt Black - Asphalt Black \/ 10","public_title":"Asphalt Black \/ 10","options":["Asphalt Black","10"],"price":21000,"weight":1430,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054574","featured_media":{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725838315714,"title":"Asphalt Black \/ 11","option1":"Asphalt Black","option2":"11","option3":null,"sku":"F2005W-BK007-11","requires_shipping":true,"taxable":true,"featured_image":{"id":40724852605122,"product_id":7987676315842,"position":7,"created_at":"2024-09-26T13:15:36-07:00","updated_at":"2024-09-26T13:15:38-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","variant_ids":[44725837136066,44725837398210,44725837594818,44725837856962,44725838053570,44725838151874,44725838315714]},"available":true,"name":"Women's Alta High Top - Asphalt Black - Asphalt Black \/ 11","public_title":"Asphalt Black \/ 11","options":["Asphalt Black","11"],"price":21000,"weight":1468,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054581","featured_media":{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-Transparent-WithShadow_807a5222-780c-4450-a1ba-cadc5cd08aad.png?v=1727381738","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-RightSideView-Transparent-WithShadow_835e4652-3958-482a-b1dd-67232a839018.png?v=1727381738","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-Sole-Transparent-WithShadow_0a19a6e7-4030-4bf4-9f66-e030ceb504ce.png?v=1727381738","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-BackView-Transaprent-WithShadow_6ca1c891-4154-4ce8-845d-2f442901f74a.png?v=1727381738","\/\/ca.vessi.com\/cdn\/shop\/files\/Season4_2024_AltaHighTop2-Black_15b71459-6616-458d-b32a-47900c941579.jpg?v=1727381847","\/\/ca.vessi.com\/cdn\/shop\/files\/Square_Alta-AsphaltBlack-DetailShot-Mid_f6884c9c-e64e-43fe-9f00-c3b3205366b2.jpg?v=1727381738","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-Transparent-WithShadow_807a5222-780c-4450-a1ba-cadc5cd08aad.png?v=1727381738","options":["Color","Size"],"media":[{"alt":"Asphalt Black","id":33076926087362,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-Transparent-WithShadow_807a5222-780c-4450-a1ba-cadc5cd08aad.png?v=1727381738"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-Transparent-WithShadow_807a5222-780c-4450-a1ba-cadc5cd08aad.png?v=1727381738","width":900},{"alt":"Asphalt Black","id":33076926185666,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-RightSideView-Transparent-WithShadow_835e4652-3958-482a-b1dd-67232a839018.png?v=1727381738"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-RightSideView-Transparent-WithShadow_835e4652-3958-482a-b1dd-67232a839018.png?v=1727381738","width":900},{"alt":"Asphalt Black","id":33076926218434,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-Sole-Transparent-WithShadow_0a19a6e7-4030-4bf4-9f66-e030ceb504ce.png?v=1727381738"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-Sole-Transparent-WithShadow_0a19a6e7-4030-4bf4-9f66-e030ceb504ce.png?v=1727381738","width":900},{"alt":"Asphalt Black","id":33076926152898,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-BackView-Transaprent-WithShadow_6ca1c891-4154-4ce8-845d-2f442901f74a.png?v=1727381738"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-BackView-Transaprent-WithShadow_6ca1c891-4154-4ce8-845d-2f442901f74a.png?v=1727381738","width":900},{"alt":"Asphalt Black","id":33076930674882,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Season4_2024_AltaHighTop2-Black_15b71459-6616-458d-b32a-47900c941579.jpg?v=1727381847"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Season4_2024_AltaHighTop2-Black_15b71459-6616-458d-b32a-47900c941579.jpg?v=1727381847","width":900},{"alt":"Asphalt Black","id":33076926054594,"position":6,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Square_Alta-AsphaltBlack-DetailShot-Mid_f6884c9c-e64e-43fe-9f00-c3b3205366b2.jpg?v=1727381738"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Square_Alta-AsphaltBlack-DetailShot-Mid_f6884c9c-e64e-43fe-9f00-c3b3205366b2.jpg?v=1727381738","width":900},{"alt":null,"id":33076926120130,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-AsphaltBlack-3_4View-WhiteBG-NoShadow_87a0950b-fd45-48c1-8607-b0b0506f1016.jpg?v=1727381738","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThis is our cozy winter boot with a warm fleece lining. It’s been updated for a better fit and a more tailored feel. Designed to keep your footing even in slushy conditions. \u003c\/p\u003e"},{"id":7987676283074,"title":"Men's Alta High Top - Asphalt Black\/Gum","handle":"mens-alta-high-top-asphalt-black-gum","description":"\u003cp\u003eThis is our cozy winter boot with a warm fleece lining. It’s been updated for a better fit and a more tailored feel. Designed to keep your footing even in slushy conditions. \u003c\/p\u003e","published_at":"2024-09-28T11:11:26-07:00","created_at":"2024-09-18T16:48:38-07:00","vendor":"Vessi Footwear","type":"Shoes","tags":["Alta High Top","Best Seller","BFCM","BFCM-25","Boots","Cold Weather","Color: Black","full-price","Gender: Men","greater than","GWP-GLOVES","High-Tops","just in","Low stock","new","Product: Men's Alta High Top 2","publishedOnLast30days","S4 New Products","Season Four","Size: 10","Size: 11","Size: 12","Size: 13","Size: 14","Size: 6","Size: 7","Size: 8","Size: 9","Space Black","Style: Alta High Top","Style: Men","Style: Shoes","testRemoveNewTagsFlow"],"price":21000,"price_min":21000,"price_max":21000,"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":44725836808386,"title":"Asphalt Black\/Gum \/ 6","option1":"Asphalt Black\/Gum","option2":"6","option3":null,"sku":"F2005M-BK017-06","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 6","public_title":"Asphalt Black\/Gum \/ 6","options":["Asphalt Black\/Gum","6"],"price":21000,"weight":1296,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054598","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837103298,"title":"Asphalt Black\/Gum \/ 7","option1":"Asphalt Black\/Gum","option2":"7","option3":null,"sku":"F2005M-BK017-07","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 7","public_title":"Asphalt Black\/Gum \/ 7","options":["Asphalt Black\/Gum","7"],"price":21000,"weight":1322,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054604","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837332674,"title":"Asphalt Black\/Gum \/ 8","option1":"Asphalt Black\/Gum","option2":"8","option3":null,"sku":"F2005M-BK017-08","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 8","public_title":"Asphalt Black\/Gum \/ 8","options":["Asphalt Black\/Gum","8"],"price":21000,"weight":1408,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054611","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837430978,"title":"Asphalt Black\/Gum \/ 9","option1":"Asphalt Black\/Gum","option2":"9","option3":null,"sku":"F2005M-BK017-09","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 9","public_title":"Asphalt Black\/Gum \/ 9","options":["Asphalt Black\/Gum","9"],"price":21000,"weight":1442,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054628","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837627586,"title":"Asphalt Black\/Gum \/ 10","option1":"Asphalt Black\/Gum","option2":"10","option3":null,"sku":"F2005M-BK017-10","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 10","public_title":"Asphalt Black\/Gum \/ 10","options":["Asphalt Black\/Gum","10"],"price":21000,"weight":1462,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054635","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837824194,"title":"Asphalt Black\/Gum \/ 11","option1":"Asphalt Black\/Gum","option2":"11","option3":null,"sku":"F2005M-BK017-11","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 11","public_title":"Asphalt Black\/Gum \/ 11","options":["Asphalt Black\/Gum","11"],"price":21000,"weight":1596,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054642","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725837988034,"title":"Asphalt Black\/Gum \/ 12","option1":"Asphalt Black\/Gum","option2":"12","option3":null,"sku":"F2005M-BK017-12","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 12","public_title":"Asphalt Black\/Gum \/ 12","options":["Asphalt Black\/Gum","12"],"price":21000,"weight":1646,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054659","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725838119106,"title":"Asphalt Black\/Gum \/ 13","option1":"Asphalt Black\/Gum","option2":"13","option3":null,"sku":"F2005M-BK017-13","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 13","public_title":"Asphalt Black\/Gum \/ 13","options":["Asphalt Black\/Gum","13"],"price":21000,"weight":1674,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054666","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":44725838250178,"title":"Asphalt Black\/Gum \/ 14","option1":"Asphalt Black\/Gum","option2":"14","option3":null,"sku":"F2005M-BK017-14","requires_shipping":true,"taxable":true,"featured_image":{"id":40724890255554,"product_id":7987676283074,"position":7,"created_at":"2024-09-26T13:31:33-07:00","updated_at":"2024-09-26T13:31:34-07:00","alt":null,"width":900,"height":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","variant_ids":[44725836808386,44725837103298,44725837332674,44725837430978,44725837627586,44725837824194,44725837988034,44725838119106,44725838250178]},"available":true,"name":"Men's Alta High Top - Asphalt Black\/Gum - Asphalt Black\/Gum \/ 14","public_title":"Asphalt Black\/Gum \/ 14","options":["Asphalt Black\/Gum","14"],"price":21000,"weight":1750,"compare_at_price":null,"inventory_management":"shopify","barcode":"805080054673","featured_media":{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-Transparent-WithShadow.png?v=1727381747","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-RightSideView-Transparent-WithShadow.png?v=1727381747","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gum-Sole-Transparent.png?v=1727381747","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-BackView-Transparent-WithShadow.png?v=1727381747","\/\/ca.vessi.com\/cdn\/shop\/files\/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_GumSole-DetailShot-Mid.jpg?v=1727383653","\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"],"featured_image":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-Transparent-WithShadow.png?v=1727381747","options":["Color","Size"],"media":[{"alt":"Asphalt Black\/Gum","id":33076926578882,"position":1,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-Transparent-WithShadow.png?v=1727381747"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-Transparent-WithShadow.png?v=1727381747","width":900},{"alt":"Asphalt Black\/Gum","id":33076926513346,"position":2,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-RightSideView-Transparent-WithShadow.png?v=1727381747"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-RightSideView-Transparent-WithShadow.png?v=1727381747","width":900},{"alt":"Asphalt Black\/Gum","id":33076926546114,"position":3,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gum-Sole-Transparent.png?v=1727381747"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gum-Sole-Transparent.png?v=1727381747","width":900},{"alt":"Asphalt Black\/Gum","id":33076926611650,"position":4,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-BackView-Transparent-WithShadow.png?v=1727381747"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-BackView-Transparent-WithShadow.png?v=1727381747","width":900},{"alt":"Asphalt Black\/Gum","id":33076935164098,"position":5,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Season4-AltaHighTop2-BlackonGum.jpg?v=1727382024","width":900},{"alt":"Asphalt Black\/Gum","id":33076985790658,"position":6,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_GumSole-DetailShot-Mid.jpg?v=1727383653"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_GumSole-DetailShot-Mid.jpg?v=1727383653","width":900},{"alt":null,"id":33076954431682,"position":7,"preview_image":{"aspect_ratio":1.0,"height":900,"width":900,"src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694"},"aspect_ratio":1.0,"height":900,"media_type":"image","src":"\/\/ca.vessi.com\/cdn\/shop\/files\/Alta-Black_Gumsole-3_4View-WhiteBG.jpg?v=1727382694","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThis is our cozy winter boot with a warm fleece lining. It’s been updated for a better fit and a more tailored feel. Designed to keep your footing even in slushy conditions. \u003c\/p\u003e"}], cartShowSaleBadges: true, cartShowOriginalTotalPrice: false, cartShowUpsellPromo: false, cartShowEdd: false, cartFreeShippingThreshold: 120, cartOtherItemsThresholds: [], cartOtherItemsThresholdsNames: [], cartUpsellTag: '', cartIsVip: 'false', } // add a CSS var to .cart_cross_sell_slider that equals the width of the child function setSliderWidth() { setTimeout(() => { const slider = document.querySelector('.cart_cross_sell_slider'); const sliderList = document.querySelector('.cart_cross_sell_list'); if (sliderList?.children) { const sliderWidth = sliderList.children[0].offsetWidth; console.log(sliderWidth, 'sliderWidth'); if (sliderWidth > 250) { slider.style.setProperty('--slider-width', `${sliderWidth}px`); } else { slider.style.setProperty('--slider-width', `100%`); } } }, 1000); // remove event listener after it's been called window.removeEventListener("mount_cart_app", setSliderWidth); } window.addEventListener("mount_cart_app", setSliderWidth); </script> <script src="//ca.vessi.com/cdn/shop/t/1000/assets/cart.min.js?v=9336888050856999311740167440" defer></script> <script> function fireEmailCapture(email) { if (window.Northbeam) { window.Northbeam.fireEmailCaptureEvent(email, "Attentive"); } } function firePhoneCapture(phoneNumber) { if (window.Northbeam) { window.Northbeam.identify("phone", phoneNumber); window.Northbeam.fireCustomGoal("phone_capture", {}); } } </script>  <script> __engine_scriptsloading['loop-on-store'] = function() { queue.pushTask(() => { console.log('loop-on-store'); loadJS('https://unpkg.com/@loophq/onstore-sdk@latest/dist/loop-onstore-sdk.js', { success: () => { LoopOnstore.init({ key:"cedabaab8eccf862b505a31177495dadc5e2297b", attach: ".checkout__button" }); } }); }); } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://ca.vessi.com", "potentialAction": { "@type": "SearchAction", "target": "https://ca.vessi.com/search?q={query}", "query-input": "required name=query" } } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Vessi Canada", "url": "https://ca.vessi.com", "description": "Say goodbye to wet socks and clunky rain boots. Don't compromise style for functionality, enjoy the best of both worlds with Vessi.", "telephone": "778 308 4263", "logo": "https:\/\/ca.vessi.com\/cdn\/shop\/t\/1000\/assets\/logo_small.png?481106", "image": "https:\/\/ca.vessi.com\/cdn\/shop\/t\/1000\/assets\/logo_small.png?481106", "sameAs": [ ], "address": { "@type": "PostalAddress", "streetAddress": "1085 Homer Street, 5th Floor", "addressLocality": "Vancouver", "addressRegion": "British Columbia", "postalCode": "V6B 2X5", "addressCountry": "Canada" } } </script>   <script type="text/javascript"> var google_tag_params = { ecomm_pagetype: 'category' }; </script> <script> gtag('event', 'page_view', {'send_to': 'AW-803738929', 'ecomm_prodid':window.google_tag_params.ecomm_prodid, 'ecomm_pagetype': window.google_tag_params.ecomm_pagetype, 'ecomm_totalvalue':window.google_tag_params.ecomm_totalvalue }); </script> <script> __engine_scriptsloaded['five-mill'] = function(){ $(document).ajaxSuccess(function(event, xhr, settings) { var id = new Array(); var total; if (settings.url == ROOT_URL+"/cart/add.js" || settings.url == ROOT_URL+"/cart/update.js") { $.getJSON(ROOT_URL+'/cart.js', function(data) { id = data.items.map(function(item) { return 'shopify_CA_'+item.product_id +'_'+ item.variant_id; }); total = data.total_price; google_trackConversion({ google_conversion_id: '803738929', google_custom_params: { ecomm_prodid: id, ecomm_pagetype: 'cart', ecomm_totalvalue:total / 100 }, google_remarketing_only: true }); }); } })}; </script> <script type="text/javascript" async="true" src="https://scripts.juniphq.com/v1/junip_shopify.js"></script> <span class="junip-store-key" data-store-key="8yMEqbZLCNMhGJbpraUzX4no" data-onsite-enabled="true" data-review-count-enabled="true" data-star-color="#FDB600" data-star-template-url="https://api.juniphq.com/images/star_options/1/template"> </span> <script> window.addEventListener('themeIsLoaded', () => { if(template_name == 'index') { $(".site-header").attr('style','display: block !important'); } jQuery.fn.val = jqueryVal; }); window.addEventListener('load', () => { // Restore the original jQuery val function jQuery.fn.val = jqueryVal; }); document.addEventListener('ajaxSuccess', function(event) { var xhr = event.detail.xhr; var settings = event.detail.settings; var id = []; var total; if (settings.url.includes("/cart/add.js") || settings.url.includes("/cart/update.js")) { fetch(ROOT_URL + '/cart.js') .then(response => response.json()) .then(data => { id = data.items.map(function(item) { return item.variant_id; }); total = data.total_price; }); } }); </script><script> const Completethelook = { name: "ProuctCompleteTheLook", delimiters: ['{(', ')}'], props: { 'image_size': { type: String, required: false, default: '150' }, 'upsell_handle': { type: String, required: true }, 'last_item': { type: Boolean, required: false, default: false }, 'upsell_tag': { type: String, required: false, default: null }, 'show_vip': { type: Boolean, required: false, default: false }, 'show_upsell_promo': { type: Boolean, required: false, default: false }, 'upsell_promo_type': { type: String, required: false, default: null }, 'is_cart_upsell': { type: Boolean, required: false, default: false }, }, emits: ['add-to-cart'], data() { return { isLoading: true, selectedSize: null, selectedColor: null, upsell_product: null, extractProductTitle: themeUtils.productFunctions.extractProductTitle, fetchWorker: window.vessiWebWorker, fetchProductFromWorker: themeUtils.productFunctions.fetchProductFromWorker, formatPrice: themeUtils.general.formatPrice, getDiscountPriceFromTag: themeUtils.general.getDiscountPriceFromTag, currency: "CAD", hasShoesInCart: false, hasVipCookie: themeUtils.general.hasCookie, showSaleTag:false, showSalePriceByTag:true, imgURL: themeUtils.general.imgURL, addItemToCart: () => {}, selectedSizeId: '', shopify: window.Shopify || {} } }, created() { this.loadAndInit() .catch(error => { console.error('Error When Loading:', error); this.isLoading = false; }); window.addEventListener('load', () => { this.addItemToCart = themeUtils.cartFunctions.addItemToCart; }); document.addEventListener('cart_request', (event) => { const cartObject = event.detail.cart; if (cartObject.items.some(item => item.product_type === 'Shoes')) { this.hasShoesInCart = true; } else { this.hasShoesInCart = false; } }); }, mounted() { fetch(ROOT_URL+'/cart.js'); if (typeof themeUtils !== 'undefined' && themeUtils) { this.addItemToCart = themeUtils.cartFunctions.addItemToCart; } }, watch: { selectedColor() { if(this.selectedSize === null && this.selectedColor?.length === 1) { this.selectSize(this.selectedColor[0]); this.selectedSizeId = this.selectedColor[0].id; } else { this.selectedSize = null; this.selectedSizeId = ''; } } }, computed:{ isAccessory() { return this.upsell_product.tags.includes('accessories'); }, productTitle() { // remove everything after the first " - " return ( this.extractProductTitle(this.upsell_product?.title) ); }, groupByVariantColor() { if (!this.upsell_product) return let grouppedColors; if (this.upsell_product.swatches.length > 0) { grouppedColors = this.upsell_product.swatches.reduce((acc, swatch) => { if (!acc[swatch.color]) { acc[swatch.color] = [] } swatch.variants.forEach(variant => { acc[swatch.color].push( { ...variant, color: swatch.color, image: swatch.image, swatch_image: swatch.swatch_image, media: swatch.media } ) }); return acc }, {}) } else { grouppedColors = this.upsell_product.variants.reduce((acc, variant) => { const variantColor = variant.color if (!acc[variantColor]) { acc[variantColor] = [] } acc[variantColor].push(variant) return acc }, {}) } const filterAvailableColors = Object.keys(grouppedColors).filter(color => { return grouppedColors[color].some(variant => variant.available) }) return Object.keys(grouppedColors).reduce((acc, color) => { if (filterAvailableColors.includes(color)) { acc[color] = grouppedColors[color] } return acc }, {}) }, originalPrice() { if (this.upsell_product.compare_at_price && parseFloat(this.upsell_product.compare_at_price) > parseFloat(this.upsell_product.price)) { return { float: parseFloat((parseFloat(this.upsell_product.compare_at_price) / 100)).toFixed(2), raw: parseFloat(this.upsell_product.compare_at_price), currency: new Intl.NumberFormat('en-US', {style: 'currency', currency: this.currency, currencyDisplay: 'symbol'}).format(parseFloat(this.upsell_product.compare_at_price) / 100) }; } else { return { float: parseFloat((parseFloat(this.upsell_product.price) / 100)).toFixed(2), raw: parseFloat(this.upsell_product.price), currency: new Intl.NumberFormat('en-US', {style: 'currency', currency: this.currency, currencyDisplay: 'symbol'}).format(parseFloat(this.upsell_product.price) / 100) }; } }, salePrice() { if (this.selectedSize?.variantNotOnSale) return null; if (this.show_vip && this.upsell_product.vip_discounted_price && parseFloat(this.upsell_product.vip_discounted_price) < parseFloat(this.upsell_product.price)) { let floatVal = parseFloat(this.upsell_product.vip_discounted_price) if (this.isNotCadOrUsd) { const rate = this.shopify.currency.rate; const priceDiff = this.originalPrice.float - floatVal; const priceDiffRate = priceDiff * rate; floatVal = this.originalPrice.float - priceDiffRate; } return { raw: floatVal, }; } else if (this.themeSale && this.showSalePriceByTag && this.upsell_product.discounted_price && parseFloat(this.upsell_product.discounted_price) < parseFloat(this.upsell_product.price)) { let floatVal = parseFloat(this.upsell_product.discounted_price) if (this.isNotCadOrUsd) { const rate = this.shopify.currency.rate; const priceDiff = this.originalPrice.raw - floatVal; const priceDiffRate = priceDiff * rate; floatVal = this.originalPrice.raw - priceDiffRate; } return { raw: floatVal, }; } else if (this.upsell_product.compare_at_price && parseFloat(this.upsell_product.compare_at_price) > parseFloat(this.upsell_product.price)) { const productSalePrice = this.upsell_product.price; return { raw: productSalePrice, }; } return null }, upsellPrice() { if (!this.show_upsell_promo || !this.upsell_tag || this.upsell_tag === "" || this.selectedSize?.variantNotOnSale) return null; let productHasTag = this.upsell_product.tags.filter(tag => tag.startsWith(this.upsell_tag)); if (productHasTag.length === 0) return null; productHasTag = productHasTag[0]; const priceToUpsell = this.salePrice ? this.salePrice.raw : this.originalPrice.raw; const rate = this.shopify.currency.rate; return this.getDiscountPriceFromTag(productHasTag, priceToUpsell, this.upsell_promo_type, this.currency, !this.isNotCadOrUsd, rate); }, selectedColourImageUrl() { let selectedColourImageUrl; if (this.selectedColor && this.selectedColor[0].image) { selectedColourImageUrl = this.selectedColor[0].image; } else if (this.selectedColor && this.selectedColor[0].media) { selectedColourImageUrl = this.selectedColor[0].media[0].src; } else if (this.selectedColor && this.selectedColor[0].swatch_image) { selectedColourImageUrl = this.selectedColor[0].swatch_image; } else { selectedColourImageUrl = this.upsell_product?.media[0]?.src; } return selectedColourImageUrl; }, imgSrcSet() { if (!this.selectedColourImageUrl) return return ` ${this.imgURL(this.selectedColourImageUrl, '72x')} 72w, ${this.imgURL(this.selectedColourImageUrl, '96x')} 96w, ${this.imgURL(this.selectedColourImageUrl, '144x')} 144w, ${this.imgURL(this.selectedColourImageUrl, '192x')} 192w, ${this.imgURL(this.selectedColourImageUrl, '288x')} 288w, ${this.imgURL(this.selectedColourImageUrl, '384x')} 384w ` }, isNotCadOrUsd() { return this.currency !== 'CAD' && this.currency !== 'USD'; }, compare_at_price() { return (this.salePrice || this.upsellPrice) && ((this.upsell_product.saleDiscountType === 'fixed_amount' || this.upsell_promo_type === 'fixed_amount')); }, themeSale() { if(this.showSaleTag || this.showSalePriceByTag) { const filteredTag = this.upsell_product.tags.filter(tag => tag.includes('')); return filteredTag ? filteredTag[0] : null } return null } }, methods: { async loadProduct(handle) { try { let handleRemoveSlash = handle.replace('/', ''); // Check if the product data is in sessionStorage const data = await this.fetchProductFromWorker(handleRemoveSlash, this.fetchWorker); if(data.product) { return data; } else { throw new Error('No product found'); } } catch (error) { console.error('Error When Loading:', error); this.isLoading = false; } }, async loadAndInit() { let data try { if (this.is_cart_upsell) { data = await this.loadProduct(this.upsell_handle); } else { data = await this.fetchProductFromWorker(this.upsell_handle, this.fetchWorker); } if (this._isDestroyed) return; await this.$nextTick(); let productData = data.product; productData = { ...productData, variants: productData.variants.filter(variant => !variant.sizeHidden), swatches: productData.swatches.filter(swatch => !swatch.sizeHidden) } this.upsell_product = productData; const currentColor = this.upsell_product.color; if (this.groupByVariantColor[currentColor]) { this.selectedColor = this.groupByVariantColor[currentColor]; } else { this.selectedColor = this.groupByVariantColor[Object.keys(this.groupByVariantColor)[0]]; } this.isLoading = false; } catch (error) { console.error('Error When Loading:', error); this.isLoading = false; } }, renderRichTextObject(richTextObject) { return themeUtils.general.renderRichTextObject(richTextObject); }, selectSize(size) { this.selectedSize = size; }, selectSizeById(id) { this.selectedSize = this.selectedColor.find(size => size.id === parseInt(id)); }, selectColor(variant) { this.selectedColor = variant; if (this.upsell_product.swatches.length > 0) { const swatches = this.upsell_product.swatches; let selectedSwatch = swatches.find(swatch => swatch.color === variant[0].color); selectedSwatch.swatches = swatches; this.upsell_product = selectedSwatch; } this.selectedSize = null; }, redirect(url) { window.location.href = url; } }, template: ` <transition> <div v-if="upsell_product && selectedColor" class="product_complete_the_look flex column justify_between"> <div class="product_complete_the_look_details flex align_center justify_between wrap"> <h4 class="flex flex_item_full gap_sm"> <span style="width: 25%;"></span> <span> <span class="subheading">{( productTitle )}</span> </span> </h4> <img @click.prevent="redirect(upsell_product.handle)" loading="lazy" :src="imgURL(selectedColourImageUrl, image_size + 'x')" :srcset="imgSrcSet" :sizes="'(min-width: 769px) ' + image_size + 'px, 150px'" :alt="upsell_product.title + ' - ' + selectedColor[0]?.color" width="150" height="150" class="rounded" > <div class="product_complete_the_look_info flex_item_full subheading"> <div class="swatch product-colors flex gap_sm" v-if="Object.keys(groupByVariantColor).length > 1"> <div v-for="variant in groupByVariantColor" class="color-swatch swatch__item" :class="{ active: selectedColor[0].id === variant[0].id }" @click.prevent="selectColor(variant)"> <a> <img loading="lazy" width="40" height="40" :src="variant.swatch_image || variant[0].swatch_image" > </a> </div> </div> <div class="product__price uppercase h5 flex"> <span :class="{ 'compare-at_sale': compare_at_price }" class="subheading bold" > {( formatPrice(originalPrice.raw, currency, !compare_at_price) )} </span> <span :class="{ 'compare-at_sale': upsellPrice }" class="money_sale subheading bold" v-if="salePrice"> {( formatPrice(salePrice.raw, currency, !isNotCadOrUsd) )} </span> <span class="money_sale subheading bold" v-if="upsellPrice"> {( upsellPrice )} </span> </div> </div> <div class="product_complete_the_look_selection flex column align_stretch justify_center flex_item_quarter"> <div class="product-sizes"> <select v-model="selectedSizeId" @change="selectSizeById($event.target.value)" class="input input_full"> <option disabled selected value="">Size</option> <template v-for="size in selectedColor" :key="size.id"> <option v-if="size.available && !size.sizeHidden" :value="size.id" > {( size.sizeNumber )} </option> </template> </select> </div> <button v-if="selectedSize" class="btn btn_secondary btn_full" :disabled="!selectedSize.available" @click.prevent="addItemToCart(selectedSize, upsell_product.tags, '', hasVipCookie('vessi_vip', 'SALE-VIP'), )" >{( selectedSize.available ? 'Add' : 'Sold Out' )}</button> <button v-else class="btn btn_secondary btn_full btn--disabled" disabled >Size</button> </div> </div> </div> <div v-else-if="isLoading" class="product_complete_the_look skeleton"> <div class="product_complete_the_look_details"> <div class="skeleton-image"></div> <div class="product_complete_the_look_info"> <div class="skeleton-text long"></div> <div class="skeleton-text"></div> <div class="skeleton-text short"></div> </div> </div> <div class="product_complete_the_look_selection"> <div class="skeleton-button"></div> <div class="skeleton-button"></div> </div> </div> </transition> ` } </script> <style> .collection_main_title .junip-product-summary {display: none !important;} .product_complete_the_look_selection .product-sizes {background: unset !important; border: none !important; padding: 0 !important;} .lm--app-block {margin: 0 auto; max-width: 1330px;} .lm--app-block .lm--referral {margin: 0 auto; max-width: 1100px;} .lm--referral__heading,.lm--referral__title {margin-bottom: 10px;} .lm--form-field__label,.lm--account-form__checkbox-group label {font-weight: 400; color: #2c2c2c;} .lm--button.lm--account-form__button {background-color: #2c2c2c;} .lm--form-field__wrapper .lm--form-field__input,.lm--button.lm--account-form__button {border-radius: 100px !important;} .lm--referral__title span {font-size: 32px !important;} @media only screen and (max-width: 480px) {.lm--referral__title span {font-size: 26px !important; }} @media only screen and (max-width: 1200px) {.lm--app-block {max-width: 90vw !important; }} #headerMainModal.modal {background-repeat: no-repeat; background-size: cover; max-height: unset;} @media only screen and (min-width: 769px) {#headerMainModal.modal {background-image: url("//cdn.shopify.com/s/files/1/0046/5069/6817/files/Holiday_Messaging_Shipping_Cutoff-Desktop.png?v=1733855442"); height: 450px; width: 732px; max-width: 732px; }} @media only screen and (max-width: 768px) {#headerMainModal.modal {background-image: url("//cdn.shopify.com/s/files/1/0046/5069/6817/files/Holiday_Messaging_Shipping_Cutoff-Mobile.png?v=1733856648"); height: 340px; width: 320px; top: 3vh; position: fixed; left: calc((100% - 320px) / 2) !important; }} </style> <div id="shopify-block-AS0lNMVZlSktiRm1BQ__5888675206956468567" class="shopify-block shopify-app-block"> <div id='loop-onstore-data' data-show-onstore-bar='false' data-apikey='cedabaab8eccf862b505a31177495dadc5e2297b' data-checkoutselector='.checkout__button' data-replacecheckoutbutton='false' data-scriptdiscounts='false' data-preservecart='true' data-label='in available credit' data-mobile-label='credit' data-valuesize='20' data-labelsize='15' data-buttonsize='15' data-alignment='full' data-bgcolor='#2c2c2c' data-textcolor='rgb(255,255,255)' data-bumpsidecart='true' data-sidecartselector='#cart-template'></div> </div><div id="shopify-block-AYU1uNGdwRjVma1l1U__16017602894386113438" class="shopify-block shopify-app-block"><span class="junip-store-key" data-supports-theme-extensions="true" data-shopify-preview-mode="false" data-store-key="8yMEqbZLCNMhGJbpraUzX4no" data-onsite-enabled="true" data-review-count-enabled="true" data-star-color="#FDB600" data-star-template-url="https://api.juniphq.com/images/star_options/1/template"> </span>  </div></body> </html>

CINXE.COM

Women's Waterproof Jackets | Vessi