1<!DOCTYPE html> 2<html class="no-js layout-alternate" lang="en" dir="ltr"> 3 <head> 4
4<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
4<meta name="google-site-verification" content="FXtrU8VyZiQxk1AkI2w20J0v48Pz1DK7THHKWvC50_M"> 5<meta name="google-site-verification" content="FXtrU8VyZiQxk1AkI2w20J0v48Pz1DK7THHKWvC50_M"> 6<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55053648108/digital_wallets/dialog"> 7<meta id="in-context-paypal-metadata" data-shop-id="55053648108" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="AUD"> 8<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://fila.com.au/account/login"> 9<link rel="alternate" hreflang="en" href="https://fila.com.au/account/login"> 10<link rel="alternate" hreflang="en-NZ" href="https://fila.co.nz/account/login">
11<script async="async" src="/checkouts/internal/preloads.js?locale=en-AU&configuration_id=6712492268&edited_at=1788777465"></script>
11 12<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
13<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-AU&configuration_id=6712492268&edited_at=1788777465&shop_id=55053648108" crossorigin="anonymous"></script>
vendor: 1 bytes, line 13
13
14<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55053648108,"countryCode":"AU","currencyCode":"AUD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55053648108","merchantName":"FILA Australia","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb"],"total":{"type":"pending","label":"FILA Australia","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 14
14
15<script id="shopify-features" type="application/json">{"accessToken":"ba650220d81dadeb691d3e1b98e8f291","betas":["rich-media-storefront-analytics"],"domain":"fila.com.au","predictiveSearch":true,"shopId":55053648108,"locale":"en"}</script>
vendor: 1 bytes, line 15
15
16<script>var Shopify = Shopify || {}; 17Shopify.shop = "fila-australia-production.myshopify.com"; 18Shopify.locale = "en"; 19Shopify.currency = {"active":"AUD","rate":"1.0"}; 20Shopify.country = "AU"; 21Shopify.theme = {"name":"*FUTURE 18\/09 MID SEASON SALE","id":165546885356,"schema_name":"Themekit template theme","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; 22Shopify.theme.handle = "null"; 23Shopify.theme.style = {"id":null,"handle":null}; 24Shopify.cdnHost = "fila.com.au/cdn"; 25Shopify.routes = Shopify.routes || {}; 26Shopify.routes.root = "/"; 27Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 28Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 29Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 30Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 30
30
31<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 31
31
32<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 32
32
33<script> 34 window.ShopifyPay = window.ShopifyPay || {}; 35 window.ShopifyPay.apiHost = "shop.app\/pay"; 36 window.ShopifyPay.redirectState = null; 37</script>
vendor: 1 bytes, line 37
37
38<script> 39 window.Shopify = window.Shopify || {}; 40 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 41 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 42 window.Shopify.SignInWithShop.eligible = true; 43</script>
vendor: 1 bytes, line 43
43
44<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 44
44
45<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 45
45
46<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 46
46
47<script type="module"> 48 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"); 49await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"); 50 51 window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true}); 52window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true}); 53 54</script>
vendor: 1 bytes, line 54
54
55<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 55
55
56<script type="module"> 57 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 58 59 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 60 61</script>
vendor: 1 bytes, line 61
61
62<script> 63 window.Shopify = window.Shopify || {}; 64 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 65 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 66</script>
vendor: 1 bytes, line 66
66
67<script>(function() { 68 var isLoaded = false; 69 function asyncLoad() { 70 if (isLoaded) return; 71 isLoaded = true; 72 var urls = ["https:\/\/d2r9py2hfy5mgp.cloudfront.net\/83\/F7\/BD\/306FAB6C8E-55053648108\/tagalys-shopify.js?v=20230520113635\u0026shop=fila-australia-production.myshopify.com","https:\/\/t.cfjump.com\/tag\/76861?shop=fila-australia-production.myshopify.com","https:\/\/cdn.obviyo.net\/dynamic\/loader\/prod\/IqvMhZCI?shop=fila-australia-production.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-e525f3133b6456de4eb4d062314c2fb6.js?shop=fila-australia-production.myshopify.com"]; 73 for (var i = 0; i < urls.length; i++) { 74 var s = document.createElement('script'); 75 s.type = 'text/javascript'; 76 s.async = true; 77 s.src = urls[i]; 78 var x = document.getElementsByTagName('script')[0]; 79 x.parentNode.insertBefore(s, x); 80 } 81 }; 82 if(window.attachEvent) { 83 window.attachEvent('onload', asyncLoad); 84 } else { 85 window.addEventListener('load', asyncLoad, false); 86 } 87})();</script>
vendor: 1 bytes, line 87
87
88<script id="__st">var __st={"a":55053648108,"offset":36000,"reqid":"c2bbd7cd-d6c9-4858-82ef-4268ad04ed1e-1790319958","pageurl":"fila.com.au\/account\/login","u":"4a14724ab3fc"};</script>
vendor: 1 bytes, line 88
88
89<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 89
89
90<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 90
90
91<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//fila.com.au/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 91
91
92<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//fila.com.au/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
92<script crossorigin="anonymous" defer="defer" src="//fila.com.au/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 92
92
93<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 93
93
94<script> 95 window.Shopify = window.Shopify || {}; 96 window.Shopify.MCP = window.Shopify.MCP || {}; 97 window.Shopify.MCP.enabled = true; 98 window.Shopify.MCP.shop = "fila-australia-production.myshopify.com"; 99 window.Shopify.MCP.mcpEndpoint = "https:\/\/fila.com.au\/api\/mcp"; 100 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 101</script>
vendor: 1 bytes, line 101
101
102<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/fila.com.au\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 103</script>
vendor: 1 bytes, line 103
103
104<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://fila.com.au/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 105</script>
vendor: 1 bytes, line 105
105
106<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 107 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 108</script>
vendor: 1 bytes, line 108
108
109<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 110</script>
110 111<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://fila.com.au/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 112<style id="shopify-accelerated-checkout-cart"> 113 #shopify-buyer-consent { 114 margin-top: 1em; 115 display: inline-block; 116 width: 100%; 117} 118 119#shopify-buyer-consent.hidden { 120 display: none; 121} 122 123#shopify-subscription-policy-button { 124 background: none; 125 border: none; 126 padding: 0; 127 text-decoration: underline; 128 font-size: inherit; 129 cursor: pointer; 130} 131 132#shopify-subscription-policy-button::before { 133 box-shadow: none; 134} 135 136 </style> 137
138<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
138 139 140 141 142 <title> 143 Account 144 | FILA 145 Australia 146 </title> 147 148<meta charset="utf-8"> 149<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 150<meta name="description" content=""> 151<link rel="canonical" href="https://fila.com.au/account/login"> 152<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> 153<meta name="theme-color" content="#0b203f"> 154 155 156 157
158<script> 159 !(function (t, e) { 160 var o, n, p, r; 161 e.__SV || 162 ((window.posthog = e), 163 (e._i = []), 164 (e.init = function (i, s, a) { 165 function g(t, e) { 166 var o = e.split('.'); 167 2 == o.length && ((t = t[o[0]]), (e = o[1])), 168 (t[e] = function () { 169 t.push([e].concat(Array.prototype.slice.call(arguments, 0))); 170 }); 171 } 172 ((p = t.createElement('script')).type = 'text/javascript'), 173 (p.async = !0), 174 (p.src = s.api_host + '/static/array.js'), 175 (r = t.getElementsByTagName('script')[0]).parentNode.insertBefore(p, r); 176 var u = e; 177 for ( 178 void 0 !== a ? (u = e[a] = []) : (a = 'posthog'), 179 u.people = u.people || [], 180 u.toString = function (t) { 181 var e = 'posthog'; 182 return 'posthog' !== a && (e += '.' + a), t || (e += ' (stub)'), e; 183 }, 184 u.people.toString = function () { 185 return u.toString(1) + '.people (stub)'; 186 }, 187 o = 188 'capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId'.split( 189 ' ' 190 ), 191 n = 0; 192 n < o.length; 193 n++ 194 ) 195 g(u, o[n]);
196 e._i.push([i, s, a]); 197 }), 198 (e.__SV = 1)); 199 })(document, window.posthog || []); 200 posthog.init('phc_v5FR1wosbAN09VavIo0PftPQ3AkNDusbDgZSOxGRSBq', { api_host: 'https://app.posthog.com' }); 201</script>
vendor: 1 bytes, line 201
201
202<script 203 src="//fila.com.au/cdn/shop/t/362/assets/sentry-6.13.2.min.js?v=61578534968740319071789359627" 204></script>
vendor: 1 bytes, line 204
204
205<script> 206 Sentry.init({ 207 debug: true, 208 dsn: 'https://[email protected]/5985700', 209 integrations: [new Sentry.Integrations.BrowserTracing()], 210 release: '165546885356', 211 tracesSampleRate: 1.0, 212 }); 213</script>
vendor: 1 bytes, line 213
213
214<script src="//fila.com.au/cdn/shop/t/362/assets/tagalys-api-connector-2.1.1.min.js?v=93086682587573339181789359635" defer></script>
214 215<link 216 rel="preload" 217 href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600;700&display=swap" 218 as="style" 219 onload="this.onload=null;this.rel='stylesheet'" 220> 221<link 222 rel="preload" 223 href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" 224 as="style" 225 onload="this.onload=null;this.rel='stylesheet'" 226> 227<link 228 rel="preload" 229 href="//fila.com.au/cdn/shop/t/362/assets/slick.css?v=111080352282952091531789359632" 230 as="style" 231 onload="this.onload=null;this.rel='stylesheet'" 232> 233<link 234 rel="preload" 235 href="//fila.com.au/cdn/shop/t/362/assets/slick-theme.css?v=170127259147144273611789695686" 236 as="style" 237 onload="this.onload=null;this.rel='stylesheet'" 238> 239<noscript> 240 <link 241 href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600;700&display=swap" 242 rel="stylesheet" 243 type="text/css" 244 > 245 <link 246 href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" 247 rel="stylesheet" 248 type="text/css" 249 > 250 <link 251 href="//fila.com.au/cdn/shop/t/362/assets/slick.css?v=111080352282952091531789359632" 252 rel="stylesheet" 253 type="text/css" 254 > 255 <link 256 href="//fila.com.au/cdn/shop/t/362/assets/slick-theme.css?v=170127259147144273611789695686" 257 rel="stylesheet" 258 type="text/css" 259 > 260</noscript> 261 262<link rel="preconnect" href="https://fonts.googleapis.com"> 263<link 264 rel="preconnect" 265 href="https://fonts.gstatic.com" 266 crossorigin 267> 268<link 269 rel="icon" 270 href="//fila.com.au/cdn/shop/t/362/assets/favicon.jpg?v=92299282862518659111789359603" 271 sizes="32x32" 272> 273<link 274 rel="icon" 275 href="//fila.com.au/cdn/shop/t/362/assets/favicon.jpg?v=92299282862518659111789359603" 276 sizes="192x192" 277> 278<link rel="apple-touch-icon" href="//fila.com.au/cdn/shop/t/362/assets/favicon.jpg?v=92299282862518659111789359603"> 279 280<style> 281 @font-face { 282 font-family: 'Tartuffo'; 283 src: url('//fila.com.au/cdn/shop/t/362/assets/TartuffoLight.woff2?v=134774642974860248081789359636'); 284 font-weight: bold; 285 font-family: var(--fontNew); 286 } 287 288 .video-js { 289 background: transparent; 290 } 291 292 .vjs-product-card { 293 padding-top: 125%; 294 width: 100%; 295 } 296 297 @font-face { 298 font-family: 'Bolton'; 299 src: url('//fila.com.au/cdn/shop/t/362/assets/F37Bolton-Bold.woff2?v=21131054757223962111789359602'); 300 font-weight: bold; 301 font-family: var(--fontSecondary); 302 } 303 304 :root { 305 --icon-expand-url: url('//fila.com.au/cdn/shop/t/362/assets/expand.svg?v=156329951411338164891789359602'); 306 } 307</style> 308
309<script src="//fila.com.au/cdn/shop/t/362/assets/whatwg-fetch-3.6.2.min.js?v=122332223688163026231789359638"></script>
309 310 311<link href="//fila.com.au/cdn/shop/t/362/assets/application.css?v=25136856064265569891789622059" rel="stylesheet" type="text/css" media="all" /> 312<link href="//fila.com.au/cdn/shop/t/362/assets/tailwind.css?v=111081871179704167211789622059" rel="stylesheet" type="text/css" media="all" /> 313
314<script 315 defer 316 type="module" 317 src="//fila.com.au/cdn/shop/t/362/assets/bundle.js?v=164807561012941806451789359595" 318></script>
318 319
320<script> 321 window.theme = window.theme || {}; 322 323 window.customer = { 324 email: '', 325 }; 326 327 theme.routes = { 328 home: '/', 329 cart: "/cart.js", 330 cartPage: '/cart', 331 cartAdd: "/cart/add.js", 332 cartChange: "/cart/change.js", 333 }; 334 335 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 336 337 document.addEventListener('lazybeforeunveil', function (e) { 338 var bg = e.target.getAttribute('data-bg'); 339 if (bg) { 340 e.target.style.backgroundImage = 'url(' + bg + ')'; 341 } 342 }); 343</script>
343 344
345<script 346 type="text/javascript" 347 src="//fila.com.au/cdn/shop/t/362/assets/jquery-3.7.1.min.js?v=147293088974801289311789359611" 348></script>
vendor: 1 bytes, line 348
348
349<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/jquery-migrate-3.5.2.min.js?v=109501737342141926931789359612"></script>
vendor: 1 bytes, line 349
349
350<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/slick-1.8.1.min.js?v=31888141998294270841789359631"></script>
vendor: 1 bytes, line 350
350
351<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/uuidv4.min.js?v=115475877509068589111789359637"></script>
vendor: 1 bytes, line 351
351
352<script 353 type="text/javascript" 354 src="//fila.com.au/cdn/shop/t/362/assets/tabbable-6.2.0.min.js?v=61415490120167735441789359634" 355 async 356 defer 357></script>
vendor: 1 bytes, line 357
357
358<script 359 type="text/javascript" 360 src="//fila.com.au/cdn/shop/t/362/assets/focus-trap-7.6.2.min.js?v=157322736858657011841789359606" 361 async 362 defer 363></script>
vendor: 1 bytes, line 363
363
364<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/lazysizes-umd-5.3.2.min.js?v=13003352630479173421789359612"></script>
vendor: 1 bytes, line 364
364
365<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/bodyScrollLock-4.0.0-beta.0.min.js?v=88696407960053606501789359594"></script>
365 366 367<!-- Google Tag Manager -->
368<script>
vendor: 415 bytes, lines 368-378
368 369 (function (w, d, s, l, i) { 370 w[l] = w[l] || []; 371 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 372 var f = d.getElementsByTagName(s)[0], 373 j = d.createElement(s), 374 dl = l != 'dataLayer' ? '&l=' + l : ''; 375 j.async = true; 376 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 377 f.parentNode.insertBefore(j, f); 378 })(window, document, 'script', 'dataLayer', '
378GTM-NGFFCNR
vendor: 4 bytes, line 378
378');
379</script>
379 380<!-- End Google Tag Manager --> 381
382<script> 383 var CURRENT_COUNTRY_CODE = 'AU'; 384 var IS_NZ_DISABLED = true; 385</script>
385 386
387<script src="//fila.com.au/cdn/shop/t/362/assets/application.js?v=128251798092340564451789359593" type="text/javascript"></script>
387 388 389 390<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 391 392 393 394 395 396 397 398<link rel="dns-prefetch" href="https://cdn.judge.me"> 399<link rel="dns-prefetch" href="https://cdn1.judge.me"> 400<link rel="dns-prefetch" href="https://api.judge.me"> 401
402<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#0B1F40","hide_badge_preview_if_no_reviews":true,"badge_hide_text":true,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review!","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
402ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#0B1F40","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":false,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"dd/mm/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":false,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
402itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#002575","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"load_more","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#002575","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":false,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"custom","review_form_corner_style":"square","review_form_star_color":"#0B1F40","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#0B1F40","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
402youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":true,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":3,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-04-08T02:24:27.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"minimal","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"hidden","review_widget_card_section_size":"small","review_widget_star_and_histogram_color":"#0B1F40","review_widget_button_color":"#0B1F3F","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"square","review_widget_custom_css":"// make heading look like others\n.jm-text.jm-review-widget-minimal-header__title {\n color: #0a2140;\n font-size: 24px;\n font-weight: bold;\n font-family: var(--fontSecondary);\n}\n\n\n// style heading for mobile view - centered\n.jm-review-widget-minimal-header{\n .jm-cluster {\n .jm-stack--space-200 {\n @media screen and (max-width: 767px) {\n width: 100%;\n\n .jm-review-widget-minimal-header__title {\n text-align: center;\n }\n }\n }\n }\n}\n\n.jm-review-widget {\n //padding: 0 90px !important;\n}\n\n// Allow content to show above stars\n.jdgm-write-review-modal__product-title {\n overflow: visible !important;\n}\n\n// Remove all badges\n.jm-verified-badge {\n display: none;\n}\n\n// Removing avg rating display which is causing issues\n.jm-average-rating-display {\n display: none;\n}\n\n// Remove weird scroll issue\n.jdgm-write-review-modal {\n overflow-y: hidden !important;\n}\n\n\n.jdgm-write-review-modal__page--thank-you{\n overflow-y: hidden !important;\n}\n","review_widget_review_word_singular":"review","review_widget_review_word_plural"
402:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":true,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"FILA Australia","shop_currency":"AUD","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":false,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":false,"autofill_review_title":true,"review_verification_email_status":"never","require_verification_before_submit":false,"sign_in_with_
402shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"FILA Australia"};</script>
402 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #002575;--jdgm-secondary-color: rgba(0,37,117,0.1);--jdgm-star-color: #0B1F40;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #002575;--jdgm-paginate-color: #002575;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #002575}.jdgm-histogram__bar-content{background-color:#002575}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#002575}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#0B1F40}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-prev-badge__text{display:none !important}.jdgm-rev .jdgm-rev__timestamp,.jdgm-quest .jdgm-rev__timestamp,.jdgm-carousel-item__timestamp{display:none !important}.jdgm-rev .jdgm-rev__icon{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #002575;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#002575}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'FILA Australia'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 403</style> <style class='jdgm-settings-style'>.jdgm-review-widget .jm-text.jm-review-widget-minimal-header__title{color:#0a2140;font-size:24px;font-weight:bold;font-family:var(--fontSecondary)}@media screen and (max-width: 767px){.jdgm-review-widget .jm-review-widget-minimal-header .jm-cluster .jm-stack--space-200{width:100%}.jdgm-review-widget .jm-review-widget-minimal-header .jm-cluster .jm-stack--space-200 .jm-review-widget-minimal-header__title{text-align:center}}.jdgm-review-widget .jdgm-write-review-modal__product-title{overflow:visible !important}.jdgm-review-widget .jm-verified-badge{display:none}.jdgm-review-widget .jm-average-rating-display{display:none}.jdgm-review-widget .jdgm-write-review-modal{overflow-y:hidden !important}.jdgm-review-widget .jdgm-write-review-modal__page--thank-you{overflow-y:hidden !important} 404</style> 405 406 407 408 409 <style class='jdgm-miracle-styles'> 410 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
410/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 411 412</style> 413 414 415 416 417 418 419 420 421
422<script data-cfasync='false' class='jdgm-script'> 423!function(e){window.jdgm=window.jdgm||{}; 424/* INF-1976 */ 425var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 426if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 427jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 428jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 429setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 430!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 431(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 432a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 433jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 434t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 435t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 436".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 437parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 438jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 439)}))}(document); 440</script>
440 441<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript> 442 443<!-- BEGIN app snippet: theme_fix_tags -->
443<script> 444 (function() { 445 var jdgmThemeFixes = null; 446 if (!jdgmThemeFixes) return; 447 448 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 449 // before the per-theme fix so the theme-specific CSS wins the cascade. 450 // HTML is never applied globally (too risky). 451 var allThemesFix = jdgmThemeFixes['all']; 452 if (allThemesFix && allThemesFix.css) { 453 var allStyleTag = document.createElement('style'); 454 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 455 allStyleTag.innerHTML = allThemesFix.css; 456 document.head.append(allStyleTag); 457 }; 458 459 if (allThemesFix && allThemesFix.js) { 460 var allScriptTag = document.createElement('script'); 461 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 462 allScriptTag.innerHTML = allThemesFix.js; 463 document.head.append(allScriptTag); 464 }; 465 466 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 467 if (!thisThemeFix) return; 468 469 if (thisThemeFix.html) { 470 document.addEventListener("DOMContentLoaded", function() { 471 var htmlDiv = document.createElement('div'); 472 htmlDiv.classList.add('jdgm-theme-fix-html'); 473 htmlDiv.innerHTML = thisThemeFix.html; 474 document.body.append(htmlDiv); 475 }); 476 }; 477 478 if (thisThemeFix.css) { 479 var styleTag = document.createElement('style'); 480 styleTag.classList.add('jdgm-theme-fix-style'); 481 styleTag.innerHTML = thisThemeFix.css; 482 document.head.append(styleTag); 483 }; 484 485 if (thisThemeFix.js) { 486 var scriptTag = document.createElement('script'); 487 scriptTag.classList.add('jdgm-theme-fix-script'); 488 scriptTag.innerHTML = thisThemeFix.js; 489 document.head.append(scriptTag); 490 }; 491 })(); 492</script>
492 493<!-- END app snippet --> 494<!-- End of Judge.me Core --> 495 496 497 498<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 499 500 501 502 503 504 505 506 507 508 509 510 511
511<script async src="https://static.klaviyo.com/onsite/js/SgXaum/klaviyo.js?company_id=SgXaum"></script>
511 512
512<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>
512 513 514 515 516 517 518 519
519<script> 520 window.klaviyoReviewsProductDesignMode = false 521 </script>
521 522 523 524 525 <!-- BEGIN app snippet: customer-hub-data -->
525<script> 526 if (!window.customerHub) { 527 window.customerHub = {}; 528 } 529 window.customerHub.storefrontRoutes = { 530 login: "/account/login?return_url=%2F%23k-hub", 531 register: "/account/register?return_url=%2F%23k-hub", 532 logout: "/account/logout", 533 profile: "/account", 534 addresses: "/account/addresses", 535 }; 536 537 window.customerHub.userId = null; 538 539 window.customerHub.storeDomain = "fila-australia-production.myshopify.com"; 540 541 542 543 544 window.customerHub.storeLocale = { 545 currentLanguage: 'en', 546 currentCountry: 'AU', 547 availableLanguages: [ 548 549 { 550 iso_code: 'en', 551 endonym_name: 'English' 552 } 553 554 ], 555 availableCountries: [ 556 557 { 558 iso_code: 'AU', 559 name: 'Australia', 560 currency_code: 'AUD' 561 }, 562 563 { 564 iso_code: 'FJ', 565 name: 'Fiji', 566 currency_code: 'FJD' 567 }, 568 569 { 570 iso_code: 'NC', 571 name: 'New Caledonia', 572 currency_code: 'AUD' 573 }, 574 575 { 576 iso_code: 'NZ', 577 name: 'New Zealand', 578 currency_code: 'NZD' 579 }, 580 581 { 582 iso_code: 'PG', 583 name: 'Papua New Guinea', 584 currency_code: 'PGK' 585 } 586 587 ] 588 }; 589 590</script>
590 591<!-- END app snippet --> 592 593 594 595 596 597 598 599<!-- END app block -->
599<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
599 600<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0550/5364/8108/files/fila-logo-vector-01.png?height=628&pad_color=fff&v=1633050971&width=1200" /> 601<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0550/5364/8108/files/fila-logo-vector-01.png?height=628&pad_color=fff&v=1633050971&width=1200" /> 602<meta property="og:image:width" content="1200" /> 603<meta property="og:image:height" content="628" /> 604<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
605<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 55053648108,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 605
605
606<script> 607 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 608</script>
vendor: 1 bytes, line 608
608
609<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
609).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 55053648108,storefrontBaseUrl: "https://fila.com.au",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://fila.com.au/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"2247819500","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
609,"dataSharingState":"unrestricted"},{"id":"1851654380","configuration":"{\"accountID\":\"SgXaum\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1159921900","configuration":"{\"siteId\":\"IqvMhZCI\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c7a4518690a8aaea0a1a9681686add18","type":"APP","apiClientId":3830283,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"556204268","configuration":"{\"merchantId\":\"76861\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"39141b7c17b603b9a41d62198a740fae","type":"APP","apiClientId":4581575,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"483197164","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-40D7T1223Y\\\",\\\"GT-57S4K78\\\"],\\\"target_country\\\":\\\"AU\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-40D7T1223Y\\\",\\\"MC-LBC86PXK9D\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-40D7T1223Y\\\",\\\"MC-LBC86PXK9D\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-40D7T1223Y\\\",\\\"MC-LBC86PXK9D\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"421691628","configuration":"{\"pixelCode\":\"C9F56URC77U7KEORHUQG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"224559340","configuration":"{\"pixel_id\":\"234886250588946\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"49742060","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Tagalys order tracking custom "},{"id":"50528492","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Purchase"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"FILA Australia","paymentSettings":{"currencyCode":"AUD"},"myshopifyDomain":"fila-australia-production.myshopify.com","countryCode":"AU","storefrontUrl":"https:\/\/fila.com.au"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://fila.com.au/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"165546885356","themePublished":"true","eventMetadataId":"579f84bd-cf1a-4efb-99bc-812183e9c174","shopId":"55053648108","storefrontBaseUrl":"https:\/\/fila.com.au","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
609<script> 610 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 611 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 612 window.ShopifyAnalytics.meta.currency = 'AUD'; 613 var meta = {"page":{"requestId":"c2bbd7cd-d6c9-4858-82ef-4268ad04ed1e-1790319958"}}; 614 for (var attr in meta) { 615 window.ShopifyAnalytics.meta[attr] = meta[attr]; 616 } 617</script>
vendor: 1 bytes, line 617
617
618<script class="analytics"> 619 (function () { 620 var customDocumentWrite = function(content) { 621 var jquery = null; 622 623 if (window.jQuery) { 624 jquery = window.jQuery; 625 } else if (window.Checkout && window.Checkout.$) { 626 jquery = window.Checkout.$; 627 } 628 629 if (jquery) { 630 jquery('body').append(content); 631 } 632 }; 633 634 var hasLoggedConversion = function(token) { 635 if (token) { 636 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 637 } 638 return false; 639 } 640 641 var setCookieIfConversion = function(token) { 642 if (token) { 643 var twoMonthsFromNow = new Date(Date.now()); 644 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 645 646 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 647 } 648 } 649 650 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 651 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 652 if (trekkie.integrations) { 653 return; 654 } 655 trekkie.methods = [ 656 'identify', 657 'page', 658 'ready', 659 'track', 660 'trackForm', 661 'trackLink' 662 ]; 663 trekkie.factory = function(method) { 664 return function() { 665 var args = Array.prototype.slice.call(arguments); 666 args.unshift(method); 667 trekkie.push(args); 668 if (method == 'track' || method == 'page') { 669 var pageUrl; 670 try { 671 pageUrl = window.location.href; 672 } catch (e) {} 673 var pageReferrer; 674 try { 675 pageReferrer = document.referrer; 676 } catch (e) {} 677 try { 678 if (window.__TREKKIE_SHIM_QUEUE == null) { 679 window.__TREKKIE_SHIM_QUEUE = []; 680 } 681 window.__TREKKIE_SHIM_QUEUE.push({ 682 from: 'trekkie-stub', 683 method: method, 684 args: args.slice(1), 685 pageContext: { 686 url: pageUrl, 687 referrer: pageReferrer 688 } 689 }); 690 } catch (e) { 691 // no-op 692 } 693 } 694 return trekkie; 695 }; 696 }; 697 for (var i = 0; i < trekkie.methods.length; i++) { 698 var key = trekkie.methods[i]; 699 trekkie[key] = trekkie.factory(key); 700 } 701 trekkie.load = function(config) { 702 trekkie.config = config || {}; 703 trekkie.config.initialDocumentCookie = document.cookie; 704 var first = document.getElementsByTagName('script')[0]; 705var script = document.createElement('script'); 706script.type = 'text/javascript'; 707script.onerror = function(e) { 708 var scriptFallback = document.createElement('script'); 709 scriptFallback.type = 'text/javascript'; 710 scriptFallback.onerror = function(error) { 711 var Monorail = { 712 produce: function produce(monorailDomain, schemaId, payload) { 713 var currentMs = new Date().getTime(); 714 var event = { 715 schema_id: schemaId, 716 payload: payload, 717 metadata: { 718 event_created_at_ms: currentMs, 719 event_sent_at_ms: currentMs 720 } 721 }; 722 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 723 }, 724 sendRequest: function sendRequest(endpointUrl, payload) { 725 // Try the sendBeacon API 726 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 727 var blobData = new window.Blob([payload], { 728 type: 'text/plain' 729 }); 730 731 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 732 return true; 733 } // sendBeacon was not successful 734 735 } // XHR beacon 736 737 var xhr = new XMLHttpRequest(); 738 739 try { 740 xhr.open('POST', endpointUrl); 741 xhr.setRequestHeader('Content-Type', 'text/plain'); 742 xhr.send(payload); 743 } catch (e) { 744 console.log(e); 745 } 746 747 return false; 748 }, 749 isIos12: function isIos12() { 750 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 751 } 752 }; 753 Monorail.produce('monorail-edge.shopifysvc.com', 754 'trekkie_storefront_load_errors/1.1', 755 {shop_id: 55053648108, 756 theme_id: 165546885356, 757 app_name: "storefront", 758 context_url: window.location.href,
759 source_url: "//fila.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 760 761 }; 762 scriptFallback.async = true; 763 scriptFallback.src = '//fila.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 764 first.parentNode.insertBefore(scriptFallback, first); 765}; 766script.async = true; 767script.src = '//fila.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 768first.parentNode.insertBefore(script, first); 769 770 }; 771 trekkie.load( 772 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55053648108,"isMerchantRequest":null,"themeId":165546885356,"themeCityHash":"8987902925657846284","contentLanguage":"en","currency":"AUD","eventMetadataId":"579f84bd-cf1a-4efb-99bc-812183e9c174"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 773 ); 774 775 var loaded = false; 776 trekkie.ready(function() { 777 if (loaded) return; 778 loaded = true; 779 780 window.ShopifyAnalytics.lib = window.trekkie; 781 782 var originalDocumentWrite = document.write; 783 document.write = customDocumentWrite; 784 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 785 document.write = originalDocumentWrite; 786 787 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 788 var token = match? match[1]: undefined; 789 if (!hasLoggedConversion(token)) { 790 setCookieIfConversion(token); 791 792 } 793 }); 794 795 window.ShopifyAnalytics.lib.page(null,{"requestId":"c2bbd7cd-d6c9-4858-82ef-4268ad04ed1e-1790319958","shopifyEmitted":true}); 796 797 var eventsListenerScript = document.createElement('script'); 798 eventsListenerScript.async = true; 799 eventsListenerScript.src = "//fila.com.au/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 800 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 801})();</script>
vendor: 1 bytes, line 801
801
802<script 803 defer 804 src="https://fila.com.au/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 805 data-application="storefront-renderer" 806 data-shop-id="55053648108" 807 data-render-region="gcp-us-central1" 808 data-page-type="customers/login" 809 data-theme-instance-id="165546885356" 810 data-theme-name="Themekit template theme" 811 data-theme-version="1.0.0" 812 data-monorail-region="shop_domain" 813 data-resource-timing-sampling-rate="10" 814 data-shs="true" 815 data-shs-beacon="true" 816 data-shs-export-with-fetch="true" 817 data-shs-logs-sample-rate="1" 818 data-shs-beacon-endpoint="https://fila.com.au/api/collect" 819></script>
819 820<meta name="shopify-y" content="a6cf1f7e-6eb3-4c54-b28c-6737e61c9ced" data-expiration="1821877558000"><meta name="shopify-s" content="fc745865-67b7-4002-a2aa-a77476219566" data-expiration="1790321758000"><meta name="new-cookie-storage-activated" content="t"> 821</head> 822 823 <body> 824 <div class="darken" onclick="closeSearchPopout()"></div> 825<style> 826body.sidebar-open { 827 overflow: hidden; 828} 829body.sidebar-open .fila-sidebar__backdrop { 830 display: block; 831 opacity: 1; 832} 833body.sidebar-open .fila-sidebar__content { 834 transform: translateX(100%) translate3d(0, 0, 0); 835 box-shadow: -5px 4px 20px rgba(0, 0, 0, 0.15); 836} 837 838.fila-sidebar { 839 --topOffset: calc(var(--headerHeight) + var(--announcementBarHeight)); 840} 841.fila-sidebar__backdrop { 842 position: fixed; 843 top: 0; 844 left: 0; 845 right: 0; 846 bottom: 0; 847 background: var(--colorBlackAlpha150); 848 z-index: var(--zIndexSidebarBackdrop); 849 opacity: 0; 850 display: none; 851 transition: 300ms ease opacity; 852} 853.fila-sidebar__content { 854 position: fixed; 855 top: var(--topOffset); 856 right: 100%; 857 height: 100vh; 858 height: 100dvh; 859 display: flex; 860 flex-direction: column; 861 overflow-y: auto; 862 overflow-x: hidden; 863 background: var(--colorWhite); 864 color: var(--colorNavy); 865 z-index: var(--zIndexSidebar); 866 transform: translate3d(0, 0, 0); 867 transition: 300ms ease transform, 300ms ease box-shadow; 868 padding: 24px 24px 128px; 869 border-top: 1px solid var(--colorDivider); 870 width: 50vw; 871 min-width: 320px; 872} 873@media (max-width: 768px) { 874 .fila-sidebar__content { 875 width: 85vw; 876 } 877} 878.fila-sidebar__content-close { 879 font-weight: bold; 880 text-align: left; 881} 882.fila-sidebar__content h3 { 883 font-size: 28px; 884 margin-bottom: 24px; 885} 886.fila-sidebar__content-link { 887 font-size: 16px; 888 font-weight: 500; 889 display: flex; 890 justify-content: space-between; 891 align-items: center; 892 padding: 6px 0; 893 border-bottom: 1px solid var(--colorDivider); 894} 895.fila-sidebar__content-link .icon { 896 display: inline-flex; 897 align-items: center; 898 line-height: 1; 899 vertical-align: middle; 900} 901.fila-sidebar__content-link:last-child { 902 border-bottom: none; 903} 904.fila-sidebar__content-link--secondary { 905 font-size: 14px; 906 font-weight: 400; 907 color: var(--colorBlackAlpha700); 908 border-bottom: none; 909 margin-bottom: 4px; 910 padding: 4px 0; 911 margin-top: 0; 912} 913.fila-sidebar__content-link--secondary--first-item { 914 margin-top: 16px; 915} 916.fila-sidebar__content hr { 917 margin: 16px 0; 918} 919.fila-sidebar__content-search { 920 border: 1px solid var(--colorLightBlue300); 921 background-color: var(--colorBackgroundGray); 922 padding: 4px 20px 6px; 923 height: 48px; 924 width: 100%; 925 display: flex; 926 align-items: center; 927 border-radius: 32px; 928 position: relative; 929 color: var(--colorBlackAlpha600); 930 cursor: text; 931 transition: 200ms ease background-color, 200ms ease border-color; 932 margin-right: 8px; 933 margin-top: 8px; 934 margin-bottom: 24px; 935 flex-shrink: 0; 936} 937.fila-sidebar__content-search:hover { 938 border-color: var(--colorLightBlue); 939} 940.fila-sidebar__content-search .icon { 941 position: absolute; 942 right: 12px; 943 top: calc(50% - 1px); 944 transform: translateY(-50%); 945 font-size: 28px; 946} 947 948.fila-sidebar-slide { 949 --topOffset: calc(var(--headerHeight) + var(--announcementBarHeight)); 950 position: fixed; 951 top: var(--topOffset); 952 right: 100%; 953 height: calc(100vh - var(--topOffset)); 954 height: calc(100dvh - var(--topOffset)); 955 display: flex; 956 flex-direction: column; 957 overflow-y: auto; 958 background: var(--colorWhite); 959 color: var(--colorNavy); 960 z-index: var(--zIndexSidebar); 961 transform: translate3d(0, 0, 0); 962 transition: 300ms ease transform; 963 padding: 16px 24px 128px; 964 border-top: 1px solid var(--colorDivider); 965 border-right: 1px solid var(--colorDivider); 966 width: 50vw; 967 min-width: 320px; 968} 969@media (max-width: 768px) { 970 .fila-sidebar-slide { 971 width: 85vw; 972 } 973} 974.fila-sidebar-slide--open { 975 transform: translateX(100%) translate3d(0, 0, 0); 976} 977.fila-sidebar-slide__close { 978 font-size: 14px; 979} 980.fila-sidebar-slide__title { 981 font-size: 28px; 982 margin-bottom: 24px; 983} 984.fila-sidebar-slide__group { 985 border-bottom: 1px solid var(--colorDivider); 986} 987.fila-sidebar-slide__group-content .fila-sidebar-slide__group { 988 border-bottom: none; 989 border-top: none; 990} 991.fila-sidebar-slide__group-title { 992 font-size: 16px; 993 font-weight: 500; 994 display: flex; 995 justify-content: space-between; 996 align-items: center; 997 padding: 8px 0; 998 line-height: 1; 999 width: 100%; 1000} 1001.fila-sidebar-slide__group-title .icon { 1002 display: inline-flex; 1003 align-items: center; 1004 line-height: 1; 1005 vertical-align: middle; 1006 transition: transform 200ms ease; 1007} 1008.fila-sidebar-slide__group-title.active .icon { 1009 transform: rotate(-180deg); 1010} 1011.fila-sidebar-slide__group-title-shop-by-size { 1012 font-size: 15px; 1013 font-weight: 400; 1014 display: flex; 1015 justify-content: space-between; 1016 align-items: center; 1017 padding: 8px 0; 1018 line-height: 1; 1019 width: 100%; 1020 border-top: none; 1021 border-bottom: none; 1022} 1023.fila-sidebar-slide__group-title-shop-by-size .icon { 1024 display: inline-flex; 1025 align-items: center; 1026 line-height: 1; 1027 vertical-align: middle; 1028 transition: transform 200ms ease; 1029} 1030.fila-sidebar-slide__group-title-shop-by-size.active .icon { 1031 transform: rotate(-180deg); 1032} 1033.fila-sidebar-slide__group-content { 1034 display: none; 1035 padding-bottom: 8px; 1036} 1037.fila-sidebar-slide__group-content hr { 1038 margin-bottom: 8px; 1039} 1040.fila-sidebar-slide__group-content-list { 1041 display: flex; 1042 flex-direction: row; 1043 flex-wrap: wrap; 1044} 1045.fila-sidebar-slide__group-item { 1046 display: block; 1047 font-size: 14px; 1048 color: var(--colorBlackAlpha700); 1049 padding: 6px 0; 1050} 1051.fila-sidebar-slide__group-list-bubble { 1052 color: var(--colorNavy); 1053 border: 2px solid var(--colorLightGray); 1054 text-decoration: none; 1055 font-weight: 500; 1056 padding: 12px; 1057 font-size: 16px; 1058 margin-right: 6px; 1059 margin-bottom: 6px; 1060 min-width: 40px; 1061 height: 40px; 1062 border-radius: 32px; 1063 transition: 200ms ease border; 1064 cursor: pointer; 1065 line-height: 1; 1066 display: flex; 1067 align-items: center; 1068 justify-content: center; 1069 background: white; 1070} 1071.fila-sidebar-slide__group-list-bubble:hover { 1072 border-color: var(--colorNavy); 1073} 1074.fila-sidebar-slide .link-with-left-icon-sidebar { 1075 display: flex; 1076 align-items: center; 1077 color: var(--colorNavy); 1078 margin-left: -8px; 1079} 1080.fila-sidebar-slide .link-with-left-icon-sidebar span { 1081 font-weight: bold; 1082 font-family: var(--fontSecondary); 1083} 1084.fila-sidebar-slide .link-with-left-icon-sidebar .icon { 1085 display: inline-flex; 1086 align-items: center; 1087 line-height: 1; 1088 vertical-align: middle; 1089 margin-top: -1.5px; 1090} 1091.fila-sidebar-slide .link-with-left-icon-sidebar:not(:disabled):hover {
1092 color: var(--colorBlue); 1093} 1094.fila-sidebar-slide .link-with-left-icon-sidebar:not(:disabled):hover .icon { 1095 transform: translateX(10%); 1096} 1097</style> 1098 1099 1100<div class="fila-sidebar"> 1101 <div class="fila-sidebar__backdrop"></div> 1102 1103 <div class="fila-sidebar__content"> 1104 1105 1106 <a href="/collections/shoes" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Shoes"> 1107 <span>Shoes</span> 1108 <span><i class="material-icons icon icon-lg " > 1109 chevron_right 1110</i> 1111 1112 1113</span> 1114 </a> 1115 1116 1117 1118 <a href="/collections/mens" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Mens"> 1119 <span>Mens</span> 1120 <span><i class="material-icons icon icon-lg " > 1121 chevron_right 1122</i> 1123 1124 1125</span> 1126 </a> 1127 1128 1129 1130 <a href="/collections/womens" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Womens"> 1131 <span>Womens</span> 1132 <span><i class="material-icons icon icon-lg " > 1133 chevron_right 1134</i> 1135 1136 1137</span> 1138 </a> 1139 1140 1141 1142 <a href="/collections/kids" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Kids"> 1143 <span>Kids</span> 1144 <span><i class="material-icons icon icon-lg " > 1145 chevron_right 1146</i> 1147 1148 1149</span> 1150 </a> 1151 1152 1153 1154 <a href="/collections/accessories" class="fila-sidebar__content-link"> 1155 <span>Accessories</span> 1156 <span><i class="material-icons icon icon-lg " > 1157 chevron_right 1158</i> 1159 1160 1161</span> 1162 </a> 1163 1164 1165 1166 <a href="/collections/mid-season-sale" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Mid Season Sale"> 1167 <span>Mid Season Sale</span> 1168 <span><i class="material-icons icon icon-lg " > 1169 chevron_right 1170</i> 1171 1172 1173</span> 1174 </a> 1175 1176 1177<a href="/account/login" class="fila-sidebar__content-link fila-sidebar__content-link--secondary fila-sidebar__content-link--secondary--first-item">Login</a><a href="/pages/returns" class="fila-sidebar__content-link fila-sidebar__content-link--secondary"> 1178 Returns 1179 </a> 1180 1181 <a href="/pages/stores" class="fila-sidebar__content-link fila-sidebar__content-link--secondary"> 1182 Stores 1183 </a> 1184 1185 <a href="/pages/contact" class="fila-sidebar__content-link fila-sidebar__content-link--secondary"> 1186 Contact 1187 </a> 1188 1189 <a href="/pages/faqs" class="fila-sidebar__content-link fila-sidebar__content-link--secondary"> 1190 FAQ 1191 </a> 1192 1193 1194 1195 </div> 1196</div> 1197 1198<div class="sidebar-slides-wrapper"> 1199 1200 1201 <div class="fila-sidebar-slide" data-sidebar-slide-id="Shoes"> 1202 <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close"> 1203 <i class="material-icons icon icon-sm " > 1204 chevron_left 1205</i> 1206 1207 1208 1209 1210 <span>Back</span> 1211 </button> 1212 1213 <a href="/collections/shoes" class="fila-sidebar-slide__group-title"> 1214 <span>All Shoes</span> 1215 <span><i class="material-icons icon icon-lg " > 1216 arrow_right_alt 1217</i> 1218 1219 1220</span> 1221 </a> 1222 1223 <hr class="hr" /> 1224 1225 1226<div class="fila-sidebar-slide__group"> 1227 1228 1229 1230 <button class="fila-sidebar-slide__group-title"> 1231 <span>Styles</span> 1232 <span><i class="material-icons icon icon-lg " > 1233 expand_more 1234</i> 1235 1236 1237</span> 1238 </button> 1239 1240 <div class="fila-sidebar-slide__group-content"> 1241 <hr class="hr" /> 1242 1243 <a href="/collections/shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1244 View all 1245 </a><a href="/collections/shoes-styles-new-arrivals" class="fila-sidebar-slide__group-item"> 1246 New Arrivals 1247 </a><a href="/collections/disruptor-ii" class="fila-sidebar-slide__group-item"> 1248 Disruptors 1249 </a><a href="/collections/shoes-workshift-shoes" class="fila-sidebar-slide__group-item"> 1250 Workshift 1251 </a><a href="/collections/shoes-slides" class="fila-sidebar-slide__group-item"> 1252 Slides 1253 </a><a href="/collections/shoes-styles-basketball" class="fila-sidebar-slide__group-item"> 1254 Basketball 1255 </a><a href="/collections/shoes-styles-tennis" class="fila-sidebar-slide__group-item"> 1256 Tennis 1257 </a><a href="/collections/shoes-black-shoes" class="fila-sidebar-slide__group-item"> 1258 Black 1259 </a><a href="/collections/white-shoes" class="fila-sidebar-slide__group-item"> 1260 White 1261 </a></div> 1262 1263 </div><div class="fila-sidebar-slide__group"> 1264 1265 1266 1267 <button class="fila-sidebar-slide__group-title">
1268 <span>Mens</span> 1269 <span><i class="material-icons icon icon-lg " > 1270 expand_more 1271</i> 1272 1273 1274</span> 1275 </button> 1276 1277 <div class="fila-sidebar-slide__group-content"> 1278 <hr class="hr" /> 1279 1280 <a href="/collections/shoes-mens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1281 View all 1282 </a><a href="https://fila.com.au/collections/mens-classic-footwear" class="fila-sidebar-slide__group-item"> 1283 Classics 1284 </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=mens-or-unisex&sort_by=manual" class="fila-sidebar-slide__group-item"> 1285 $50 & Under 1286 </a><a href="/collections/shoes-mens-sale" class="fila-sidebar-slide__group-item"> 1287 Outlet 1288 </a><a href="/collections/shoes-mens-work" class="fila-sidebar-slide__group-item"> 1289 Work 1290 </a><a href="/collections/shoes-mens-lifestyle" class="fila-sidebar-slide__group-item"> 1291 Lifestyle 1292 </a><a href="/collections/shoes-mens-running-1" class="fila-sidebar-slide__group-item"> 1293 Running 1294 </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="fila-sidebar-slide__group-item"> 1295 Slides & Slippers 1296 </a><a href="/collections/shoes-mens-sports" class="fila-sidebar-slide__group-item"> 1297 Sports 1298 </a></div> 1299 1300 </div><div class="fila-sidebar-slide__group"> 1301 1302 1303 1304 <button class="fila-sidebar-slide__group-title"> 1305 <span>Womens</span> 1306 <span><i class="material-icons icon icon-lg " > 1307 expand_more 1308</i> 1309 1310 1311</span> 1312 </button> 1313 1314 <div class="fila-sidebar-slide__group-content"> 1315 <hr class="hr" /> 1316 1317 <a href="/collections/shoes-womens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1318 View all 1319 </a><a href="https://fila.com.au/collections/womens-classic-footwear" class="fila-sidebar-slide__group-item"> 1320 Classics 1321 </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=womens-or-unisex&sort_by=manual" class="fila-sidebar-slide__group-item"> 1322 $50 & Under 1323 </a><a href="/collections/shoes-womens-sale" class="fila-sidebar-slide__group-item"> 1324 Outlet 1325 </a><a href="/collections/shoes-womens-work" class="fila-sidebar-slide__group-item"> 1326 Work 1327 </a><a href="/collections/shoes-womens-lifestyle" class="fila-sidebar-slide__group-item"> 1328 Lifestyle 1329 </a><a href="/collections/shoes-womens-running" class="fila-sidebar-slide__group-item"> 1330 Running 1331 </a><a href="/collections/shoes-womens-slides-slippers" class="fila-sidebar-slide__group-item"> 1332 Slides & Slippers 1333 </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="fila-sidebar-slide__group-item"> 1334 Sports 1335 </a></div> 1336 1337 </div><div class="fila-sidebar-slide__group"> 1338 1339 1340 1341 <button class="fila-sidebar-slide__group-title"> 1342 <span>Kids</span> 1343 <span><i class="material-icons icon icon-lg " > 1344 expand_more 1345</i> 1346 1347 1348</span> 1349 </button> 1350 1351 <div class="fila-sidebar-slide__group-content"> 1352 <hr class="hr" /> 1353 1354 <a href="/collections/shoes-kids-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1355 View all 1356 </a><a href="https://fila.com.au/collections/kids-classic-footwear" class="fila-sidebar-slide__group-item"> 1357 Classics 1358 </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=kids&sort_by=manual" class="fila-sidebar-slide__group-item"> 1359 $50 & Under 1360 </a><a href="/collections/shoes-kids-sale" class="fila-sidebar-slide__group-item"> 1361 Outlet 1362 </a><a href="/collections/shoes-kids-school" class="fila-sidebar-slide__group-item"> 1363 School 1364 </a><a href="/collections/shoes-kids-sports" class="fila-sidebar-slide__group-item"> 1365 Sports 1366 </a><a href="/collections/shoes-kids-shoes-dial" class="fila-sidebar-slide__group-item"> 1367 Dial 1368 </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="fila-sidebar-slide__group-item"> 1369 Infant 1370 </a></div> 1371 1372 </div> 1373 1374 <!-- Shop by Size for Shoes --> 1375 <div class="fila-sidebar-slide__group"> 1376 <button class="fila-sidebar-slide__group-title">
1377 <span>Shop by Size</span> 1378 <span><i class="material-icons icon icon-lg " > 1379 expand_more 1380</i> 1381 1382 1383</span> 1384 </button> 1385 1386 <div class="fila-sidebar-slide__group-content"> 1387 <div class="fila-sidebar-slide__group-content-list"> 1388 1389 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a> 1390 1391 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a> 1392 1393 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a> 1394 1395 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a> 1396 1397 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a> 1398 1399 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a> 1400 1401 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a> 1402 1403 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a> 1404 1405 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a> 1406 1407 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a> 1408 1409 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a> 1410 1411 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a> 1412 1413 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a> 1414 1415 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a> 1416 1417 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a> 1418 1419 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a> 1420 1421 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a> 1422 1423 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a> 1424 1425 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a> 1426 1427 <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a> 1428 1429 </div> 1430 </div> 1431 </div> 1432 1433 1434 1435 <div class="fila-sidebar-slide__promotions" data-menu-name="Shoes"> 1436 </div> 1437 </div> 1438 1439 1440 1441 <div class="fila-sidebar-slide" data-sidebar-slide-id="Mens"> 1442 <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close"> 1443 <i class="material-icons icon icon-sm " > 1444 chevron_left 1445</i> 1446 1447 1448 1449
1450 <span>Back</span> 1451 </button> 1452 1453 <a href="/collections/mens" class="fila-sidebar-slide__group-title"> 1454 <span>All Mens</span> 1455 <span><i class="material-icons icon icon-lg " > 1456 arrow_right_alt 1457</i> 1458 1459 1460</span> 1461 </a> 1462 1463 <hr class="hr" /> 1464 1465 1466<div class="fila-sidebar-slide__group"> 1467 1468 1469 1470 <button class="fila-sidebar-slide__group-title"> 1471 <span>Featured</span> 1472 <span><i class="material-icons icon icon-lg " > 1473 expand_more 1474</i> 1475 1476 1477</span> 1478 </button> 1479 1480 <div class="fila-sidebar-slide__group-content"> 1481 <hr class="hr" /> 1482 1483 <a href="/collections/mens" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1484 View all 1485 </a><a href="/collections/mens-mens-new-arrivals" class="fila-sidebar-slide__group-item"> 1486 New Arrivals 1487 </a><a href="/collections/mens-mens-best-sellers" class="fila-sidebar-slide__group-item"> 1488 Best Sellers 1489 </a><a href="/collections/mens-mens-classics" class="fila-sidebar-slide__group-item"> 1490 Classics 1491 </a><a href="/collections/outlet-mens" class="fila-sidebar-slide__group-item"> 1492 Outlet 1493 </a><a href="/collections/mens-international" class="fila-sidebar-slide__group-item"> 1494 International 1495 </a><a href="/collections/mens-matching-sets" class="fila-sidebar-slide__group-item"> 1496 Matching Sets 1497 </a></div> 1498 1499 </div><div class="fila-sidebar-slide__group"> 1500 1501 1502 1503 <button class="fila-sidebar-slide__group-title"> 1504 <span>Apparel</span> 1505 <span><i class="material-icons icon icon-lg " > 1506 expand_more 1507</i> 1508 1509 1510</span> 1511 </button> 1512 1513 <div class="fila-sidebar-slide__group-content"> 1514 <hr class="hr" /> 1515 1516 <a href="/collections/mens-mens-apparel" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1517 View all 1518 </a><a href="/collections/mens-mens-apparel-mens-tops" class="fila-sidebar-slide__group-item"> 1519 Tops 1520 </a><a href="/collections/mens-mens-apparel-mens-shorts" class="fila-sidebar-slide__group-item"> 1521 Shorts 1522 </a><a href="/collections/mens-mens-apparel-mens-hoodies-crews" class="fila-sidebar-slide__group-item"> 1523 Hoodies & Crews 1524 </a><a href="/collections/mens-mens-apparel-mens-jackets-vests" class="fila-sidebar-slide__group-item"> 1525 Jackets & Vests 1526 </a><a href="/collections/mens-mens-apparel-mens-pants" class="fila-sidebar-slide__group-item"> 1527 Pants 1528 </a><a href="/collections/mens-mens-apparel-mens-sportswear" class="fila-sidebar-slide__group-item"> 1529 Sportswear 1530 </a></div> 1531 1532 </div><div class="fila-sidebar-slide__group"> 1533 1534 1535 1536 <button class="fila-sidebar-slide__group-title"> 1537 <span>Footwear</span> 1538 <span><i class="material-icons icon icon-lg " > 1539 expand_more 1540</i> 1541 1542 1543</span> 1544 </button> 1545 1546 <div class="fila-sidebar-slide__group-content"> 1547 <hr class="hr" /> 1548 1549 <a href="/collections/shoes-mens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1550 View all 1551 </a><a href="/collections/shoes-mens-lifestyle" class="fila-sidebar-slide__group-item"> 1552 Lifestyle 1553 </a><a href="/collections/shoes-mens-sale" class="fila-sidebar-slide__group-item"> 1554 Outlet 1555 </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="fila-sidebar-slide__group-item"> 1556 Slides & Slippers 1557 </a><a href="/collections/shoes-mens-running-1" class="fila-sidebar-slide__group-item"> 1558 Running 1559 </a><a href="/collections/shoes-mens-sports" class="fila-sidebar-slide__group-item"> 1560 Sports 1561 </a><a href="/collections/shoes-mens-work" class="fila-sidebar-slide__group-item"> 1562 Work 1563 </a></div> 1564 1565 </div><div class="fila-sidebar-slide__group"> 1566 1567 1568 1569 <button class="fila-sidebar-slide__group-title">
1570 <span>Accessories</span> 1571 <span><i class="material-icons icon icon-lg " > 1572 expand_more 1573</i> 1574 1575 1576</span> 1577 </button> 1578 1579 <div class="fila-sidebar-slide__group-content"> 1580 <hr class="hr" /> 1581 1582 <a href="/collections/mens-mens-accessories" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1583 View all 1584 </a><a href="/collections/mens-mens-accessories-mens-hats-caps" class="fila-sidebar-slide__group-item"> 1585 Hats & Caps 1586 </a><a href="/collections/mens-mens-accessories-mens-bags-backpacks" class="fila-sidebar-slide__group-item"> 1587 Bags & Backpacks 1588 </a><a href="https://fila.com.au/collections/accessories-socks" class="fila-sidebar-slide__group-item"> 1589 Socks 1590 </a><a href="/collections/mens-mens-accessories-mens-towels" class="fila-sidebar-slide__group-item"> 1591 Towels 1592 </a></div> 1593 1594 </div> 1595 1596 <!-- Apparel and Footwear dropdowns for non-Shoes categories --> 1597 <div class="fila-sidebar-slide__group"> 1598 <button class="fila-sidebar-slide__group-title"> 1599 <span>Shop by Size</span> 1600 <span><i class="material-icons icon icon-lg " > 1601 expand_more 1602</i> 1603 1604 1605</span> 1606 </button> 1607 1608 <div class="fila-sidebar-slide__group-content"> 1609 <hr class="hr" /> 1610 1611 <!-- Apparel Dropdown --> 1612 <div class="fila-sidebar-slide__group"> 1613 <button class="fila-sidebar-slide__group-title-shop-by-size"> 1614 <span>Apparel</span> 1615 <span><i class="material-icons icon icon-lg " > 1616 expand_more 1617</i> 1618 1619 1620</span> 1621 </button> 1622 1623 <div class="fila-sidebar-slide__group-content"> 1624 <div class="fila-sidebar-slide__group-content-list"> 1625 1626 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXS</a> 1627 1628 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XS</a> 1629 1630 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">S</a> 1631 1632 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">M</a> 1633 1634 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">L</a> 1635 1636 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XL</a> 1637 1638 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXL</a> 1639 1640 <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3XL</a> 1641 1642 </div> 1643 </div> 1644 </div> 1645 1646 <!-- Footwear Dropdown --> 1647 <div class="fila-sidebar-slide__group"> 1648 <button class="fila-sidebar-slide__group-title-shop-by-size"> 1649 <span>Footwear</span> 1650 <span><i class="material-icons icon icon-lg " > 1651 expand_more 1652</i> 1653 1654 1655</span> 1656 </button> 1657 1658 <div class="fila-sidebar-slide__group-content"> 1659 <div class="fila-sidebar-slide__group-content-list"> 1660
1661 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a> 1662 1663 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a> 1664 1665 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a> 1666 1667 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a> 1668 1669 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a> 1670 1671 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a> 1672 1673 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a> 1674 1675 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a> 1676 1677 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a> 1678 1679 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a> 1680 1681 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a> 1682 1683 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a> 1684 1685 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a> 1686 1687 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a> 1688 1689 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a> 1690 1691 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a> 1692 1693 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a> 1694 1695 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a> 1696 1697 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a> 1698 1699 <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a> 1700 1701 </div> 1702 </div> 1703 </div> 1704 </div> 1705 </div> 1706 1707 1708 1709 <div class="fila-sidebar-slide__promotions" data-menu-name="Mens"> 1710 </div> 1711 </div> 1712 1713 1714 1715 <div class="fila-sidebar-slide" data-sidebar-slide-id="Womens"> 1716 <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close"> 1717 <i class="material-icons icon icon-sm " > 1718 chevron_left 1719</i> 1720 1721 1722 1723
1724 <span>Back</span> 1725 </button> 1726 1727 <a href="/collections/womens" class="fila-sidebar-slide__group-title"> 1728 <span>All Womens</span> 1729 <span><i class="material-icons icon icon-lg " > 1730 arrow_right_alt 1731</i> 1732 1733 1734</span> 1735 </a> 1736 1737 <hr class="hr" /> 1738 1739 1740<div class="fila-sidebar-slide__group"> 1741 1742 1743 1744 <button class="fila-sidebar-slide__group-title"> 1745 <span>Featured</span> 1746 <span><i class="material-icons icon icon-lg " > 1747 expand_more 1748</i> 1749 1750 1751</span> 1752 </button> 1753 1754 <div class="fila-sidebar-slide__group-content"> 1755 <hr class="hr" /> 1756 1757 <a href="/collections/womens" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1758 View all 1759 </a><a href="/collections/womens-womens-new-arrivals" class="fila-sidebar-slide__group-item"> 1760 New Arrivals 1761 </a><a href="/collections/womens-womens-best-sellers" class="fila-sidebar-slide__group-item"> 1762 Best Sellers 1763 </a><a href="/collections/womens-womens-classics" class="fila-sidebar-slide__group-item"> 1764 Classics 1765 </a><a href="/collections/outlet-womens" class="fila-sidebar-slide__group-item"> 1766 Outlet 1767 </a><a href="/collections/womens-international" class="fila-sidebar-slide__group-item"> 1768 International 1769 </a><a href="/collections/womens-matching-sets" class="fila-sidebar-slide__group-item"> 1770 Matching Sets 1771 </a></div> 1772 1773 </div><div class="fila-sidebar-slide__group"> 1774 1775 1776 1777 <button class="fila-sidebar-slide__group-title"> 1778 <span>Apparel</span> 1779 <span><i class="material-icons icon icon-lg " > 1780 expand_more 1781</i> 1782 1783 1784</span> 1785 </button> 1786 1787 <div class="fila-sidebar-slide__group-content"> 1788 <hr class="hr" /> 1789 1790 <a href="/collections/womens-womens-apparel" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1791 View all 1792 </a><a href="/collections/womens-womens-apparel-womens-tops" class="fila-sidebar-slide__group-item"> 1793 Tops 1794 </a><a href="/collections/womens-womens-apparel-womens-shorts-skirts" class="fila-sidebar-slide__group-item"> 1795 Shorts & Skirts 1796 </a><a href="/collections/womens-womens-apparel-womens-hoodies-crews" class="fila-sidebar-slide__group-item"> 1797 Hoodies & Crews 1798 </a><a href="/collections/womens-womens-apparel-womens-jackets-vests" class="fila-sidebar-slide__group-item"> 1799 Jackets & Vests 1800 </a><a href="/collections/womens-womens-apparel-womens-pants" class="fila-sidebar-slide__group-item"> 1801 Pants 1802 </a><a href="/collections/womens-womens-apparel-womens-tights-leggings" class="fila-sidebar-slide__group-item"> 1803 Tights & Leggings 1804 </a><a href="https://fila.com.au/collections/womens-featured-womens-womens-activewear" class="fila-sidebar-slide__group-item"> 1805 Activewear 1806 </a></div> 1807 1808 </div><div class="fila-sidebar-slide__group"> 1809 1810 1811 1812 <button class="fila-sidebar-slide__group-title"> 1813 <span>Footwear</span> 1814 <span><i class="material-icons icon icon-lg " > 1815 expand_more 1816</i> 1817 1818 1819</span> 1820 </button> 1821 1822 <div class="fila-sidebar-slide__group-content"> 1823 <hr class="hr" /> 1824 1825 <a href="/collections/shoes-womens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1826 View all 1827 </a><a href="/collections/shoes-womens-lifestyle" class="fila-sidebar-slide__group-item"> 1828 Lifestyle 1829 </a><a href="/collections/shoes-womens-sale" class="fila-sidebar-slide__group-item"> 1830 Outlet 1831 </a><a href="/collections/shoes-womens-running" class="fila-sidebar-slide__group-item"> 1832 Running 1833 </a><a href="/collections/shoes-womens-slides-slippers" class="fila-sidebar-slide__group-item"> 1834 Slides & Slippers 1835 </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="fila-sidebar-slide__group-item"> 1836 Sports 1837 </a><a href="/collections/shoes-womens-work" class="fila-sidebar-slide__group-item"> 1838 Work 1839 </a></div> 1840 1841 </div><div class="fila-sidebar-slide__group"> 1842 1843 1844 1845 <button class="fila-sidebar-slide__group-title">
1846 <span>Accessories</span> 1847 <span><i class="material-icons icon icon-lg " > 1848 expand_more 1849</i> 1850 1851 1852</span> 1853 </button> 1854 1855 <div class="fila-sidebar-slide__group-content"> 1856 <hr class="hr" /> 1857 1858 <a href="/collections/womens-womens-accessories" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 1859 View all 1860 </a><a href="/collections/womens-womens-accessories-womens-hats-caps" class="fila-sidebar-slide__group-item"> 1861 Hats & Caps 1862 </a><a href="/collections/womens-womens-accessories-womens-bags-backpacks" class="fila-sidebar-slide__group-item"> 1863 Bags & Backpacks 1864 </a><a href="https://fila.com.au/collections/accessories-socks" class="fila-sidebar-slide__group-item"> 1865 Socks 1866 </a><a href="/collections/womens-womens-accessories-womens-towels" class="fila-sidebar-slide__group-item"> 1867 Towels 1868 </a></div> 1869 1870 </div> 1871 1872 <!-- Apparel and Footwear dropdowns for non-Shoes categories --> 1873 <div class="fila-sidebar-slide__group"> 1874 <button class="fila-sidebar-slide__group-title"> 1875 <span>Shop by Size</span> 1876 <span><i class="material-icons icon icon-lg " > 1877 expand_more 1878</i> 1879 1880 1881</span> 1882 </button> 1883 1884 <div class="fila-sidebar-slide__group-content"> 1885 <hr class="hr" /> 1886 1887 <!-- Apparel Dropdown --> 1888 <div class="fila-sidebar-slide__group"> 1889 <button class="fila-sidebar-slide__group-title-shop-by-size"> 1890 <span>Apparel</span> 1891 <span><i class="material-icons icon icon-lg " > 1892 expand_more 1893</i> 1894 1895 1896</span> 1897 </button> 1898 1899 <div class="fila-sidebar-slide__group-content"> 1900 <div class="fila-sidebar-slide__group-content-list"> 1901 1902 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXS</a> 1903 1904 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XS</a> 1905 1906 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">S</a> 1907 1908 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">M</a> 1909 1910 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">L</a> 1911 1912 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XL</a> 1913 1914 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXL</a> 1915 1916 <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3XL</a> 1917 1918 </div> 1919 </div> 1920 </div> 1921 1922 <!-- Footwear Dropdown --> 1923 <div class="fila-sidebar-slide__group"> 1924 <button class="fila-sidebar-slide__group-title-shop-by-size"> 1925 <span>Footwear</span> 1926 <span><i class="material-icons icon icon-lg " > 1927 expand_more 1928</i> 1929 1930 1931</span> 1932 </button> 1933 1934 <div class="fila-sidebar-slide__group-content"> 1935 <div class="fila-sidebar-slide__group-content-list"> 1936 1937 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a> 1938 1939 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a> 1940 1941 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a> 1942 1943 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a> 1944 1945 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a> 1946 1947 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a> 1948 1949 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a> 1950 1951 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a> 1952 1953 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a> 1954 1955 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a> 1956 1957 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a> 1958 1959 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a> 1960 1961 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a> 1962 1963 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a> 1964 1965 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a> 1966 1967 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a> 1968 1969 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a> 1970 1971 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a> 1972 1973 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a> 1974 1975 <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a> 1976 1977 </div> 1978 </div> 1979 </div> 1980 </div> 1981 </div> 1982 1983 1984 1985 <div class="fila-sidebar-slide__promotions" data-menu-name="Womens"> 1986 </div> 1987 </div> 1988 1989 1990 1991 <div class="fila-sidebar-slide" data-sidebar-slide-id="Kids"> 1992 <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close"> 1993 <i class="material-icons icon icon-sm " > 1994 chevron_left 1995</i> 1996 1997 1998 1999
2000 <span>Back</span> 2001 </button> 2002 2003 <a href="/collections/kids" class="fila-sidebar-slide__group-title"> 2004 <span>All Kids</span> 2005 <span><i class="material-icons icon icon-lg " > 2006 arrow_right_alt 2007</i> 2008 2009 2010</span> 2011 </a> 2012 2013 <hr class="hr" /> 2014 2015 2016<div class="fila-sidebar-slide__group"> 2017 2018 2019 2020 <button class="fila-sidebar-slide__group-title"> 2021 <span>Featured</span> 2022 <span><i class="material-icons icon icon-lg " > 2023 expand_more 2024</i> 2025 2026 2027</span> 2028 </button> 2029 2030 <div class="fila-sidebar-slide__group-content"> 2031 <hr class="hr" /> 2032 2033 <a href="/collections/kids" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 2034 View all 2035 </a><a href="/collections/kids-kids-new-arrivals" class="fila-sidebar-slide__group-item"> 2036 New Arrivals 2037 </a><a href="/collections/kids-kids-best-sellers" class="fila-sidebar-slide__group-item"> 2038 Best Sellers 2039 </a><a href="/collections/kids-kids-classics" class="fila-sidebar-slide__group-item"> 2040 Classics 2041 </a><a href="/collections/outlet-kids" class="fila-sidebar-slide__group-item"> 2042 Outlet 2043 </a><a href="/collections/kids-schoolwear" class="fila-sidebar-slide__group-item"> 2044 Schoolwear 2045 </a><a href="/collections/kids-matching-sets" class="fila-sidebar-slide__group-item"> 2046 Matching Sets 2047 </a></div> 2048 2049 </div><div class="fila-sidebar-slide__group"> 2050 2051 2052 2053 <button class="fila-sidebar-slide__group-title"> 2054 <span>Apparel</span> 2055 <span><i class="material-icons icon icon-lg " > 2056 expand_more 2057</i> 2058 2059 2060</span> 2061 </button> 2062 2063 <div class="fila-sidebar-slide__group-content"> 2064 <hr class="hr" /> 2065 2066 <a href="/collections/kids-kids-apparel" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 2067 View all 2068 </a><a href="/collections/kids-kids-apparel-kids-tops" class="fila-sidebar-slide__group-item"> 2069 Tops 2070 </a><a href="/collections/kids-kids-apparel-kids-bottoms" class="fila-sidebar-slide__group-item"> 2071 Bottoms 2072 </a><a href="/collections/kids-kids-apparel-boys-apparel" class="fila-sidebar-slide__group-item"> 2073 Boys 2074 </a><a href="/collections/kids-kids-apparel-girls-apparel" class="fila-sidebar-slide__group-item"> 2075 Girls 2076 </a><a href="/collections/kids-kids-apparel-school" class="fila-sidebar-slide__group-item"> 2077 School 2078 </a></div> 2079 2080 </div><div class="fila-sidebar-slide__group"> 2081 2082 2083 2084 <button class="fila-sidebar-slide__group-title"> 2085 <span>Footwear</span> 2086 <span><i class="material-icons icon icon-lg " > 2087 expand_more 2088</i> 2089 2090 2091</span> 2092 </button> 2093 2094 <div class="fila-sidebar-slide__group-content"> 2095 <hr class="hr" /> 2096 2097 <a href="/collections/shoes-kids-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 2098 View all 2099 </a><a href="/collections/kids-kids-footwear-sneakers" class="fila-sidebar-slide__group-item"> 2100 Sneakers 2101 </a><a href="/collections/kids-kids-footwear-kids-running-sport-shoes" class="fila-sidebar-slide__group-item"> 2102 Running & Sports 2103 </a><a href="/collections/shoes-kids-school" class="fila-sidebar-slide__group-item"> 2104 School Shoes 2105 </a><a href="/collections/shoes-kids-shoes-dial" class="fila-sidebar-slide__group-item"> 2106 Dial 2107 </a><a href="/collections/kids-strap-shoes" class="fila-sidebar-slide__group-item"> 2108 Strap Shoes 2109 </a><a href="/collections/shoes-kids-shoes-kids-slides-slippers" class="fila-sidebar-slide__group-item"> 2110 Slides 2111 </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="fila-sidebar-slide__group-item"> 2112 Infant 2113 </a></div> 2114 2115 </div><div class="fila-sidebar-slide__group"> 2116 2117 2118 2119 <button class="fila-sidebar-slide__group-title">
2120 <span>Accessories</span> 2121 <span><i class="material-icons icon icon-lg " > 2122 expand_more 2123</i> 2124 2125 2126</span> 2127 </button> 2128 2129 <div class="fila-sidebar-slide__group-content"> 2130 <hr class="hr" /> 2131 2132 <a href="/collections/kids-kids-accessories" class="fila-sidebar-slide__group-item" style="font-weight: 500;"> 2133 View all 2134 </a><a href="/collections/kids-kids-accessories-kids-bags-backpacks" class="fila-sidebar-slide__group-item"> 2135 Bags & Backpacks 2136 </a><a href="https://fila.com.au/collections/accessories-socks" class="fila-sidebar-slide__group-item"> 2137 Socks 2138 </a></div> 2139 2140 </div> 2141 2142 <!-- Apparel and Footwear dropdowns for non-Shoes categories --> 2143 <div class="fila-sidebar-slide__group"> 2144 <button class="fila-sidebar-slide__group-title"> 2145 <span>Shop by Size</span> 2146 <span><i class="material-icons icon icon-lg " > 2147 expand_more 2148</i> 2149 2150 2151</span> 2152 </button> 2153 2154 <div class="fila-sidebar-slide__group-content"> 2155 <hr class="hr" /> 2156 2157 <!-- Apparel Dropdown --> 2158 <div class="fila-sidebar-slide__group"> 2159 <button class="fila-sidebar-slide__group-title-shop-by-size"> 2160 <span>Apparel</span> 2161 <span><i class="material-icons icon icon-lg " > 2162 expand_more 2163</i> 2164 2165 2166</span> 2167 </button> 2168 2169 <div class="fila-sidebar-slide__group-content"> 2170 <div class="fila-sidebar-slide__group-content-list"> 2171 2172 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=6&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a> 2173 2174 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=8&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a> 2175 2176 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=10&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a> 2177 2178 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=12&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a> 2179 2180 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=14&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">14</a> 2181 2182 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=16&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">16</a> 2183 2184 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=18&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">18</a> 2185 2186 <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=20&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">20</a> 2187 2188 </div> 2189 </div> 2190 </div> 2191 2192 <!-- Footwear Dropdown --> 2193 <div class="fila-sidebar-slide__group"> 2194 <button class="fila-sidebar-slide__group-title-shop-by-size"> 2195 <span>Footwear</span> 2196 <span><i class="material-icons icon icon-lg " > 2197 expand_more 2198</i> 2199 2200 2201</span> 2202 </button> 2203 2204 <div class="fila-sidebar-slide__group-content"> 2205 <div class="fila-sidebar-slide__group-content-list"> 2206 2207 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a> 2208 2209 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a> 2210 2211 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a> 2212 2213 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a> 2214 2215 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a> 2216 2217 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a> 2218 2219 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a> 2220 2221 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a> 2222 2223 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a> 2224 2225 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a> 2226 2227 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a> 2228 2229 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a> 2230 2231 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a> 2232 2233 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a> 2234 2235 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a> 2236 2237 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a> 2238 2239 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a> 2240 2241 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a> 2242 2243 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a> 2244 2245 <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a> 2246 2247 </div> 2248 </div> 2249 </div> 2250 </div> 2251 </div> 2252 2253 2254 2255 <div class="fila-sidebar-slide__promotions" data-menu-name="Kids"> 2256 </div> 2257 </div> 2258 2259 2260 2261 2262 2263 <div class="fila-sidebar-slide" data-sidebar-slide-id="Mid Season Sale"> 2264 <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close"> 2265 <i class="material-icons icon icon-sm " > 2266 chevron_left 2267</i> 2268 2269 2270 2271
2272 <span>Back</span> 2273 </button> 2274 2275 <a href="/collections/mid-season-sale" class="fila-sidebar-slide__group-title"> 2276 <span>All Mid Season Sale</span> 2277 <span><i class="material-icons icon icon-lg " > 2278 arrow_right_alt 2279</i> 2280 2281 2282</span> 2283 </a> 2284 2285 <hr class="hr" /> 2286 2287 2288 2289 2290 <!-- Apparel and Footwear dropdowns for non-Shoes categories --> 2291 <div class="fila-sidebar-slide__group"> 2292 <button class="fila-sidebar-slide__group-title"> 2293 <span>Shop by Size</span> 2294 <span><i class="material-icons icon icon-lg " > 2295 expand_more 2296</i> 2297 2298 2299</span> 2300 </button> 2301 2302 <div class="fila-sidebar-slide__group-content"> 2303 <hr class="hr" /> 2304 2305 <!-- Apparel Dropdown --> 2306 <div class="fila-sidebar-slide__group"> 2307 <button class="fila-sidebar-slide__group-title-shop-by-size"> 2308 <span>Apparel</span> 2309 <span><i class="material-icons icon icon-lg " > 2310 expand_more 2311</i> 2312 2313 2314</span> 2315 </button> 2316 2317 <div class="fila-sidebar-slide__group-content"> 2318 <div class="fila-sidebar-slide__group-content-list"> 2319 2320 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=6&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a> 2321 2322 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=8&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a> 2323 2324 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=10&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a> 2325 2326 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=12&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a> 2327 2328 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=14&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">14</a> 2329 2330 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=16&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">16</a> 2331 2332 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=18&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">18</a> 2333 2334 <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=20&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">20</a> 2335 2336 </div> 2337 </div> 2338 </div> 2339 2340 <!-- Footwear Dropdown --> 2341 <div class="fila-sidebar-slide__group"> 2342 <button class="fila-sidebar-slide__group-title-shop-by-size"> 2343 <span>Footwear</span> 2344 <span><i class="material-icons icon icon-lg " > 2345 expand_more 2346</i> 2347 2348 2349</span> 2350 </button> 2351 2352 <div class="fila-sidebar-slide__group-content"> 2353 <div class="fila-sidebar-slide__group-content-list"> 2354 2355 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a> 2356 2357 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a> 2358 2359 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a> 2360 2361 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a> 2362 2363 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a> 2364 2365 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a> 2366 2367 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a> 2368 2369 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a> 2370 2371 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a> 2372 2373 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a> 2374 2375 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a> 2376 2377 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a> 2378 2379 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a> 2380 2381 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a> 2382 2383 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a> 2384 2385 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a> 2386 2387 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a> 2388 2389 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a> 2390 2391 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a> 2392 2393 <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a> 2394 2395 </div> 2396 </div> 2397 </div> 2398 </div> 2399 </div> 2400 2401 2402 2403 <div class="fila-sidebar-slide__promotions" data-menu-name="Mid Season Sale"> 2404 </div> 2405 </div> 2406 2407 2408</div> 2409 2410 2411
2412<script> 2413"use strict"; 2414 2415$(function () { 2416 var selectors = { 2417 openButton: ".btn-sidebar-open", 2418 closeButton: ".btn-sidebar-close", 2419 backdrop: ".fila-sidebar__backdrop", 2420 sidebar: ".fila-sidebar", 2421 sidebarContent: ".fila-sidebar__content", 2422 slide: ".fila-sidebar-slide", 2423 slideOpenButton: ".btn-sidebar-slide-open", 2424 slideCloseButton: ".btn-sidebar-slide-close", 2425 slideGroupHeader: "button.fila-sidebar-slide__group-title, button.fila-sidebar-slide__group-title-shop-by-size", 2426 slideGroupContent: ".fila-sidebar-slide__group-content", 2427 wrapper: ".header-wrapper", 2428 header: ".header" 2429 }; 2430 var classes = { 2431 sidebarOpenBody: "sidebar-open", 2432 sidebarSlideOpen: "fila-sidebar-slide--open" 2433 }; 2434 var wrapper = document.querySelector(selectors.wrapper); 2435 var $header = $(selectors.header); 2436 2437 //Update header position based on wrapper state 2438 function updateHeaderPosition() { 2439 var stickyHeader = wrapper.classList.contains("header-wrapper--awake"); 2440 $header.css("top", stickyHeader ? "42px" : "32px"); 2441 } 2442 2443 //Initial check 2444 updateHeaderPosition(); 2445 2446 //Listen for scroll events to update position 2447 $(window).on("scroll", function () { 2448 updateHeaderPosition(); 2449 }); 2450 $(selectors.openButton).on("click", function () { 2451 openSidebar(); 2452 }); 2453 $(selectors.closeButton).on("click", function () { 2454 closeSidebar(); 2455 }); 2456 $(selectors.backdrop).on("click", function () { 2457 closeSidebar(); 2458 }); 2459 $(selectors.slideOpenButton).on("click", function (event) { 2460 event.preventDefault(); 2461 var id = event.currentTarget.dataset.sidebarSlideId; 2462 var slide = document.querySelector(selectors.slide + '[data-sidebar-slide-id="' + id + '"]');
2463 $(slide).addClass(classes.sidebarSlideOpen); 2464 theme.a11y.lockScrolling(slide); 2465 return false; 2466 }); 2467 $(selectors.slideCloseButton).on("click", function (event) { 2468 var slide = $(event.currentTarget).closest(selectors.slide); 2469 slide.removeClass(classes.sidebarSlideOpen); 2470 document.body.classList.remove(classes.sidebarSlideOpenBody); 2471 theme.a11y.unlockScrolling(slide[0]); 2472 }); 2473 $(selectors.slideGroupHeader).on("click", function (event) { 2474 $(event.currentTarget).next(selectors.slideGroupContent).slideToggle(200); 2475 $(event.currentTarget).toggleClass("active"); 2476 2477 /* Once the dropdown is finished, scroll what was just clicked into view. */ 2478 setTimeout(function () { 2479 event.currentTarget.scrollIntoView({ 2480 block: "start", 2481 behavior: "smooth" 2482 }); 2483 }, 200); 2484 }); 2485 function openSidebar() { 2486 document.body.classList.add(classes.sidebarOpenBody); 2487 var $sidebarContent = $(selectors.sidebarContent); 2488 var stickyHeader = wrapper.classList.contains("header-wrapper--awake"); 2489 if (window.innerWidth < 1024) { 2490 $header.css({ 2491 position: "fixed", 2492 top: stickyHeader ? "-62px" : "32px", 2493 width: "100%", 2494 "background-color": "var(--colorWhite)", 2495 "box-shadow": stickyHeader ? "0 10px 12px 0 rgba(0 0 0 / 5%)" : "none" 2496 }); 2497 } 2498 $sidebarContent.css("top", window.innerWidth < 1024 ? "66px" : "72px"); 2499 theme.a11y.lockScrolling($sidebarContent); 2500 } 2501 function closeSidebar() { 2502 document.body.classList.remove(classes.sidebarOpenBody); 2503 $(selectors.slide).removeClass(classes.sidebarSlideOpen); 2504 var stickyHeader = wrapper.classList.contains("header-wrapper--awake"); 2505 if (window.innerWidth < 1024) { 2506 $header.css({ 2507 position: "absolute", 2508 top: stickyHeader ? "-20px" : "32px", 2509 width: "auto", 2510 "background-color": "", 2511 "box-shadow": "none" 2512 }); 2513 } 2514 var sidebarContent = document.querySelector(selectors.sidebarContent); 2515 theme.a11y.unlockScrolling(sidebarContent); 2516 } 2517 window.openSidebar = openSidebar; 2518 window.closeSidebar = closeSidebar; 2519}); 2520</script>
2520<div id="shopify-section-header" class="shopify-section"> 2521 2522<style> 2523.header-wrapper { 2524 position: absolute; 2525 top: 0; 2526 left: 0; 2527 right: 0; 2528 z-index: var(--zIndexHeaderWrapper); 2529} 2530.header-wrapper--awake .header { 2531 transform: translateY(100%) translate3d(0, 0, 0); 2532} 2533 2534.header__spacer { 2535 height: calc(var(--headerHeight) + var(--announcementBarHeight) + var(--announcementBarHeight) - 48px); 2536} 2537 2538body.sidebar-open .header { 2539 background-color: var(--colorWhite) !important; 2540} 2541body.sidebar-open .header__menu-button { 2542 display: none; 2543} 2544body.sidebar-open .header__sidebar-close-button { 2545 display: flex; 2546} 2547 2548button:focus { 2549 outline: none; 2550} 2551 2552.header__backdrop { 2553 display: none; 2554 position: fixed; 2555 z-index: var(--zIndexHeaderBackdrop); 2556 top: 0; 2557 left: 0; 2558 bottom: 0; 2559 right: 0; 2560 background-color: var(--colorModalBackdrop); 2561} 2562 2563html.megamenu-active .header { 2564 background-color: var(--colorWhite) !important; 2565} 2566html.megamenu-active .header__backdrop { 2567 display: block; 2568} 2569 2570html.layout-alternate .header { 2571 --colorHeaderBackgroun
2571d: var(--colorBackgroundGray); 2572 --colorHeaderSearch: var(--colorWhite); 2573} 2574 2575.header { 2576 --colorHeaderBackground: var(--colorWhite); 2577 --colorHeaderSearch: var(--colorBackgroundGray); 2578 display: flex; 2579 height: var(--headerHeight); 2580 background-color: var(--colorHeaderBackground); 2581 z-index: var(--zIndexHeader); 2582 position: absolute; 2583 left: 0; 2584 right: 0; 2585 transition: 200ms ease box-shadow, 100ms ease-in transform; 2586} 2587@media (max-width: 1024px) { 2588 .header { 2589 top: 32px; 2590 } 2591} 2592@media (min-width: 1024px) { 2593 .header { 2594 top: 45px !important; 2595 } 2596} 2597@media (min-width: 1024px) { 2598 .header:not(.flex) { 2599 display: block; 2600 /* If caption is shown add margin to move header down */ 2601 } 2602 .header:not(.flex) div.header-sub-caption { 2603 margin-bottom: 10px; 2604 } 2605} 2606.header--fixed { 2607 position: fixed !important; 2608 top: 0 !important; 2609} 2610.header .header-sub-caption { 2611 display: none; 2612 background-color: #ebebeb; 2613 padding: 10px 0; 2614 gap: 0.5rem; 2615 text-align: center; 2616 justify-content: center; 2617 font-size: 14px; 2618} 2619.header .header-sub-caption a { 2620 opacity: 0.75; 2621} 2622.header .header-sub-caption .cta { 2623 font-weight: bold; 2624 margin-left: 3px; 2625} 2626@media (min-width: 1024px) { 2627 .header .header-sub-caption { 2628 display: flex; 2629 } 2630} 2631.header--floating { 2632 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 2633} 2634.header__inner { 2635 display: flex; 2636 align-items: center; 2637 width: 100%; 2638 background-color: var(--colorHeader); 2639} 2640.header__logo { 2641 border-top: 5px solid transparent; 2642 border-bottom: 5px solid transparent; 2643 transition: 100ms ease border-bottom-color; 2644 position: relative; 2645 flex-shrink: 0; 2646} 2647@media (min-width: 1025px) { 2648 .header__logo { 2649 padding: 12px 8px; 2650 margin: 0 32px 0 -8px; 2651 } 2652} 2653@media (max-width: 1024px) { 2654 .header__logo { 2655 position: absolute; 2656 top: 50%; 2657 left: 50%; 2658 transform: translate(-50%, -50%); 2659 } 2660} 2661.header__logo:hover::after { 2662 transform: scaleX(1) translate3d(0, 0, 0); 2663} 2664.header__logo::after { 2665 content: ""; 2666 position: absolute; 2667 top: 100%; 2668 left: 0; 2669 height: 2px; 2670 width: 100%; 2671 background-color: var(--colorRed); 2672 transition: 200ms ease transform; 2673 transform: scaleX(0) translate3d(0, 0, 0); 2674} 2675@media (max-width: 1024px) { 2676 .header__logo::after { 2677 margin-top: 8px; 2678 } 2679} 2680.header__logo img { 2681 height: 32px; 2682} 2683@media (max-width: 1024px) { 2684 .header__logo img { 2685 height: 30px; 2686 } 2687} 2688.header__sidebar-close-button { 2689 display: none; 2690} 2691.header__menu-button, .header__sidebar-close-button { 2692 padding: 8px; 2693 margin: -8px; 2694 line-height: 1; 2695} 2696.header__menu-button-wrapper, .header__sidebar-close-button-wrapper { 2697 flex: 1; 2698 display: flex; 2699 align-items: center; 2700 gap: 8px; 2701} 2702@media (min-width: 1025px) { 2703 .header__menu-button-wrapper, .header__sidebar-close-button-wrapper { 2704 display: none; 2705 } 2706} 2707.header__nav { 2708 justify-content: space-around; 2709 margin-top: 3px; 2710 flex-grow: 1; 2711} 2712@media (max-width: 1024px) { 2713 .header__nav { 2714 display: none; 2715 } 2716} 2717.header__nav-spacer { 2718 width: 25%; 2719} 2720@media (max-width: 1200px) { 2721 .header__nav-spacer { 2722 width: 15%; 2723 } 2724} 2725.header__nav-item.active .header__megamenu { 2726 visibility: visible; 2727 opacity: 1; 2728 animation: slightSlideDown 200ms; 2729} 2730.header__nav-item.active .header__megamenu-column { 2731 animation: fadeIn 250ms; 2732 animation-fill-mode: forwards; 2733} 2734.header__nav-item.active .header__megamenu-column:nth-of-type(1) { 2735 animation-delay: 100ms; 2736} 2737.header__nav-item.active .header__megamenu-column:nth-of-type(2) { 2738 animation-delay: 150ms; 2739} 2740.header__nav-item.active .header__megamenu-column:nth-of-type(3) { 2741 animation-delay: 200ms; 2742} 2743.header__nav-item.active .header__megamenu-column:nth-of-type(4) { 2744 animation-delay: 250ms; 2745} 2746.header__nav-item.active .header__megamenu-column:nth-of-type(5) { 2747 animation-delay: 300ms; 2748} 2749.header__nav-item.active .header__nav-item-link span::after { 2750 transform: scaleX(1) translate3d(0, 0, 0); 2751} 2752.header__nav-item::after { 2753 content: ""; 2754 position: absolute; 2755 bottom: -20px; 2756 left: 20px; 2757 right: 20px; 2758 width: 100%; 2759 height: 20px; 2760 background: transparent; 2761} 2762.header__nav-item-link { 2763 text-decoration: none; 2764 color: var(--colorNavy); 2765 font-weight: bold; 2766 font-size: 19px; 2767 font-family: var(--fontSecondary); 2768 padding: 5px 0; 2769 transition: 100ms ease color; 2770 white-space: nowrap; 2771 position: relative; 2772} 2773@media (max-width: 1200px) { 2774 .header__nav-item-link { 2775 font-size: 18px; 2776 } 2777} 2778.header__nav-item-link--red { 2779 color: var(--colorRed); 2780} 2781@media (max-width: 1024px) { 2782 .header__links .icon-button { 2783 height: 32px; 2784 width: 32px; 2785 margin-left: 8px; 2786 } 2787 .header__links .icon-button .icon { 2788 font-size: 26px; 2789 } 2790} 2791.header__wishlist { 2792 position: relative; 2793} 2794.header__search--mobile { 2795 display: none; 2796 margin: -8px; 2797} 2798@media (max-width: 1024px) { 2799 .header__search--mobile { 2800 display: flex; 2801 } 2802 .header__search--mobile .icon { 2803 font-size: 28px; 2804 } 2805} 2806.header__search--desktop { 2807 border: 1px solid var(--colorLightBlue300); 2808 background-color: var(--colorHeaderSearch); 2809 padding: 4px 20px 6px; 2810 height: 48px; 2811 width: 200px; 2812 display: flex; 2813 align-items: center; 2814 border-radius: 24px; 2815 position: relative; 2816 margin-right: 8px; 2817 color: var(--colorBlackAlpha600); 2818 cursor: text; 2819 transition: 200ms ease background-color, 200ms ease border-color; 2820} 2821@media (max-width: 1024px) { 2822 .header__search--desktop { 2823 display: none; 2824 } 2825} 2826.header__search--desktop:hover { 2827 border-color: var(--colorRed); 2828} 2829.header__search--desktop:focus { 2830 outline: none; 2831 border-color: var(--colorRed); 2832} 2833.header__search--desktop .icon { 2834 position: absolute; 2835 right: 12px; 2836 top: calc(50% - 1px); 2837 transform: translateY(-50%); 2838 font-size: 32px; 2839} 2840 2841.header__megamenu { 2842 visibility: hidden; 2843 position: absolute; 2844 left: 0; 2845 right: 0; 2846 top: calc(100% - 1px); 2847 z-index: var(--zIndexHeaderMegamenu); 2848 background-color: var(--colorWhite); 2849 padding: 0px 0 80px; 2850 box-shadow: 0 10px 20px -10px var(--colorBlackAlpha150); 2851 opacity: 0; 2852 transition: visibility 0s, opacity 0.15s ease-in-out; 2853} 2854.header__megamenu-wrapper { 2855 display: flex; 2856} 2857.header__megamenu-column { 2858 flex: 1 0 20%; 2859 display: flex; 2860 flex-direction: column; 2861 padding: 16px 40px 40px; 2862 overflow: hidden; 2863 opacity: 0; 2864} 2865.header__megamenu-column:not(:last-child) { 2866 border-right: 1px solid var(--colorLighterGray); 2867} 2868.header__megamenu-column:first-child { 2869 padding-left: 0; 2870} 2871.header__megamenu-column:last-child { 2872 padding-right: 0; 2873} 2874.header__megamenu-column-title { 2875 margin-bottom: 16px; 2876} 2877.header__megamenu-column-title a { 2878 font-size: 18px; 2879 font-weight: bold; 2880 font-family: var(--fontSecondary); 2881 color: var(--colorNavy); 2882} 2883.header__megamenu-column-title a:hover { 2884 text-decoration: underline; 2885} 2886.header__megamenu-link { 2887 padding: 8px 0; 2888 color: var(--colorBlackAlpha700); 2889 font-size: 14px; 2890} 2891.header__megamenu-link:hover { 2892 text-decoration: underline; 2893} 2894.header__megamenu-promotion { 2895 display: flex; 2896 flex-direction: column; 2897} 2898.header__megamenu-promotion-image { 2899 width: 100%; 2900 height: 192px; 2901 object-fit: cover; 2902 margin-bottom: 16px; 2903} 2904.header__megamenu-promotion-heading { 2905 font-size: 18px; 2906 font-weight: bold; 2907 font-family: var(--fontSecondary); 2908 margin-bottom: 8px; 2909 color: var(--colorNavy); 2910} 2911.header__megamenu-promotion-action { 2912 font-size: 14px; 2913} 2914 2915.shopping-bag-button { 2916 position: relative; 2917} 2918 2919.header__wishlist-count, 2920.shopping-bag-count { 2921 background: var(--colorRed); 2922 color: white; 2923 border-radius: 50%; 2924 width: 22px; 2925 height: 22px; 2926 position: absolute; 2927 bottom: 0px; 2928 right: 0px; 2929 font-size: 12px; 2930 display: flex; 2931 align-items: center; 2932 justify-content: center; 2933 opacity: 0; 2934 font-weight: bold; 2935 font-family: var(--fontSecondary); 2936} 2937@media (max-width: 1024px) { 2938 .header__wishlist-count, 2939 .shopping-bag-count { 2940 height: 16px; 2941 width: 16px; 2942 font-size: 10px; 2943 } 2944} 2945.header__wishlist-count.visible, 2946.shopping-bag-count.visible { 2947 opacity: 1; 2948} 2949 2950@keyframes slightSlideDown { 2951 from { 2952 transform: translateY(-10%) translate3d(0, 0, 0); 2953 } 2954 to { 2955 transform: translateY(0) translate3d(0, 0, 0); 2956 } 2957} 2958@keyframes fadeIn { 2959 to { 2960 opacity: 1; 2961 } 2962} 2963.header__sizes {
2964 background: var(--colorBackgroundGray); 2965 border: 1px solid var(--colorLighterGray); 2966 padding: 8px 16px 2px; 2967 margin-bottom: 24px; 2968 display: flex; 2969 flex-direction: row; 2970} 2971.header__sizes-list-item--bubble { 2972 color: var(--colorNavy); 2973 border: 2px solid var(--colorLightGray); 2974 text-decoration: none; 2975 font-weight: bold; 2976 font-family: var(--fontSecondary); 2977 padding: 12px; 2978 font-size: 16px; 2979 margin-right: 6px; 2980 margin-bottom: 6px; 2981 min-width: 40px; 2982 height: 40px; 2983 border-radius: 32px; 2984 transition: 200ms ease border; 2985 cursor: pointer; 2986 line-height: 1; 2987 display: flex; 2988 align-items: center; 2989 justify-content: center; 2990 background: white; 2991} 2992.header__sizes-list-item--bubble:hover { 2993 border-color: var(--colorNavy); 2994} 2995.header__sizes-list-item--link { 2996 color: var(--colorNavy); 2997 text-decoration: none; 2998 font-weight: bold; 2999 font-family: var(--fontSecondary); 3000 padding: 8px 16px; 3001 font-size: 16px; 3002 margin-right: 8px; 3003 margin-bottom: 6px; 3004 cursor: pointer; 3005 position: relative; 3006} 3007.header__sizes-list-item--link:after { 3008 content: ""; 3009 position: absolute; 3010 bottom: 4px; 3011 left: 16px; 3012 right: 16px; 3013 height: 2px; 3014 background: var(--colorRed); 3015 transform: scaleX(0); 3016 transform-origin: center; 3017 transition: transform 200ms ease; 3018} 3019.header__sizes-list-item--link:hover:after { 3020 transform: scaleX(1); 3021} 3022.header__sizes-heading { 3023 font-weight: bold; 3024 font-family: var(--fontSecondary); 3025 color: var(--colorNavy); 3026 height: 40px; 3027 margin-right: 12px; 3028 font-size: 15px; 3029 display: flex; 3030 align-items: center; 3031 flex-shrink: 0; 3032} 3033.header__sizes-list { 3034 display: flex; 3035 flex-wrap: wrap; 3036 align-items: center; 3037} 3038.header__sizes-list-divider { 3039 margin-left: 4px; 3040 margin-bottom: 6px; 3041 height: 32px; 3042 width: 2px; 3043 background: var(--colorLightGray); 3044} 3045 3046.header .slick-dots { 3047 text-align: left; 3048 margin: 0 -5px; 3049 bottom: -32px; 3050} 3051</style> 3052 3053<div class="header__spacer"></div> 3054<div class="header__backdrop"></div> 3055 3056 3057<style> 3058.search-popout { 3059 background: var(--colorWhite); 3060 position: absolute; 3061 top: var(--announcementBarHeight); 3062 width: 100%; 3063 left: 0; 3064 right: 0; 3065 z-index: var(--zIndexSearchPopout); 3066 transform: translateY(-100%); 3067 -webkit-transform: translateY(-100%); 3068 will-change: transform; 3069 -webkit-backface-visibility: hidden; 3070 backface-visibility: hidden; 3071 padding: 24px; 3072 transition: 300ms ease transform; 3073 -webkit-transition: 300ms ease -webkit-transform; 3074 overflow-y: auto; 3075 overflow-x: hidden; 3076 -webkit-overflow-scrolling: touch; 3077 max-height: calc(100vh - var(--announcementBarHeight)); 3078 max-height: calc(100dvh - var(--announcementBarHeight)); 3079 /* Fallback for older iOS */ 3080 /* iPhone specific fixes */ 3081} 3082@media (max-width: 767px) { 3083 .search-popout { 3084 max-height: calc(95vh - var(--announcementBarHeight)); 3085 max-height: calc(95dvh - var(--announcementBarHeight)); 3086 } 3087} 3088@supports not (height: 100dvh) { 3089 .search-popout { 3090 max-height: calc(100vh - var(--announcementBarHeight)); 3091 } 3092} 3093@supports (-webkit-touch-callout: none) { 3094 .search-popout { 3095 position: fixed; 3096 top: 0; 3097 transform: translateY(-100vh); 3098 -webkit-transform: translateY(-100vh); 3099 } 3100 .search-popout.open { 3101 transform: translateY(0); 3102 -webkit-transform: translateY(0); 3103 } 3104} 3105.search-popout__view-all { 3106 padding: 4px 16px; 3107 min-height: 48px; 3108 max-width: 350px; 3109 margin: 24px auto 0; 3110 display: flex; 3111 align-items: center; 3112 justify-content: center; 3113 background-color: var(--colorWhite); 3114 border: 2px solid var(--colorNavy); 3115 width: 100%; 3116 color: var(--colorNavy); 3117 border-radius: 24px; 3118 transition: 300ms ease background-color; 3119} 3120.search-popout__view-all:hover { 3121 background-color: var(--colorLighterGray); 3122} 3123.search-popout__view-all .icon { 3124 margin-left: 4px; 3125} 3126@media (max-width: 767px) { 3127 .search-popout__view-all { 3128 display: none !important; 3129 } 3130} 3131.search-popout__view-all-text { 3132 display: none; 3133 color: var(--colorNavy); 3134 font-size: 14px; 3135 font-weight: 500; 3136 text-decoration: underline; 3137 cursor: pointer; 3138 white-space: nowrap; 3139 flex-shrink: 0; 3140} 3141@media (max-width: 767px) { 3142 .search-popout__view-all-text { 3143 display: block; 3144 } 3145} 3146@media (max-width: 1024px) { 3147 .search-popout { 3148 top: 40px; 3149 } 3150} 3151@media (max-width: 767px) { 3152 .search-popout { 3153 top: 16px; 3154 padding: 24px 0; 3155 } 3156} 3157.search-popout.open { 3158 transform: translateY(0%); 3159 -webkit-transform: translateY(0%); 3160 box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); 3161} 3162.search-popout .search-popout-content { 3163 display: flex; 3164 align-items: center; 3165 position: relative; 3166} 3167.search-popout .search-popout-content .icon { 3168 color: var(--colorNavy); 3169} 3170.search-popout .search-popout-content .icon-button-close { 3171 display: flex; 3172 align-items: center; 3173 justify-content: center; 3174 border-radius: 50%; 3175 height: 48px; 3176 transition: 200ms ease background-color, 200ms ease box-shadow; 3177 cursor: pointer; 3178 flex-shrink: 0; 3179} 3180.search-popout .search-popout-content-loading { 3181 position: absolute; 3182 right: 64px; 3183 top: 50%; 3184 transform: translateY(-50%); 3185 background: var(--colorWhiteAlpha950); 3186} 3187@media (max-width: 767px) { 3188 .search-popout .search-popout-content-loading { 3189 right: 48px; 3190 } 3191} 3192.search-popout .search-popout-content-loading .loading-spinner { 3193 opacity: 0; 3194 display: flex; 3195 justify-content: center; 3196 align-items: center; 3197 width: 32px; 3198 height: 32px; 3199 transition: 100ms ease opacity; 3200} 3201.search-popout .search-popout-content-loading .loading-spinner > div { 3202 width: 24px; 3203 height: 24px; 3204 margin: 0; 3205 border-width: 2px; 3206} 3207.search-popout input { 3208 display: block; 3209 flex-grow: 1; 3210 padding: 16px 0; 3211 padding-right: 80px; 3212 background: transparent; 3213 border-bottom: 2px solid var(--colorLightGray); 3214 outline: 0; 3215 font-size: 18px; 3216 margin-left: 12px; 3217 margin-right: 12px; 3218 /* iOS Safari fixes */ 3219 -webkit-appearance: none; 3220 appearance: none; 3221 border-radius: 0; 3222 border-top: none; 3223 border-left: none;
3224 border-right: none; 3225} 3226@media (max-width: 767px) { 3227 .search-popout input { 3228 font-size: 16px; 3229 padding: 8px 0; 3230 padding-right: 60px; 3231 border-bottom-width: 1px; 3232 } 3233} 3234.search-popout .search-clear-button { 3235 position: absolute; 3236 right: 32px; 3237 top: 50%; 3238 transform: translateY(-50%); 3239 background: none; 3240 border: none; 3241 color: var(--colorNavy); 3242 font-size: 14px; 3243 font-weight: 500; 3244 cursor: pointer; 3245 padding: 8px 12px; 3246 transition: color 200ms ease; 3247} 3248.search-popout .search-clear-button:hover { 3249 color: var(--colorRed); 3250} 3251@media (max-width: 767px) { 3252 .search-popout .search-clear-button { 3253 font-size: 13px; 3254 padding: 6px 10px; 3255 right: 32px; 3256 } 3257} 3258 3259.search-popout-product-template, 3260.search-popout-collection-template, 3261.search-popout-redirect-template { 3262 display: none; 3263} 3264 3265.search-trending, 3266.search-recent { 3267 display: none; 3268 align-items: center; 3269 overflow-x: auto; 3270 color: var(--colorNavy); 3271 margin-top: 24px; 3272 margin-left: 32px; 3273} 3274@media (max-width: 767px) { 3275 .search-trending, 3276 .search-recent { 3277 margin-top: 16px; 3278 margin-left: 40px; 3279 flex-direction: column; 3280 align-items: flex-start; 3281 overflow-x: visible; 3282 } 3283 .search-trending p, 3284 .search-recent p { 3285 display: block; 3286 font-size: 18px; 3287 font-weight: 500; 3288 margin-bottom: 6px; 3289 color: var(--colorNavy); 3290 } 3291} 3292.search-trending__tag, 3293.search-recent__tag { 3294 padding: 4px 16px; 3295 min-height: 48px; 3296 display: flex; 3297 align-items: center; 3298 justify-content: center; 3299 border: 1px solid var(--colorLightBlue300); 3300 background: var(--colorBackgroundGray); 3301 border-radius: 24px; 3302 margin-left: 16px; 3303 position: relative; 3304 flex-shrink: 0; 3305} 3306.search-trending__tag:focus, 3307.search-recent__tag:focus { 3308 outline: none; 3309} 3310@media (max-width: 767px) { 3311 .search-trending__tag, 3312 .search-recent__tag { 3313 padding: 0; 3314 min-height: auto; 3315 font-size: 16px; 3316 font-weight: 400; 3317 margin-left: 0; 3318 margin-bottom: 6px; 3319 border: none; 3320 background: transparent; 3321 border-radius: 0; 3322 justify-content: flex-start; 3323 color: var(--colorNavy); 3324 cursor: pointer; 3325 transition: color 200ms ease; 3326 } 3327 .search-trending__tag:hover, 3328 .search-recent__tag:hover { 3329 color: var(--colorRed); 3330 } 3331 .search-trending__tag:last-child, 3332 .search-recent__tag:last-child { 3333 margin-bottom: 0; 3334 } 3335} 3336.search-trending__tag::before, 3337.search-recent__tag::before { 3338 content: ""; 3339 position: absolute; 3340 top: -1px; 3341 left: -1px; 3342 right: -1px; 3343 bottom: -1px; 3344 border-radius: 24px; 3345 border: 2px solid transparent; 3346 transition: 200ms ease border; 3347} 3348@media (max-width: 767px) { 3349 .search-trending__tag::before, 3350 .search-recent__tag::before { 3351 display: none; 3352 } 3353} 3354.search-trending__tag:hover::before, 3355.search-recent__tag:hover::before { 3356 border-color: var(--colorRed); 3357} 3358@media (max-width: 767px) { 3359 .search-trending__tag:hover::before, 3360 .search-recent__tag:hover::before { 3361 display: none; 3362 } 3363} 3364 3365.search-results { 3366 margin-top: 40px; 3367 display: none; 3368 grid-template-columns: 4fr 1fr; 3369 gap: 20px; 3370 padding-bottom: 40px; 3371} 3372@media (max-width: 1024px) { 3373 .search-results { 3374 grid-template-columns: 2fr 1fr; 3375 } 3376} 3377@media (max-width: 767px) { 3378 .search-results { 3379 grid-template-columns: 1fr; 3380 padding: 0 8px 64px; 3381 margin-top: 16px; 3382 } 3383} 3384.search-results h2 { 3385 margin-bottom: 24px; 3386 font-size: 18px; 3387 color: var(--colorBlackAlpha700); 3388} 3389 3390.search-results-products-header-wrapper { 3391 display: flex; 3392 justify-content: space-between; 3393 align-items: baseline; 3394 margin-bottom: 24px; 3395 width: 88%; 3396} 3397.search-results-products-header-wrapper h2 { 3398 margin-bottom: 0; 3399 flex: 1; 3400} 3401 3402.search-results-collections { 3403 color: var(--colorNavy); 3404} 3405.search-results-collections .search-result-collection { 3406 text-decoration: underline; 3407 font-weight: bold; 3408 font-family: var(--fontSecondary); 3409 margin-bottom: 10px; 3410 display: flex; 3411 align-items: center; 3412} 3413.search-results-collections .search-result-collection svg { 3414 margin-left: 5px; 3415} 3416 3417.search-results-products { 3418 display: grid; 3419 grid-template-columns: 1fr 1fr 1fr 1fr; 3420 gap: 24px; 3421} 3422@media (max-width: 1024px) { 3423 .search-results-products { 3424 grid-template-columns: 1fr 1fr; 3425 } 3426} 3427@media (max-width: 767px) { 3428 .search-results-products { 3429 display: flex; 3430 overflow-x: scroll !important; 3431 overflow-y: hidden; 3432 gap: 16px; 3433 width: 100vw; 3434 max-width: 100vw; 3435 height: auto; 3436 -webkit-overflow-scrolling: touch; 3437 scroll-behavior: smooth; 3438 } 3439 .search-results-products a { 3440 width: 50vw; 3441 min-width: 50vw; 3442 max-width: 50vw; 3443 flex-shrink: 0; 3444 flex-grow: 0; 3445 display: block; 3446 } 3447} 3448.search-results-products.no-results { 3449 grid-template-columns: 1fr; 3450} 3451.search-results-products .search-result-product { 3452 color: var(--colorNavy); 3453 margin-bottom: 16px; 3454} 3455.search-results-products .search-result-product .image-wrapper { 3456 margin-bottom: 16px; 3457 padding-top: 125%; 3458 position: relative; 3459 background-color: var(--colorLightGray); 3460 background-size: cover; 3461 background-position: center; 3462 animation: search-image-loading 2s linear infinite; 3463} 3464.search-results-products .search-result-product .product-title { 3465 font-size: 16px; 3466 margin-bottom: 8px; 3467} 3468.search-results-products .search-result-product .product-price { 3469 font-weight: bold; 3470 font-family: var(--fontSecondary); 3471} 3472.search-results-products .search-result-product img { 3473 display: none; 3474} 3475 3476@keyframes search-image-loading { 3477 0% { 3478 background-color: var(--colorLightGray); 3479 } 3480 50% { 3481 background-color: var(--colorLightBlue); 3482 } 3483 100% { 3484 background-color: var(--colorLightGray); 3485 } 3486} 3487</style> 3488 3489 3490<div class="search-popout"> 3491 <div class="page-width"> 3492 <div class="search-popout-content"><i class="material-icons icon icon-lg " > 3493 search 3494</i> 3495 3496 3497 3498 3499 <input type="text" placeholder="Search.." enterkeyhint="go"> 3500 3501 <div class="search-popout-content-loading"> 3502<style> 3503.alert { 3504 padding: 12px 16px 12px 8px; 3505 border: 1px solid; 3506 font-weight: bold; 3507 font-family: var(--fontSecondary); 3508 text-align: left; 3509 width: 100%; 3510 border-radius: 2px; 3511 position: relative; 3512} 3513.alert a { 3514 text-decoration: underline; 3515} 3516.alert--success { 3517 background-color: #e3fae4; 3518 border-color: #b8ddb9; 3519 color: #2b882e; 3520} 3521.alert--error { 3522 background-color: #f8d7da; 3523 border-color: #f5c6cb; 3524 color: #721c24; 3525} 3526.alert--info { 3527 background-color: #e9f1ff; 3528 border-color: #baccee; 3529 color: #0b3587; 3530} 3531.alert--warning { 3532 background-color: #fbf4d0; 3533 border-color: #d8c97d; 3534 color: #665519; 3535} 3536.alert__caption { 3537 opacity: 0.7; 3538 font-size: 10px; 3539 margin-bottom: 4px; 3540 text-transform: uppercase; 3541 display: block; 3542 line-height: 1.2; 3543} 3544.alert__text { 3545 font-size: 14px; 3546 line-height: 1.4; 3547} 3548.alert__dismiss { 3549 position: absolute; 3550 right: 4px; 3551 top: 4px; 3552 opacity: 0.5; 3553 cursor: pointer; 3554 transition: 100ms ease opacity; 3555 line-height: 1; 3556} 3557.alert__dismiss:hover { 3558 opacity: 1; 3559} 3560</style> 3561 3562 3563 3564 3565<div class="loading-spinner lds-ring"> 3566 <div 3567 style=" 3568 border: 4px solid #0b203f; 3569 border-color: #0b203f transparent transparent transparent; 3570 "></div> 3571 <div 3572 style=" 3573 border: 4px solid #0b203f; 3574 border-color: #0b203f transparent transparent transparent; 3575 "></div> 3576 <div 3577 style=" 3578 border: 4px solid #0b203f; 3579 border-color: #0b203f transparent transparent transparent; 3580 "></div> 3581 <div 3582 style=" 3583 border: 4px solid #0b203f; 3584 border-color: #0b203f transparent transparent transparent; 3585 "></div> 3586</div> 3587 3588 3589 </div> 3590 3591 <button class="search-clear-button" onclick="clearSearchQuery()"> 3592 Clear 3593 </button> 3594 3595 <button class="icon-button-close" onclick="closeSearchPopout()"><i class="material-icons icon icon-lg " > 3596 close 3597</i> 3598 3599 3600 3601 </button> 3602 </div> 3603 3604 <div class="search-trending"> 3605 <p>Trending:</p> 3606 3607 </div> 3608 3609 <div class="search-recent"> 3610 <p>Recent:</p> 3611 3612 </div> 3613 3614 <div class="search-results"> 3615 <div> 3616 <div class="search-results-products-header-wrapper"> 3617 <h2 class="search-results-products-header">Products</h2> 3618 <a href="#" class="search-popout__view-all-text">View All Results</a> 3619 </div> 3620 3621 <div class="search-results-products"></div> 3622 3623 <a href="#" class="search-popout__view-all"> 3624 <i class="material-icons icon icon-md " > 3625 arrow_right_alt 3626</i> 3627 3628 3629 3630 3631 </a> 3632 </div> 3633 3634 <div> 3635 <h2>Collections</h2> 3636 3637 <div class="search-results-collections"></div> 3638 </div> 3639 </div> 3640 </div> 3641 3642 <div class="search-popout-product-template"> 3643 <a href="[[url]]"> 3644 <div class="search-result-product"> 3645 <img data-image-url onload="handleSearchProductImageLoad(this)"> 3646 <div class="image-wrapper"></div> 3647 <p class="product-title">[[title]]</p> 3648 <p class="product-price">$[[price]]</p> 3649 </div> 3650 </a> 3651 </div> 3652 <div class="search-popout-collection-template"> 3653 <a href="[[url]]"> 3654 <div class="search-result-collection">
3655 <span>[[title]]</span> 3656 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3657 <path d="M16.01 11H4V13H16.01V16L20 12L16.01 8V11Z" fill="#0B203F"/> 3658 </svg> 3659 </div> 3660 </a> 3661 </div> 3662 <div class="search-popout-redirect-template"> 3663 <a href="[[url]]"> 3664 <div class="search-result-collection"> 3665 <span>[[title]]</span> 3666 </div> 3667 </a> 3668 </div> 3669</div> 3670 3671
3672<script> 3673"use strict"; 3674 3675var tagalysDisableLegacyScript = true; // This will disable the default script included via Shopify app Script Tags, thereby preventing conflicts with the new code. 3676 3677// Ensures links go to correct TLD eg. .com.au or .co.nz 3678function localiseUrl(link) { 3679 // If the link is already an absolute URL, use it as is 3680 try { 3681 var url = new URL(link); 3682 return window.location.origin + url.pathname; 3683 } catch (e) { 3684 // If link is a relative path, construct the URL manually 3685 return window.location.origin + link; 3686 } 3687} 3688 3689// Process search results whether they come from Tagalys or Shopify 3690function processSearchResults(response) { 3691 var productTemplate = document.querySelector(".search-popout-product-template").innerHTML; 3692 var collectionTemplate = document.querySelector(".search-popout-collection-template").innerHTML; 3693 var redirectTemplate = document.querySelector(".search-popout-redirect-template").innerHTML; 3694 var products = response.products; 3695 var queries = response.queries.length > 0 ? response.queries[0].items : []; 3696 var productsHTML = []; 3697 var queriesHTML = []; 3698 document.querySelector(".search-results-products-header").innerText = "Products"; 3699 if (document.querySelector(".search-trending")) { 3700 document.querySelector(".search-trending").style.display = "none"; 3701 } 3702 if (document.querySelector(".search-recent")) { 3703 document.querySelector(".search-recent").style.display = "none"; 3704 } 3705 document.querySelector(".search-results").style.display = "grid"; 3706 document.querySelector(".search-results-products").innerHTML = ""; 3707 products.forEach(function (product) { 3708 productsHTML.push(productTemplate.replace("[[title]]", product.title).replace("data-image-url", 'src="' + product.featured_image.src + '"').replace("[[price]]", product.price).replace("[[url]]", localiseUrl("/products/" + product.handle))); 3709 }); 3710 queries.forEach(function (query) { 3711 queriesHTML.push(redirectTemplate.replace("[[title]]", query.displayString).replace("[[url]]", localiseUrl(query.link))); 3712 }); 3713 if (products.length === 0 && queries.length > 0) { 3714 document.querySelector(".search-results-products-header").innerText = "Pages"; 3715 document.querySelector(".search-results-products").innerHTML = queriesHTML.join(""); 3716 document.querySelector(".search-popout__view-all").innerText = "Go to ".concat(queries[0].displayString); 3717 document.querySelector(".search-popout__view-all").href = localiseUrl(queries[0].link); 3718 document.querySelector(".search-popout__view-all-text").innerText = "Go to ".concat(queries[0].displayString); 3719 document.querySelector(".search-popout__view-all-text").href = localiseUrl(queries[0].link); 3720 } else if (products.length === 0) { 3721 showRecentPopularSearches(); 3722 document.querySelector(".search-results-products").innerHTML = "No matching products"; 3723 document.querySelector(".search-results-products").classList.add("no-results"); 3724 document.querySelector(".search-popout__view-all").style.display = "none"; 3725 } else { 3726 productsHTML = productsHTML.join(""); 3727 document.querySelector(".search-results-products").classList.remove("no-results"); 3728 document.querySelector(".search-results-products").innerHTML = productsHTML; 3729 } 3730 document.querySelector(".search-results-collections").innerHTML = ""; 3731 var collections = response.queries.find(function (q) { 3732 return q.section_id === "collections"; 3733 }) && response.queries.find(function (q) { 3734 return q.section_id === "collections"; 3735 }).items || []; 3736 var collectionsHTML = []; 3737 for (var i = 0; i < collections.length; i++) { 3738 collectionsHTML.push(collectionTemplate.replace("[[title]]", collections[i].displayString.split("|").slice(-1)[0]).replace("[[url]]", localiseUrl(collections[i].link))); 3739 } 3740 if (collections.length == 0) { 3741 document.querySelector(".search-results-collections").innerHTML = "No matching collections"; 3742 document.querySelector(".search-results-collections").classList.add("no-results"); 3743 } else { 3744 collectionsHTML = collectionsHTML.join(""); 3745 document.querySelector(".search-results-collections").classList.remove("no-results"); 3746 document.querySelector(".search-results-collections").innerHTML = collectionsHTML; 3747 } 3748 document.querySelector(".search-popout-content .loading-spinner").style.opacity = 0; 3749} 3750function initializeTagalys() { 3751 // Step 1: Set basic configuration 3752 Tagalys.setConfiguration({ 3753 api: { 3754 serverUrl: "https://api-r3.tagalys.com", 3755 credentials: { 3756 clientCode: "83F7BD306FAB6C8E", 3757 // FIXME: Shouldn't be hardcoded 3758 apiKey: "431ad6453b9da48946389ad28dc949a6" 3759 }, 3760 storeId: "55053648108" 3761 }, 3762 locale: "en-AU", 3763 currency: { 3764 code: "AUD", 3765 fractionalDigits: 2 3766 }, 3767 analyticsStorageConsentProvided: function analyticsStorageConsentProvided() { 3768 // FIXME: This probably shouldn't be hardcoded 3769 // return true/false based on user's consent settings 3770 return true; 3771 }, 3772 track: true 3773 }); 3774 3775 // Step 2: Set platform configuration (must be done before initialising any widgets) 3776 Tagalys.setPlatformConfiguration({ 3777 platform: "Shopify", 3778 countryCode: "AU", 3779 baseCountryCode: "AU", 3780 useStorefrontAPIForSecondaryMarkets: true, 3781 waitForStorefrontAPI: true, 3782 storefrontAPI: { 3783 // FIXME: Don't hardcode 3784 accessToken: "42586a5ab14bd2ee1e3d3e9a4b96f551", 3785 myShopifyDomain: "fila-australia-production.myshopify.com" 3786 } 3787 }); 3788 3789 // Step 3: Initialise search widgets after both configurations are set 3790 var searchSuggestionOptions = { 3791 params: { 3792 request: { 3793 collections: { 3794 limit: 10 3795 }, 3796 products: { 3797 limit: 10 3798 } 3799 } 3800 }, 3801 onSuccess: function onSuccess(response, helpers) { 3802 processSearchResults(response); 3803 }, 3804 onFailure: function onFailure(response, helpers) { 3805 // Called after a failed API call 3806 console.error("Search API call failed:", response); 3807 document.querySelector(".search-popout-content .loading-spinner").style.opacity = 0; 3808 } 3809 }; 3810 3811 // If NZ, use Shopify search results (provided via Tagalys API for c
3811onsistency) 3812 if (window.location.hostname.endsWith("fila.co.nz")) { 3813 // Leaving this here in case Tagalys improves it, but at the moment we don't use tagalys at all for NZ 3814 // window.searchSuggestions = Tagalys.APIConnector.ShopifySearchSuggestions.new(searchSuggestionOptions); 3815 } else { 3816 // If Australia, or default markets use Tagalys search suggestions 3817 // include pages in params (including pages in ShopifySearchSuggestions causes a failure) 3818 searchSuggestionOptions.params.request.pages = { 3819 limit: 10 3820 }; 3821 window.searchSuggestions = Tagalys.APIConnector.SearchSuggestions["new"](searchSuggestionOptions); 3822 3823 // Step 4: Once all configurations are set and widgets initialised, load trending searches as per tagalys 3824 window.searchSuggestions.helpers.getRecentAndPopularSearches(5, 10).then(function (response) { 3825 populateTrendingAndRecentSearches(response); 3826 })["catch"](function (error) { 3827 console.error("Error fetching recent and popular searches:", error); 3828 }); 3829 } 3830} 3831function onTagalysReady(callback) { 3832 if (window.Tagalys) { 3833 initializeTagalys(); 3834 callback(); 3835 } else { 3836 window.addEventListener("DOMContentLoaded", function () { 3837 initializeTagalys(); 3838 callback(); 3839 }); 3840 } 3841} 3842onTagalysReady(function () { 3843 Tagalys.Analytics.trackPlatformEvents(); 3844}); 3845function openSearchPopout() { 3846 var searchPopout = document.querySelector(".search-popout"); 3847 3848 // Force trending container to display flex if it has children; this is a workaround where trending wasn't showing on initial click of search bar 3849 if (document.querySelector(".search-trending")) { 3850 var trendingContainer = document.querySelector(".search-trending"); 3851 if (trendingContainer.childElementCount > 1) { 3852 trendingContainer.style.display = "flex"; 3853 } 3854 } 3855 searchPopout.classList.add("open"); 3856 document.querySelector(".darken").classList.add("show"); 3857 theme.a11y.lockScrolling(searchPopout); 3858 3859 // https://stackoverflow.com/a/55652503 3860 // create invisible dummy input to receive the focus first 3861 var fakeInput = document.createElement("input"); 3862 fakeInput.setAttribute("type", "text"); 3863 fakeInput.style.position = "absolute"; 3864 fakeInput.style.opacity = 0; 3865 fakeInput.style.height = 0; 3866 fakeInput.style.fontSize = "16px"; // disable auto zoom 3867 3868 // you may need to append to another element depending on the browser's auto zoom/scroll behavior 3869 document.body.prepend(fakeInput); 3870 3871 // focus so that subsequent async focus will work 3872 fakeInput.focus(); 3873 3874 /* Delay so the input isn't focused before the animation finishes */ 3875 setTimeout(function () { 3876 // now we can focus on the target input 3877 document.querySelector(".search-popout input").focus(); 3878 3879 // cleanup 3880 fakeInput.remove(); 3881 }, 300); 3882} 3883function populateTrendingAndRecentSearches(response) { 3884 // Remove shopify's default trending searches 3885 document.querySelectorAll(".search-trending__tag").forEach(function (element) { 3886 element.remove(); 3887 }); 3888 var recentSearches = []; 3889 var popularSearches = []; 3890 3891 /* Add popular searches (trending) from Tagalys */ 3892 if (response.popularSearches && response.popularSearches.length > 0) { 3893 // Limit trending searches to 5 3894 var limitedPopularSearches = response.popularSearches.slice(0, 5); 3895 limitedPopularSearches.forEach(function (search) { 3896 var searchTag = document.createElement("div"); 3897 searchTag.classList.add("search-trending__tag"); 3898 // Capitalize the first letter of the display string 3899 search.displayString = search.displayString.charAt(0).toUpperCase() + search.displayString.slice(1); 3900 searchTag.innerHTML = search.displayString; 3901 popularSearches.push(searchTag); 3902 }); 3903 } 3904 3905 // Add recent searches from Tagalys 3906 if (response.recentSearches && response.recentSearches.length > 0) { 3907 response.recentSearches.forEach(function (search) { 3908 var searchTag = document.createElement("div"); 3909 searchTag.classList.add("search-trending__tag"); 3910 // Capitalize the first letter of the display string 3911 search.displayString = search.displayString.charAt(0).toUpperCase() + search.displayString.slice(1); 3912 searchTag.innerHTML = search.displayString; 3913 recentSearches.push(searchTag); 3914 }); 3915 } 3916 3917 // Check if containers exist before appending 3918 var trendingContainer = document.querySelector(".search-trending"); 3919 var recentContainer = document.querySelector(".search-recent"); 3920 3921 // Hide or show the trending container based on if there are trending searches 3922 if (trendingContainer) { 3923 if (popularSearches.length === 0) { 3924 trendingContainer.style.display = "none"; 3925 } else { 3926 trendingContainer.style.display = "flex"; 3927 trendingContainer.append.apply(trendingContainer, popularSearches); 3928 } 3929 } 3930 3931 // Hide or show the recent container based on if there are recent searches 3932 if (recentContainer) { 3933 if (recentSearches.length === 0) { 3934 recentContainer.style.display = "none"; 3935 } else { 3936 recentContainer.style.display = "flex"; 3937 recentContainer.append.apply(recentContainer, recentSearches); 3938 } 3939 } 3940} 3941function closeSearchPopout() { 3942 var searchPopout = document.querySelector(".search-popout"); 3943 searchPopout.classList.remove("open"); 3944 document.querySelector(".darken").classList.remove("show"); 3945 theme.a11y.unlockScrolling(searchPopout); 3946 3947 /* Reset the search UI after the close animation finishes */ 3948 setTimeout(function () { 3949 document.querySelector(".search-popout input").value = ""; 3950 showRecentPopularSearches(); 3951 document.querySelector(".search-results").style.display = "none"; 3952 }, 300); 3953} 3954function handleSearchProductImageLoad(node) { 3955 node.parentNode.querySelector(".image-wrapper").style.backgroundImage = 'url("' + node.getAttribute("src") + '")'; 3956} 3957function showRecentPopularSearches() { 3958 var trendingContainer = document.querySelector(".search-trending"); 3959 var recentContainer = document.querySelector(".search-recent"); 3960 if (trendingContainer) { 3961 if (trendingContainer.childElementCount > 1) { 3962 trendingContainer.style.display = "flex"; 3963 } 3964 } 3965 if (recentContainer) { 3966 if (recentContainer.childElementCount > 1) { 3967 recentContainer.style.display = "flex"; 3968 } 3969 } 3970} 3971$(function () { 3972 var selectors = { 3973 trendingTag: ".search-trending__tag" 3974 }; 3975 $(".search-popout").on("click", selectors.trendingTag, handleClickTrendingTag); 3976 function handleClickTrendingTag(event) { 3977 var text = event.currentTarget.innerHTML.trim(); 3978 document.querySelector(".search-popout input").value = text; 3979 searchQuery(text); 3980 } 3981 var productTemplate = document.querySelector(".search-popout-product-template").innerHTML; 3982 var collectionTemplate = document.querySelector(".search-popout-collection-template").innerHTML; 3983 function defaultShopifySearch(text) { 3984 document.querySelector(".search-popout-content .loading-spinner").style.opacity = 1; 3985 document.querySelector(".search-results-products").innerHTML = "Loading...";
3986 fetch("/search/suggest.json?q=" + text + "&resources[type]=product&resources[limit]=4", { 3987 method: "GET", 3988 headers: { 3989 "Content-Type": "application/json" 3990 } 3991 }).then(function (response) { 3992 return response.json(); 3993 }).then(function (data) { 3994 if (document.querySelector(".search-trending")) { 3995 document.querySelector(".search-trending").style.display = "none"; 3996 } 3997 document.querySelector(".search-results").style.display = "grid"; 3998 document.querySelector(".search-results-products").innerHTML = ""; 3999 var products = data.resources.results.products; 4000 var productsHTML = []; 4001 for (var i = 0; i < products.length; i++) { 4002 productsHTML.push(productTemplate.replace("[[title]]", products[i].title).replace("data-image-url", 'src="' + products[i].image.replace(".jpg", "_large.jpg") + '"').replace("[[price]]", products[i].price).replace("[[url]]", products[i].url)); 4003 } 4004 if (products.length == 0) { 4005 document.querySelector(".search-results-products").innerHTML = 'No products matching "' + text + '"'; 4006 document.querySelector(".search-results-products").classList.add("no-results"); 4007 document.querySelector(".search-popout__view-all").style.display = "none"; 4008 } else { 4009 productsHTML = productsHTML.join(""); 4010 document.querySelector(".search-results-products").classList.remove("no-results"); 4011 document.querySelector(".search-results-products").innerHTML = productsHTML; 4012 } 4013 })["catch"](function (error) { 4014 console.error("Error:", error); 4015 })["finally"](function () { 4016 document.querySelector(".search-popout-content .loading-spinner").style.opacity = 0; 4017 }); 4018 fetch("/search/suggest.json?q=" + text + "&resources[type]=collection&resources[limit]=4", { 4019 method: "GET", 4020 headers: { 4021 "Content-Type": "application/json" 4022 } 4023 }).then(function (response) { 4024 return response.json(); 4025 }).then(function (data) { 4026 document.querySelector(".search-results-collections").innerHTML = ""; 4027 var collections = data.resources.results.collections; 4028 var collectionsHTML = []; 4029 for (var i = 0; i < collections.length; i++) { 4030 collectionsHTML.push(collectionTemplate.replace("[[title]]", collections[i].title.split("|").slice(-1)[0]).replace("[[url]]", collections[i].url)); 4031 } 4032 if (collections.length == 0) { 4033 document.querySelector(".search-results-collections").innerHTML = 'No collections matching "' + text + '"'; 4034 document.querySelector(".search-results-collections").classList.add("no-results"); 4035 } else { 4036 collectionsHTML = collectionsHTML.join(""); 4037 document.querySelector(".search-results-collections").classList.remove("no-results"); 4038 document.querySelector(".search-results-collections").innerHTML = collectionsHTML; 4039 } 4040 })["catch"](function (error) { 4041 console.error("Error:", error); 4042 }); 4043 } 4044 function searchQuery(text) { 4045 // If in NZ, use default shopify search 4046 if (!window.IS_NZ_DISABLED && window.location.hostname.endsWith("fila.co.nz")) { 4047 defaultShopifySearch(text); 4048 document.querySelector(".search-popout__view-all").innerText = "View all results for \"".concat(text, "\""); 4049 document.querySelector(".search-popout__view-all").href = "/search?q=" + encodeURIComponent(text) + "&type=product"; 4050 document.querySelector(".search-popout__view-all-text").innerText = "View All Results"; 4051 document.querySelector(".search-popout__view-all-text").href = "/search?q=" + encodeURIComponent(text) + "&type=product"; 4052 } else { 4053 window.searchSuggestions.helpers.updateQuery(text); 4054 document.querySelector(".search-popout__view-all").style.display = "flex"; 4055 document.querySelector(".search-popout__view-all").innerText = "View all results for \"".concat(text, "\""); 4056 document.querySelector(".search-popout__view-all").href = "/search?q=" + encodeURIComponent(text) + "&type=product"; 4057 document.querySelector(".search-popout__view-all-text").innerText = "View All Results"; 4058 document.querySelector(".search-popout__view-all-text").href = "/search?q=" + encodeURIComponent(text) + "&type=product"; 4059 if (text.length === 0) { 4060 if (document.querySelector(".search-trending")) { 4061 document.querySelector(".search-trending").style.display = "flex"; 4062 } 4063 document.querySelector(".search-results").style.display = "none"; 4064 return; 4065 } 4066 } 4067 } 4068 function debounce(func, wait, immediate) { 4069 var timeout; 4070 return function () { 4071 var context = this, 4072 args = arguments; 4073 var later = function later() { 4074 timeout = null;
4075 if (!immediate) func.apply(context, args); 4076 }; 4077 var callNow = immediate && !timeout; 4078 clearTimeout(timeout); 4079 timeout = setTimeout(later, wait); 4080 if (callNow) func.apply(context, args); 4081 }; 4082 } 4083 var debounceSearchQuery = debounce(searchQuery, 300); 4084 document.querySelector(".search-popout-content input").addEventListener("keydown", function (event) { 4085 if (event.key === "Enter" || event.keyCode === 13) { 4086 event.preventDefault(); 4087 4088 // different mobile vs desktop behaviour 4089 if (window.innerWidth > 768) { 4090 // desktop - push to all search results 4091 var searchQuery = event.target.value.trim(); 4092 if (searchQuery) { 4093 var searchUrl = "/search?q=" + encodeURIComponent(searchQuery) + "&type=product"; 4094 window.location.href = searchUrl; 4095 } 4096 closeSearchPopout(); 4097 } else { 4098 // mobile - close keyboard 4099 event.target.blur(); 4100 } 4101 } 4102 }); 4103 document.querySelector(".search-popout-content input").addEventListener("keyup", function (event) { 4104 document.querySelector(".search-results-products").innerHTML = "Loading..."; 4105 debounceSearchQuery(event.target.value.trim()); 4106 }); 4107}); 4108function clearSearchQuery() { 4109 var searchInput = document.querySelector(".search-popout-content input"); 4110 searchInput.value = ""; 4111 searchInput.focus(); 4112 // Show recent/popular searches and hide results 4113 showRecentPopularSearches(); 4114 document.querySelector(".search-results").style.display = "none"; 4115} 4116</script>
4116 4117 4118 4119<style> 4120.announcement-banner { 4121 position: absolute; 4122 top: 0; 4123 left: 0; 4124 right: 0; 4125 overflow: hidden; 4126 background-color: var(--colorNavy); 4127 color: var(--colorWhite); 4128 height: var(--announcementBarHeight); 4129 display: flex; 4130 z-index: var(--zIndexAnnouncementBar); 4131 align-items: center; 4132 justify-content: center; 4133} 4134.announcement-banner__text { 4135 display: block; 4136 font-size: 14px; 4137 transition: opacity 0.75s ease; 4138 text-align: center; 4139} 4140@media (max-width: 1024px) { 4141 .announcement-banner__text { 4142 font-size: 12px; 4143 } 4144} 4145@media (max-width: 767px) { 4146 .announcement-banner__text { 4147 font-size: 10px; 4148 } 4149} 4150.announcement-banner__left { 4151 color: var(--colorWhiteAlpha500); 4152 position: absolute; 4153 top: 50%; 4154 left: 8px; 4155 transform: translateY(-50%); 4156 display: flex; 4157 gap: 0.5rem; 4158 align-items: center; 4159} 4160.announcement-banner__right { 4161 display: flex; 4162 align-items: center; 4163 color: var(--colorWhite); 4164 position: absolute; 4165 top: 50%; 4166 right: 16px; 4167 transform: translateY(-50%); 4168} 4169@media (max-width: 1024px) { 4170 .announcement-banner__right { 4171 display: none; 4172 } 4173} 4174.announcement-banner__right a { 4175 padding: 4px 8px; 4176 margin: 0 4px; 4177 display: block; 4178 font-size: 14px; 4179} 4180@media (max-width: 767px) { 4181 .announcement-banner__hashtag { 4182 display: none; 4183 } 4184} 4185@media (max-width: 1024px) { 4186 .announcement-banner__hashtag { 4187 font-size: 14px; 4188 } 4189} 4190.announcement-banner__theme-name { 4191 font-size: 14px; 4192} 4193@media (max-width: 767px) { 4194 .announcement-banner__theme-name--desktop { 4195 display: none; 4196 } 4197} 4198.announcement-banner__theme-name--mobile { 4199 display: none; 4200} 4201@media (max-width: 767px) { 4202 .announcement-banner__theme-name--mobile { 4203 display: inline; 4204 } 4205} 4206.announcement-banner__rotating-header { 4207 display: none; 4208 margin-left: 16px; 4209 color: var(--colorWhite); 4210 font-size: 14px; 4211} 4212.announcement-banner__rotating-header .rotating-text-item { 4213 margin-top: -1.5px; 4214 display: none; 4215} 4216@media (max-width: 1024px) { 4217 .announcement-banner__rotating-header { 4218 top: 20px; 4219 } 4220} 4221@media (min-width: 1024px) { 4222 .announcement-banner__rotating-header { 4223 display: block; 4224 } 4225} 4226.announcement-banner__rotating-header--icon { 4227 margin-right: 5px; 4228} 4229.announcement-banner__rotating-header--bold { 4230 font-weight: bold; 4231 margin-right: 2px; 4232} 4233 4234p.announcement-banner__text.mobile-only { 4235 display: none; 4236} 4237@media (max-width: 1024px) { 4238 p.announcement-banner__text.mobile-only { 4239 display: block !important; 4240 } 4241} 4242@media (max-width: 767px) { 4243 p.announcement-banner__text.mobile-only { 4244 display: block !important; 4245 } 4246} 4247</style> 4248 4249 4250<div class="announcement-banner"> 4251 <div class="page-width"> 4252 <div class="announcement-banner__left"> 4253 <div class="announcement-banner__rotating-header"> 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 4272 4273 4274 <div class="rotating-text-item"> 4275 4276 <span class="announcement-banner__rotating-header--bold">FREE AUS SHIPPING</span> 4277 <span>on orders over $130</span> 4278 </div> 4279 4280 4281 4282 <div class="rotating-text-item"> 4283 4284 <span class="announcement-banner__rotating-header--bold">FAST METRO DELIVERY</span> 4285 <span>within 3-5 business days</span> 4286 </div> 4287 4288 4289 4290 <div class="rotating-text-item"> 4291 4292 <span class="announcement-banner__rotating-header--bold">CLICK & COLLECT</span> 4293 <span>available in 15+ locations</span> 4294 </div> 4295 4296 4297 4298 <div class="rotating-text-item"> 4299 4300 <span class="announcement-banner__rotating-header--bold">10% OFF YOUR FIRST ORDER</span> 4301 <span>with FILA Rewards*</span> 4302 </div> 4303 4304 4305 </div> 4306 4307 4308 4309 4310 4311 <p class="announcement-banner__hashtag"> 4312 4313 </p> 4314 4315 4316 </div> 4317 4318 <p class="announcement-banner__text mobile-only"> 4319 4320 <a href="/collections/mid-season-sale">MID SEASON SALE ON NOW! Shop 50% Off New Arrivals*</a> 4321 4322 </p> 4323 4324 <div class="announcement-banner__right"> 4325 <a href="/pages/rewards" class="link-hover-underline"><span>Join Rewards</span></a> 4326 <a href="/pages/store-finder" class="link-hover-underline"><span>Store Finder</span></a> 4327 <a href="/pages/contact" class="link-hover-underline"><span>Contact Us</span></a> 4328 </div> 4329 </div> 4330</div> 4331 4332
4333<script> 4334"use strict"; 4335 4336; 4337(function () { 4338 // length to fade in / out 4339 var FADE_LENGTH = 300; 4340 // length to display the next on the screen before fading out again 4341 var DISPLAY_LENGTH = 2800; 4342 4343 // get all items that we will rotate for display 4344 var rotatingTextItems = $('.rotating-text-item'); 4345 4346 // index to keep track of currently displayed item 4347 var index = -1; 4348 function showNextTextBlock() { 4349 // increment our index 4350 ++index; 4351 4352 // get the text item that matches this index 4353 rotatingTextItems.eq(index % rotatingTextItems.length).fadeIn(FADE_LENGTH) // fade in the text item 4354 .delay(DISPLAY_LENGTH) // wait for a time period before proceeding 4355 .fadeOut(FADE_LENGTH, showNextTextBlock); // fade out the item and call the method again to get to the next item 4356 } 4357 4358 // start running the function 4359 showNextTextBlock(); 4360})(); 4361</script>
4361 4362 4363 4364<div class="header-wrapper"> 4365 <div class="header flex stick" style="flex-direction:column; justify-content: center;"> 4366 4367 <a href="/collections/mid-season-sale"> 4368 <div class="header-sub-caption"> 4369 MID SEASON SALE ON NOW! 4370 <span class="cta">Shop 50% Off New Arrivals*</span> 4371 </div> 4372 </a> 4373 4374 4375 <div class="header-sticky"> 4376 <div class="page-width flex" style="flex-grow:1"> 4377 <div class="header__inner"> 4378 <div class="header__menu-button-wrapper"> 4379 <button type="button" class="header__menu-button btn-sidebar-open"><i class="material-icons icon icon-md " > 4380 menu 4381</i> 4382 4383 4384 4385 </button> 4386 4387 <button type="button" class="header__sidebar-close-button btn-sidebar-close"><i class="material-icons icon icon-md " > 4388 close 4389</i> 4390 4391 4392 4393 </button> 4394 4395 <div class="header__search--mobile icon-button" onclick="openSearchPopout()"><i class="material-icons icon icon-lg " > 4396 search 4397</i> 4398 4399 4400 4401 </div> 4402 </div> 4403 4404 <a 4405 href="/" 4406 class="header__logo" 4407 title="Go to homepage" 4408 > 4409 4410 <img 4411 src="//fila.com.au/cdn/shop/files/Original_Linear_FILA_Logo.png?v=1703199760" 4412 alt="FILA Australia" 4413 itemprop="logo" 4414 > 4415 4416 </a> 4417 <div class="flex flex-1 h-full"> 4418 <ul class="header__nav flex items-center h-full"> 4419 4420 4421 4422 4423 <li 4424 class="header__nav-item h-full flex items-center" 4425 4426 data-megamenu-name="Shoes" 4427 4428 > 4429 <a 4430 href="/collections/shoes" 4431 onmouseenter="window.pendingMouseEnterNavEvent = event" 4432 class="header__nav-item-link link-hover-underline " 4433 > 4434 <span>Shoes</span> 4435 </a> 4436 4437 <div class="header__megamenu"> 4438 <div class="page-width"> 4439 4440 <div class="header__sizes"> 4441 <div class="header__sizes-heading">Shop by Size:</div> 4442 4443 <div class="header__sizes-list"> 4444 4445 4446 <a 4447 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" 4448 class="header__sizes-list-item--bubble" 4449 > 4450 5 4451 </a> 4452 4453 <a 4454 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" 4455 class="header__sizes-list-item--bubble" 4456 > 4457 5.5 4458 </a> 4459 4460 <a 4461 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" 4462 class="header__sizes-list-item--bubble" 4463 > 4464 6 4465 </a> 4466 4467 <a 4468 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" 4469 class="header__sizes-list-item--bubble" 4470 > 4471 6.5 4472 </a> 4473 4474 <a 4475 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" 4476 class="header__sizes-list-item--bubble" 4477 > 4478 7 4479 </a> 4480 4481 <a 4482 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" 4483 class="header__sizes-list-item--bubble" 4484 > 4485 7.5 4486 </a> 4487 4488 <a 4489 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" 4490 class="header__sizes-list-item--bubble" 4491 > 4492 8 4493 </a> 4494 4495 <a 4496 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" 4497 class="header__sizes-list-item--bubble" 4498 > 4499 8.5 4500 </a> 4501 4502 <a 4503 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" 4504 class="header__sizes-list-item--bubble" 4505 > 4506 9 4507 </a> 4508 4509 <a 4510 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" 4511 class="header__sizes-list-item--bubble" 4512 > 4513 9.5 4514 </a> 4515 4516 <a 4517 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" 4518 class="header__sizes-list-item--bubble" 4519 > 4520 10 4521 </a> 4522 4523 <a 4524 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" 4525 class="header__sizes-list-item--bubble" 4526 > 4527 10.5 4528 </a> 4529 4530 <a 4531 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" 4532 class="header__sizes-list-item--bubble" 4533 > 4534 11 4535 </a> 4536 4537 <a 4538 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" 4539 class="header__sizes-list-item--bubble" 4540 > 4541 11.5 4542 </a> 4543 4544 <a 4545 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" 4546 class="header__sizes-list-item--bubble" 4547 > 4548 12 4549 </a> 4550 4551 <a 4552 href="/collections/shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" 4553 class="header__sizes-list-item--bubble" 4554 > 4555 13 4556 </a> 4557 4558 4559 </div> 4560 </div> 4561 4562 </div> 4563 4564 <div class="header__megamenu-wrapper page-width"> 4565 <div class="header__megamenu-column"> 4566 <div class="header__megamenu-slider"> 4567 4568 <div class="header__megamenu-promotion"> 4569 <a href="/collections/mid-season-sale-footwear"> 4570 <img 4571 class="header__megamenu-promotion-image" 4572 src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_
4572Shoes_large.webp?v=1789692370" 4573 > 4574 </a> 4575 4576 <a 4577 href="/collections/mid-season-sale-footwear" 4578 class="header__megamenu-promotion-heading" 4579 > 4580 Mid Season Sale 4581 </a> 4582 4583 <a 4584 href="/collections/mid-season-sale-footwear" 4585 class="header__megamenu-promotion-action link-with-right-icon" 4586 > 4587 <span>Shop Now</span> 4588 <i class="material-icons icon icon-md " > 4589 arrow_right_alt 4590</i> 4591 4592 4593 4594 4595 </a> 4596 </div> 4597 4598 <div class="header__megamenu-promotion"> 4599 <a href="/collections/shoes-50-under"> 4600 <img 4601 class="header__megamenu-promotion-image" 4602 src="//fila.com.au/cdn/shop/files/250610_Fila_Lifestyle126989_large.jpg?v=1788143360" 4603 > 4604 </a> 4605 4606 <a 4607 href="/collections/shoes-50-under" 4608 class="header__megamenu-promotion-heading" 4609 > 4610 Footwear Under $50 4611 </a> 4612 4613 <a 4614 href="/collections/shoes-50-under" 4615 class="header__megamenu-promotion-action link-with-right-icon" 4616 > 4617 <span>Shop Now</span> 4618 <i class="material-icons icon icon-md " > 4619 arrow_right_alt 4620</i> 4621 4622 4623 4624 4625 </a> 4626 </div> 4627 4628 <div class="header__megamenu-promotion"> 4629 <a href="/collections/disruptor-ii"> 4630 <img 4631 class="header__megamenu-promotion-image" 4632 src="//fila.com.au/cdn/shop/files/240628_Fila_Lifestyle_01010-2_large.png?v=1788150334" 4633 > 4634 </a> 4635 4636 <a 4637 href="/collections/disruptor-ii" 4638 class="header__megamenu-promotion-heading" 4639 > 4640 Disruptor II 4641 </a> 4642 4643 <a 4644 href="/collections/disruptor-ii" 4645 class="header__megamenu-promotion-action link-with-right-icon" 4646 > 4647 <span>Shop Now</span> 4648 <i class="material-icons icon icon-md " > 4649 arrow_right_alt 4650</i> 4651 4652 4653 4654 4655 </a> 4656 </div></div> 4657 </div><div class="header__megamenu-column"> 4658 <div class="header__megamenu-column-title"> 4659 <a href="/collections/shoes"> 4660 Styles 4661 </a> 4662 </div><a href="/collections/shoes-styles-new-arrivals" class="header__megamenu-link"> 4663 New Arrivals 4664 </a><a href="/collections/disruptor-ii" class="header__megamenu-link"> 4665 Disruptors 4666 </a><a href="/collections/shoes-workshift-shoes" class="header__megamenu-link"> 4667 Workshift 4668 </a><a href="/collections/shoes-slides" class="header__megamenu-link"> 4669 Slides 4670 </a><a href="/collections/shoes-styles-basketball" class="header__megamenu-link"> 4671 Basketball 4672 </a><a href="/collections/shoes-styles-tennis" class="header__megamenu-link"> 4673 Tennis 4674 </a><a href="/collections/shoes-black-shoes" class="header__megamenu-link"> 4675 Black 4676 </a><a href="/collections/white-shoes" class="header__megamenu-link"> 4677 White 4678 </a></div><div class="header__megamenu-column"> 4679 <div class="header__megamenu-column-title">
4680 <a href="/collections/shoes-mens-shoes"> 4681 Mens 4682 </a> 4683 </div><a href="https://fila.com.au/collections/mens-classic-footwear" class="header__megamenu-link"> 4684 Classics 4685 </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=mens-or-unisex&sort_by=manual" class="header__megamenu-link"> 4686 $50 & Under 4687 </a><a href="/collections/shoes-mens-sale" class="header__megamenu-link"> 4688 Outlet 4689 </a><a href="/collections/shoes-mens-work" class="header__megamenu-link"> 4690 Work 4691 </a><a href="/collections/shoes-mens-lifestyle" class="header__megamenu-link"> 4692 Lifestyle 4693 </a><a href="/collections/shoes-mens-running-1" class="header__megamenu-link"> 4694 Running 4695 </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="header__megamenu-link"> 4696 Slides & Slippers 4697 </a><a href="/collections/shoes-mens-sports" class="header__megamenu-link"> 4698 Sports 4699 </a></div><div class="header__megamenu-column"> 4700 <div class="header__megamenu-column-title"> 4701 <a href="/collections/shoes-womens-shoes"> 4702 Womens 4703 </a> 4704 </div><a href="https://fila.com.au/collections/womens-classic-footwear" class="header__megamenu-link"> 4705 Classics 4706 </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=womens-or-unisex&sort_by=manual" class="header__megamenu-link"> 4707 $50 & Under 4708 </a><a href="/collections/shoes-womens-sale" class="header__megamenu-link"> 4709 Outlet 4710 </a><a href="/collections/shoes-womens-work" class="header__megamenu-link"> 4711 Work 4712 </a><a href="/collections/shoes-womens-lifestyle" class="header__megamenu-link"> 4713 Lifestyle 4714 </a><a href="/collections/shoes-womens-running" class="header__megamenu-link"> 4715 Running 4716 </a><a href="/collections/shoes-womens-slides-slippers" class="header__megamenu-link"> 4717 Slides & Slippers 4718 </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="header__megamenu-link"> 4719 Sports 4720 </a></div><div class="header__megamenu-column"> 4721 <div class="header__megamenu-column-title"> 4722 <a href="/collections/shoes-kids-shoes"> 4723 Kids 4724 </a> 4725 </div><a href="https://fila.com.au/collections/kids-classic-footwear" class="header__megamenu-link"> 4726 Classics 4727 </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=kids&sort_by=manual" class="header__megamenu-link"> 4728 $50 & Under 4729 </a><a href="/collections/shoes-kids-sale" class="header__megamenu-link"> 4730 Outlet 4731 </a><a href="/collections/shoes-kids-school" class="header__megamenu-link"> 4732 School 4733 </a><a href="/collections/shoes-kids-sports" class="header__megamenu-link"> 4734 Sports 4735 </a><a href="/collections/shoes-kids-shoes-dial" class="header__megamenu-link"> 4736 Dial 4737 </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="header__megamenu-link"> 4738 Infant 4739 </a></div></div> 4740 </div></li> 4741 4742 4743 4744 <li 4745 class="header__nav-item h-full flex items-center" 4746 4747 data-megamenu-name="Mens" 4748 4749 > 4750 <a 4751 href="/collections/mens" 4752 onmouseenter="window.pendingMouseEnterNavEvent = event" 4753 class="header__nav-item-link link-hover-underline " 4754 >
4755 <span>Mens</span> 4756 </a> 4757 4758 <div class="header__megamenu"> 4759 <div class="page-width"> 4760 4761 <div class="header__sizes"> 4762 <div class="header__sizes-heading">Shop by Size:</div> 4763 4764 <div class="header__sizes-list"> 4765 4766 4767 4768 <a 4769 href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual" 4770 class="header__sizes-list-item--bubble" 4771 >XXS</a> 4772 4773 4774 4775 <a 4776 href="/collections/mens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual" 4777 class="header__sizes-list-item--bubble" 4778 >XS</a> 4779 4780 4781 4782 <a 4783 href="/collections/mens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual" 4784 class="header__sizes-list-item--bubble" 4785 >S</a> 4786 4787 4788 4789 <a 4790 href="/collections/mens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual" 4791 class="header__sizes-list-item--bubble" 4792 >M</a> 4793 4794 4795 4796 <a 4797 href="/collections/mens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual" 4798 class="header__sizes-list-item--bubble" 4799 >L</a> 4800 4801 4802 4803 <a 4804 href="/collections/mens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual" 4805 class="header__sizes-list-item--bubble" 4806 >XL</a> 4807 4808 4809 4810 <a 4811 href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual" 4812 class="header__sizes-list-item--bubble" 4813 >XXL</a> 4814 4815 4816 4817 <a 4818 href="/collections/mens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual" 4819 class="header__sizes-list-item--bubble" 4820 >3XL</a> 4821 4822 4823 4824 4825 <div class="header__sizes-list-divider"></div> 4826 4827 <a 4828 href="/collections/shoes-mens-shoes?filter.v.availability=1&sort_by=manual" 4829 class="header__sizes-list-item--link" 4830 >Shoes</a> 4831 4832 4833 4834 </div> 4835 </div> 4836 4837 </div> 4838 4839 <div class="header__megamenu-wrapper page-width"> 4840 <div class="header__megamenu-column"> 4841 <div class="header__megamenu-slider"> 4842 4843 <div class="header__megamenu-promotion"> 4844 <a href="/collections/mid-season-sale-mens"> 4845 <img 4846 class="header__megamenu-promotion-image" 4847 src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_Men_s_d17279c0-e3cd-4bd6-8f0d-b93a57dddd38_large.webp?v=1789692235" 4848 > 4849 </a> 4850 4851 <a 4852 href="/collections/mid-season-sale-mens" 4853 class="header__megamenu-promotion-heading" 4854 > 4855 Mid Season Sale 4856 </a> 4857 4858 <a 4859 href="/collections/mid-season-sale-mens" 4860 class="header__megamenu-promotion-action link-with-right-icon" 4861 >
4862 <span>Shop Now</span> 4863 <i class="material-icons icon icon-md " > 4864 arrow_right_alt 4865</i> 4866 4867 4868 4869 4870 </a> 4871 </div> 4872 4873 <div class="header__megamenu-promotion"> 4874 <a href="/collections/classics-2-0-mens"> 4875 <img 4876 class="header__megamenu-promotion-image" 4877 src="//fila.com.au/cdn/shop/files/Classics_Men_s_large.webp?v=1779326861" 4878 > 4879 </a> 4880 4881 <a 4882 href="/collections/classics-2-0-mens" 4883 class="header__megamenu-promotion-heading" 4884 > 4885 50% Off Classics 2.0 4886 </a> 4887 4888 <a 4889 href="/collections/classics-2-0-mens" 4890 class="header__megamenu-promotion-action link-with-right-icon" 4891 > 4892 <span>Shop Now</span> 4893 <i class="material-icons icon icon-md " > 4894 arrow_right_alt 4895</i> 4896 4897 4898 4899 4900 </a> 4901 </div> 4902 4903 <div class="header__megamenu-promotion"> 4904 <a href="/collections/shoes-50-under"> 4905 <img 4906 class="header__megamenu-promotion-image" 4907 src="//fila.com.au/cdn/shop/files/250610_Fila_Lifestyle126989_large.jpg?v=1788143360" 4908 > 4909 </a> 4910 4911 <a 4912 href="/collections/shoes-50-under" 4913 class="header__megamenu-promotion-heading" 4914 > 4915 Footwear Under $50 4916 </a> 4917 4918 <a 4919 href="/collections/shoes-50-under" 4920 class="header__megamenu-promotion-action link-with-right-icon" 4921 > 4922 <span>Shop Now</span> 4923 <i class="material-icons icon icon-md " > 4924 arrow_right_alt 4925</i> 4926 4927 4928 4929 4930 </a> 4931 </div></div> 4932 </div><div class="header__megamenu-column"> 4933 <div class="header__megamenu-column-title"> 4934 <a href="/collections/mens"> 4935 Featured 4936 </a> 4937 </div><a href="/collections/mens-mens-new-arrivals" class="header__megamenu-link"> 4938 New Arrivals 4939 </a><a href="/collections/mens-mens-best-sellers" class="header__megamenu-link"> 4940 Best Sellers 4941 </a><a href="/collections/mens-mens-classics" class="header__megamenu-link"> 4942 Classics 4943 </a><a href="/collections/outlet-mens" class="header__megamenu-link"> 4944 Outlet 4945 </a><a href="/collections/mens-international" class="header__megamenu-link"> 4946 International 4947 </a><a href="/collections/mens-matching-sets" class="header__megamenu-link"> 4948 Matching Sets 4949 </a></div><div class="header__megamenu-column"> 4950 <div class="header__megamenu-column-title"> 4951 <a href="/collections/mens-mens-apparel"> 4952 Apparel 4953 </a> 4954 </div><a href="/collections/mens-mens-apparel-mens-tops" class="header__megamenu-link"> 4955 Tops 4956 </a><a href="/collections/mens-mens-apparel-mens-shorts" class="header__megamenu-link"> 4957 Shorts 4958 </a><a href="/collections/mens-mens-apparel-mens-hoodies-crews" class="header__megamenu-link"> 4959 Hoodies & Crews 4960 </a><a href="/collections/mens-mens-apparel-mens-jackets-vests" class="header__megamenu-link"> 4961 Jackets & Vests 4962 </a><a href="/collections/mens-mens-apparel-mens-pants" class="header__megamenu-link"> 4963 Pants 4964 </a><a href="/collections/mens-mens-apparel-mens-sportswear" class="header__megamenu-link"> 4965 Sportswear 4966 </a></div><div class="header__megamenu-column"> 4967 <div class="header__megamenu-column-title">
4968 <a href="/collections/shoes-mens-shoes"> 4969 Footwear 4970 </a> 4971 </div><a href="/collections/shoes-mens-lifestyle" class="header__megamenu-link"> 4972 Lifestyle 4973 </a><a href="/collections/shoes-mens-sale" class="header__megamenu-link"> 4974 Outlet 4975 </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="header__megamenu-link"> 4976 Slides & Slippers 4977 </a><a href="/collections/shoes-mens-running-1" class="header__megamenu-link"> 4978 Running 4979 </a><a href="/collections/shoes-mens-sports" class="header__megamenu-link"> 4980 Sports 4981 </a><a href="/collections/shoes-mens-work" class="header__megamenu-link"> 4982 Work 4983 </a></div><div class="header__megamenu-column"> 4984 <div class="header__megamenu-column-title"> 4985 <a href="/collections/mens-mens-accessories"> 4986 Accessories 4987 </a> 4988 </div><a href="/collections/mens-mens-accessories-mens-hats-caps" class="header__megamenu-link"> 4989 Hats & Caps 4990 </a><a href="/collections/mens-mens-accessories-mens-bags-backpacks" class="header__megamenu-link"> 4991 Bags & Backpacks 4992 </a><a href="https://fila.com.au/collections/accessories-socks" class="header__megamenu-link"> 4993 Socks 4994 </a><a href="/collections/mens-mens-accessories-mens-towels" class="header__megamenu-link"> 4995 Towels 4996 </a></div></div> 4997 </div></li> 4998 4999 5000 5001 <li 5002 class="header__nav-item h-full flex items-center" 5003 5004 data-megamenu-name="Womens" 5005 5006 > 5007 <a 5008 href="/collections/womens" 5009 onmouseenter="window.pendingMouseEnterNavEvent = event" 5010 class="header__nav-item-link link-hover-underline " 5011 > 5012 <span>Womens</span> 5013 </a> 5014 5015 <div class="header__megamenu"> 5016 <div class="page-width"> 5017 5018 <div class="header__sizes"> 5019 <div class="header__sizes-heading">Shop by Size:</div> 5020 5021 <div class="header__sizes-list"> 5022 5023 5024 5025 <a 5026 href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual" 5027 class="header__sizes-list-item--bubble" 5028 >XXS</a> 5029 5030 5031 5032 <a 5033 href="/collections/womens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual" 5034 class="header__sizes-list-item--bubble" 5035 >XS</a> 5036 5037 5038 5039 <a 5040 href="/collections/womens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual" 5041 class="header__sizes-list-item--bubble" 5042 >S</a> 5043 5044 5045 5046 <a 5047 href="/collections/womens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual" 5048 class="header__sizes-list-item--bubble" 5049 >M</a> 5050 5051 5052 5053 <a 5054 href="/collections/womens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual" 5055 class="header__sizes-list-item--bubble" 5056 >L</a> 5057 5058 5059 5060 <a 5061 href="/collections/womens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual" 5062 class="header__sizes-list-item--bubble" 5063 >XL</a> 5064 5065 5066 5067 <a 5068 href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual" 5069 class="header__sizes-list-item--bubble" 5070 >XXL</a> 5071 5072 5073 5074 <a 5075 href="/collections/womens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual" 5076 class="header__sizes-list-item--bubble" 5077 >3XL</a> 5078 5079 5080 5081 5082 <div class="header__sizes-list-divider"></div> 5083 5084 <a 5085 href="/collections/shoes-womens-shoes?filter.v.availability=1&sort_by=manual" 5086 class="header__sizes-list-item--link" 5087 >Shoes</a> 5088 5089 5090 5091 </div> 5092 </div> 5093 5094 </div> 5095 5096 <div class="header__megamenu-wrapper page-width"> 5097 <div class="header__megamenu-column"> 5098 <div class="header__megamenu-slider"> 5099 5100 <div class="header__megamenu-promotion"> 5101 <a href="/collections/mid-season-sale-womens"> 5102 <img 5103 class="header__megamenu-promotion-image" 5104 src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_Women_s_1837d030-c327-428c-beed-a5464f71f8a2_large.webp?v=1789692306" 5105 > 5106 </a> 5107 5108 <a 5109 href="/collections/mid-season-sale-womens" 5110 class="header__megamenu-promotion-heading" 5111 > 5112 Mid Season Sale 5113 </a> 5114 5115 <a 5116 href="/collections/mid-season-sale-womens" 5117 class="header__megamenu-promotion-action link-with-right-icon" 5118 >
5119 <span>Shop Now</span> 5120 <i class="material-icons icon icon-md " > 5121 arrow_right_alt 5122</i> 5123 5124 5125 5126 5127 </a> 5128 </div> 5129 5130 <div class="header__megamenu-promotion"> 5131 <a href="/collections/classics-2-0-womens"> 5132 <img 5133 class="header__megamenu-promotion-image" 5134 src="//fila.com.au/cdn/shop/files/Classics_Women_s_large.webp?v=1779326882" 5135 > 5136 </a> 5137 5138 <a 5139 href="/collections/classics-2-0-womens" 5140 class="header__megamenu-promotion-heading" 5141 > 5142 50% Off Classics 2.0 5143 </a> 5144 5145 <a 5146 href="/collections/classics-2-0-womens" 5147 class="header__megamenu-promotion-action link-with-right-icon" 5148 > 5149 <span>Shop Now</span> 5150 <i class="material-icons icon icon-md " > 5151 arrow_right_alt 5152</i> 5153 5154 5155 5156 5157 </a> 5158 </div> 5159 5160 <div class="header__megamenu-promotion"> 5161 <a href="/collections/shoes-50-under"> 5162 <img 5163 class="header__megamenu-promotion-image" 5164 src="//fila.com.au/cdn/shop/files/250610_Fila_Lifestyle126989_large.jpg?v=1788143360" 5165 > 5166 </a> 5167 5168 <a 5169 href="/collections/shoes-50-under" 5170 class="header__megamenu-promotion-heading" 5171 > 5172 Footwear Under $50 5173 </a> 5174 5175 <a 5176 href="/collections/shoes-50-under" 5177 class="header__megamenu-promotion-action link-with-right-icon" 5178 > 5179 <span>Shop Now</span> 5180 <i class="material-icons icon icon-md " > 5181 arrow_right_alt 5182</i> 5183 5184 5185 5186 5187 </a> 5188 </div></div> 5189 </div><div class="header__megamenu-column"> 5190 <div class="header__megamenu-column-title"> 5191 <a href="/collections/womens"> 5192 Featured 5193 </a> 5194 </div><a href="/collections/womens-womens-new-arrivals" class="header__megamenu-link"> 5195 New Arrivals 5196 </a><a href="/collections/womens-womens-best-sellers" class="header__megamenu-link"> 5197 Best Sellers 5198 </a><a href="/collections/womens-womens-classics" class="header__megamenu-link"> 5199 Classics 5200 </a><a href="/collections/outlet-womens" class="header__megamenu-link"> 5201 Outlet 5202 </a><a href="/collections/womens-international" class="header__megamenu-link"> 5203 International 5204 </a><a href="/collections/womens-matching-sets" class="header__megamenu-link"> 5205 Matching Sets 5206 </a></div><div class="header__megamenu-column"> 5207 <div class="header__megamenu-column-title"> 5208 <a href="/collections/womens-womens-apparel"> 5209 Apparel 5210 </a> 5211 </div><a href="/collections/womens-womens-apparel-womens-tops" class="header__megamenu-link"> 5212 Tops 5213 </a><a href="/collections/womens-womens-apparel-womens-shorts-skirts" class="header__megamenu-link"> 5214 Shorts & Skirts 5215 </a><a href="/collections/womens-womens-apparel-womens-hoodies-crews" class="header__megamenu-link"> 5216 Hoodies & Crews 5217 </a><a href="/collections/womens-womens-apparel-womens-jackets-vests" class="header__megamenu-link"> 5218 Jackets & Vests 5219 </a><a href="/collections/womens-womens-apparel-womens-pants" class="header__megamenu-link"> 5220 Pants 5221 </a><a href="/collections/womens-womens-apparel-womens-tights-leggings" class="header__megamenu-link"> 5222 Tights & Leggings 5223 </a><a href="https://fila.com.au/collections/womens-featured-womens-womens-activewear" class="header__megamenu-link"> 5224 Activewear 5225 </a></div><div class="header__megamenu-column"> 5226 <div class="header__megamenu-column-title"> 5227 <a href="/collections/shoes-womens-shoes"> 5228 Footwear 5229 </a> 5230 </div><a href="/collections/shoes-womens-lifestyle" class="header__megamenu-link"> 5231 Lifestyle 5232 </a><a href="/collections/shoes-womens-sale" class="header__megamenu-link"> 5233 Outlet 5234 </a><a href="/collections/shoes-womens-running" class="header__megamenu-link"> 5235 Running 5236 </a><a href="/collections/shoes-womens-slides-slippers" class="header__megamenu-link"> 5237 Slides & Slippers 5238 </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="header__megamenu-link"> 5239 Sports 5240 </a><a href="/collections/shoes-womens-work" class="header__megamenu-link"> 5241 Work 5242 </a></div><div class="header__megamenu-column"> 5243 <div class="header__megamenu-column-title"> 5244 <a href="/collections/womens-womens-accessories"> 5245 Accessories 5246 </a> 5247 </div><a href="/collections/womens-womens-accessories-womens-hats-caps" class="header__megamenu-link"> 5248 Hats & Caps 5249 </a><a href="/collections/womens-womens-accessories-womens-bags-backpacks" class="header__megamenu-link"> 5250 Bags & Backpacks 5251 </a><a href="https://fila.com.au/collections/accessories-socks" class="header__megamenu-link"> 5252 Socks 5253 </a><a href="/collections/womens-womens-accessories-womens-towels" class="header__megamenu-link"> 5254 Towels 5255 </a></div></div> 5256 </div></li> 5257 5258 5259 5260 <li 5261 class="header__nav-item h-full flex items-center" 5262 5263 data-megamenu-name="Kids" 5264 5265 > 5266 <a 5267 href="/collections/kids" 5268 onmouseenter="window.pendingMouseEnterNavEvent = event" 5269 class="header__nav-item-link link-hover-underline " 5270 >
5271 <span>Kids</span> 5272 </a> 5273 5274 <div class="header__megamenu"> 5275 <div class="page-width"> 5276 5277 </div> 5278 5279 <div class="header__megamenu-wrapper page-width"> 5280 <div class="header__megamenu-column"> 5281 <div class="header__megamenu-slider"> 5282 5283 <div class="header__megamenu-promotion"> 5284 <a href="/collections/mid-season-sale-kids"> 5285 <img 5286 class="header__megamenu-promotion-image" 5287 src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_Kids_23475e0a-782e-4e96-a438-dc9c193419ee_large.webp?v=1789692336" 5288 > 5289 </a> 5290 5291 <a 5292 href="/collections/mid-season-sale-kids" 5293 class="header__megamenu-promotion-heading" 5294 > 5295 Mid Season Sale 5296 </a> 5297 5298 <a 5299 href="/collections/mid-season-sale-kids" 5300 class="header__megamenu-promotion-action link-with-right-icon" 5301 > 5302 <span>Shop Now</span> 5303 <i class="material-icons icon icon-md " > 5304 arrow_right_alt 5305</i> 5306 5307 5308 5309 5310 </a> 5311 </div> 5312 5313 <div class="header__megamenu-promotion"> 5314 <a href="/collections/classics-2-0-kids"> 5315 <img 5316 class="header__megamenu-promotion-image" 5317 src="//fila.com.au/cdn/shop/files/Classics_Kids_large.webp?v=1779326902" 5318 > 5319 </a> 5320 5321 <a 5322 href="/collections/classics-2-0-kids" 5323 class="header__megamenu-promotion-heading" 5324 > 5325 50% Off Classics 2.0 5326 </a> 5327 5328 <a 5329 href="/collections/classics-2-0-kids" 5330 class="header__megamenu-promotion-action link-with-right-icon" 5331 > 5332 <span>Shop Now</span> 5333 <i class="material-icons icon icon-md " > 5334 arrow_right_alt 5335</i> 5336 5337 5338 5339 5340 </a> 5341 </div></div> 5342 </div><div class="header__megamenu-column"> 5343 <div class="header__megamenu-column-title"> 5344 <a href="/collections/kids"> 5345 Featured 5346 </a> 5347 </div><a href="/collections/kids-kids-new-arrivals" class="header__megamenu-link"> 5348 New Arrivals 5349 </a><a href="/collections/kids-kids-best-sellers" class="header__megamenu-link"> 5350 Best Sellers 5351 </a><a href="/collections/kids-kids-classics" class="header__megamenu-link"> 5352 Classics 5353 </a><a href="/collections/outlet-kids" class="header__megamenu-link"> 5354 Outlet 5355 </a><a href="/collections/kids-schoolwear" class="header__megamenu-link"> 5356 Schoolwear 5357 </a><a href="/collections/kids-matching-sets" class="header__megamenu-link"> 5358 Matching Sets 5359 </a></div><div class="header__megamenu-column"> 5360 <div class="header__megamenu-column-title"> 5361 <a href="/collections/kids-kids-apparel"> 5362 Apparel 5363 </a> 5364 </div><a href="/collections/kids-kids-apparel-kids-tops" class="header__megamenu-link"> 5365 Tops 5366 </a><a href="/collections/kids-kids-apparel-kids-bottoms" class="header__megamenu-link"> 5367 Bottoms 5368 </a><a href="/collections/kids-kids-apparel-boys-apparel" class="header__megamenu-link"> 5369 Boys 5370 </a><a href="/collections/kids-kids-apparel-girls-apparel" class="header__megamenu-link"> 5371 Girls 5372 </a><a href="/collections/kids-kids-apparel-school" class="header__megamenu-link"> 5373 School 5374 </a></div><div class="header__megamenu-column"> 5375 <div class="header__megamenu-column-title"> 5376 <a href="/collections/shoes-kids-shoes"> 5377 Footwear 5378 </a> 5379 </div><a href="/collections/kids-kids-footwear-sneakers" class="header__megamenu-link"> 5380 Sneakers 5381 </a><a href="/collections/kids-kids-footwear-kids-running-sport-shoes" class="header__megamenu-link"> 5382 Running & Sports 5383 </a><a href="/collections/shoes-kids-school" class="header__megamenu-link"> 5384 School Shoes 5385 </a><a href="/collections/shoes-kids-shoes-dial" class="header__megamenu-link"> 5386 Dial 5387 </a><a href="/collections/kids-strap-shoes" class="header__megamenu-link"> 5388 Strap Shoes 5389 </a><a href="/collections/shoes-kids-shoes-kids-slides-slippers" class="header__megamenu-link"> 5390 Slides 5391 </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="header__megamenu-link"> 5392 Infant 5393 </a></div><div class="header__megamenu-column"> 5394 <div class="header__megamenu-column-title"> 5395 <a href="/collections/kids-kids-accessories"> 5396 Accessories 5397 </a> 5398 </div><a href="/collections/kids-kids-accessories-kids-bags-backpacks" class="header__megamenu-link"> 5399 Bags & Backpacks 5400 </a><a href="https://fila.com.au/collections/accessories-socks" class="header__megamenu-link"> 5401 Socks 5402 </a></div></div> 5403 </div></li> 5404 5405 5406 5407 <li 5408 class="header__nav-item h-full flex items-center" 5409 5410 > 5411 <a 5412 href="/collections/accessories" 5413 onmouseenter="window.pendingMouseEnterNavEvent = event" 5414 class="header__nav-item-link link-hover-underline " 5415 >
5416 <span>Accessories</span> 5417 </a></li> 5418 5419 5420 5421 <li 5422 class="header__nav-item h-full flex items-center" 5423 5424 > 5425 <a 5426 href="/collections/mid-season-sale" 5427 onmouseenter="window.pendingMouseEnterNavEvent = event" 5428 class="header__nav-item-link link-hover-underline header__nav-item-link--red" 5429 > 5430 <span>Mid Season Sale</span> 5431 </a></li> 5432 5433 </ul> 5434 <div class="header__nav-spacer"></div> 5435 </div> 5436 5437 5438 5439 5440 5441 <!-- REMOVE AFTER 2022-12-03 --> 5442 5443 5444 <div class="header__links flex items-center"> 5445 <button 5446 type="button" 5447 class="header__search--desktop" 5448 onclick="openSearchPopout()" 5449 > 5450 <p>Search...</p><i class="material-icons icon icon-md " > 5451 search 5452</i> 5453 5454 5455 5456 </button> 5457 5458 <a href="/account/login" class="header__wishlist icon-button"><i class="material-icons-outlined icon icon-lg " > 5459 account_circle 5460</i> 5461 5462 5463 5464 </a> 5465 5466 <a href="/pages/wishlist" class="header__wishlist icon-button"><i class="material-icons-outlined icon icon-lg " > 5467 favorite_border 5468</i> 5469 5470 5471 5472 <div class="header__wishlist-count" aria-hidden>0</div> 5473 </a> 5474 5475 <a href="/cart" class="icon-button shopping-bag-button"><i class="material-icons-outlined icon icon-lg " > 5476 shopping_bag 5477</i> 5478 5479 5480 5481 <div class="shopping-bag-count "> 5482 0 5483 </div> 5484 </a> 5485 </div> 5486 </div> 5487 </div> 5488 </div> 5489 </div> 5490</div> 5491<style> 5492.popout-cart-wrapper { 5493 position: fixed; 5494 top: 0; 5495 right: 0; 5496 background: var(--colorBlackAlpha150); 5497 width: 100%; 5498 height: 100%; 5499 z-index: var(--zIndexCartPopout); 5500 opacity: 0; 5501 pointer-events: none; 5502 transition: 300ms ease opacity; 5503} 5504.popout-cart-wrapper .popout-cart { 5505 transition: 300ms ease transform; 5506} 5507.popout-cart-wrapper.open { 5508 opacity: 1; 5509 pointer-events: all; 5510} 5511.popout-cart-wrapper.open .popout-cart { 5512 transform: translateX(-100%) translate3d(0, 0, 0); 5513} 5514 5515.qty-update-mini-cart { 5516 border: solid 1px var(--colorLightGray); 5517 width: 50px; 5518 padding-left: 5px; 5519 border-radius: 2px; 5520} 5521 5522.bundle-prompt { 5523 color: var(--colorRatingGold); 5524 font-size: 12px; 5525 text-decoration: underline; 5526 font-weight: bold; 5527 margin-bottom: 5px; 5528 line-height: 1.2; 5529} 5530 5531.cart-free-shipping-spend-more-prompt { 5532 margin-bottom: 24px; 5533 text-align: center; 5534 padding: 8px; 5535 border: 2px solid var(--colorAlertGreen); 5536 color: var(--colorAlertGreen); 5537 background: var(--colorBackgroundGray); 5538 font-weight: bold; 5539 font-family: var(--fontSecondary); 5540 display: flex; 5541 align-items: center; 5542 justify-content: center; 5543 border-radius: 2px; 5544 font-size: 14px; 5545} 5546.cart-free-shipping-spend-more-prompt img { 5547 margin-right: 8px; 5548} 5549 5550.cart-discount-spend-more-prompt { 5551 margin-bottom: 24px; 5552 text-align: center; 5553 padding: 8px; 5554 border: 2px solid var(--colorRedDark); 5555 color: var(--colorRedDark); 5556 background: var(--colorBackgroundGray); 5557 font-weight: bold; 5558 font-family: var(--fontSecondary); 5559 display: flex; 5560 align-items: center; 5561 justify-content: center; 5562 border-radius: 2px; 5563 font-size: 14px; 5564} 5565.cart-discount-spend-more-prompt img { 5566 margin-right: 8px; 5567} 5568 5569.cart-totals hr:last-of-type { 5570 margin-bottom: 24px; 5571} 5572 5573.cart-total { 5574 padding-top: 16px; 5575 padding-bottom: 16px; 5576 color: var(--colorBlackAlpha600); 5577 display: flex; 5578 align-items: center; 5579 justify-content: space-between; 5580} 5581.cart-total > :nth-child(2) { 5582 font-size: 18px; 5583} 5584.cart-total h3 { 5585 font-size: 16px; 5586 color: var(--colorBlackAlpha600); 5587} 5588.cart-total.total { 5589 color: var(--colorNavy); 5590 align-items: flex-start; 5591} 5592.cart-total.total h3 { 5593 font-size: 18px; 5594 color: var(--colorNavy); 5595} 5596.cart-total.discounts b { 5597 color: var(--colorRed); 5598} 5599.cart-total .total-price-with-gst { 5600 text-align: right; 5601 font-size: 20px; 5602 line-height: 1; 5603} 5604.cart-total .total-price-with-gst small { 5605 color: var(--colorBlackAlpha600); 5606 font-size: 12px; 5607} 5608 5609.free-shipping-disclaimer { 5610 text-align: center; 5611 color: var(--colorBlackAlpha600); 5612 display: block; 5613 width: 100%; 5614} 5615 5616.popout-cart { 5617 position: fixed; 5618 top: 0; 5619 left: 100%; 5620 height: 100%; 5621 display: flex; 5622 flex-direction: column; 5623 box-shadow: -5px 4px 20px rgba(0, 0, 0, 0.15); 5624 background: #fff; 5625 width: 90vw; 5626 max-width: 480px; 5627 transform: translateX(0%) translate3d(0, 0, 0); 5628} 5629@media (max-width: 767px) { 5630 .popout-cart { 5631 width: 85vw; 5632 } 5633} 5634.popout-cart .loading { 5635 position: absolute; 5636 width: 100%; 5637 top: 50%; 5638 display: none; 5639 justify-content: center; 5640 align-items: center; 5641} 5642.popout-cart.loading .loading { 5643 display: flex; 5644} 5645.popout-cart.loading > .popout-cart-content { 5646 opacity: 0.4; 5647} 5648.popout-cart .button { 5649 font-size: 14px; 5650} 5651.popout-cart .checkout-button { 5652 min-height: 56px; 5653 padding-right: 40px; 5654 font-size: 16px; 5655} 5656.popout-cart .checkout-button i.icon { 5657 font-size: 18px; 5658} 5659.popout-cart .view-cart-link { 5660 text-decoration: underline; 5661 color: var(--colorNavy); 5662 width: 100%; 5663 font-weight: bold; 5664 font-family: var(--fontSecondary); 5665 display: block; 5666 margin-bottom: 16px; 5667 font-size: 14px; 5668} 5669.popout-cart .cart-item { 5670 display: flex; 5671 margin-bottom: 24px; 5672 position: relative; 5673} 5674.popout-cart .cart-item:not(:first-of-type) { 5675 margin-top: 24px; 5676} 5677@media (max-width: 767px) { 5678 .popout-cart .cart-item:not(:first-of-type) { 5679 margin-top: 16px; 5680 } 5681} 5682.popout-cart .cart-item .product-image { 5683 flex-shrink: 0; 5684 display: block; 5685 margin-right: 16px; 5686} 5687.popout-cart .cart-item .product-image img { 5688 object-fit: cover; 5689 width: 100px; 5690 height: 125px; 5691} 5692.popout-cart .cart-item .remove-from-cart { 5693 position: absolute; 5694 top: 0; 5695 right: 0; 5696 cursor: pointer;
5697 color: var(--colorLightGray); 5698 transition: 100ms ease color; 5699} 5700.popout-cart .cart-item .remove-from-cart:hover { 5701 color: var(--colorBlackAlpha700); 5702} 5703.popout-cart .cart-item .qty-selector { 5704 font-size: 14px; 5705 margin-bottom: 8px; 5706} 5707.popout-cart .cart-item .qty-selector .select { 5708 min-width: 64px; 5709 padding: 6px 12px; 5710 border: 0; 5711 font-size: 14px; 5712} 5713.popout-cart .cart-item .details { 5714 flex-grow: 1; 5715 color: var(--colorBlackAlpha600); 5716} 5717.popout-cart .cart-item .details .original-price { 5718 text-decoration: line-through; 5719} 5720.popout-cart .cart-item .details .sale-price { 5721 color: var(--colorRed); 5722} 5723.popout-cart .cart-item .details p { 5724 margin-bottom: 5px; 5725 font-size: 14px; 5726} 5727.popout-cart .cart-item .details .sku { 5728 font-size: 12px; 5729} 5730.popout-cart .cart-item .details .title { 5731 font-weight: bold; 5732 font-family: var(--fontSecondary); 5733 color: var(--colorNavy); 5734 font-size: 16px; 5735} 5736.popout-cart .cart-item .total { 5737 color: var(--colorNavy); 5738 font-size: 14px; 5739 line-height: 1.2; 5740 text-align: right; 5741} 5742.popout-cart .cart-item .total .price { 5743 font-size: 16px; 5744 font-weight: bold; 5745 font-family: var(--fontSecondary); 5746} 5747.popout-cart .cart-item .cart-item__move-to-wishlist { 5748 font-size: 12px; 5749 font-weight: bold; 5750 font-family: var(--fontSecondary); 5751 color: var(--colorNavy); 5752 text-decoration: underline; 5753 cursor: pointer; 5754 transition: 200ms ease color; 5755 margin-right: 16px; 5756 line-height: 1.2; 5757 text-align: left; 5758} 5759.popout-cart .cart-item .cart-item__move-to-wishlist:hover {
5760 color: var(--colorNavyLight); 5761} 5762.popout-cart .cart-item .cart-item__footer { 5763 display: flex; 5764 justify-content: space-between; 5765 align-items: center; 5766} 5767.popout-cart .cart-item--bundle-item { 5768 margin: 0; 5769} 5770.popout-cart .cart-item--bundle-item:not(:first-of-type) { 5771 margin-top: 12px; 5772} 5773.popout-cart .cart-item--bundle-item .product-image { 5774 margin-right: 12px; 5775} 5776.popout-cart .cart-item--bundle-item .product-image img { 5777 width: 64px; 5778 height: 80px; 5779} 5780.popout-cart .cart-item--bundle-item .details { 5781 display: flex; 5782 flex-direction: column; 5783 justify-content: center; 5784} 5785.popout-cart .cart-item--bundle-item .details p { 5786 margin-bottom: 2px; 5787} 5788.popout-cart .cart-item--bundle-item .details p:last-child { 5789 margin-bottom: 0; 5790} 5791 5792.popout-cart-header { 5793 background: var(--colorNavy); 5794 padding: 40px 24px 24px; 5795 color: #fff; 5796 font-size: 1.4em; 5797 font-weight: bold; 5798 font-family: var(--fontSecondary); 5799 display: flex; 5800 align-items: flex-end; 5801 justify-content: space-between; 5802 line-height: 1; 5803} 5804@media (max-width: 767px) { 5805 .popout-cart-header { 5806 padding: 24px 16px 24px; 5807 } 5808} 5809.popout-cart-header > .left { 5810 display: flex; 5811 align-items: center; 5812} 5813.popout-cart-header > .left .icon { 5814 margin-right: 8px; 5815 margin-bottom: 2px; 5816} 5817 5818.popout-cart-content { 5819 background: white; 5820 padding: 24px 24px 64px; 5821 flex-grow: 1; 5822 transition: 300ms ease opacity; 5823 overflow-y: auto; 5824} 5825@media (max-width: 767px) { 5826 .popout-cart-content { 5827 padding: 16px 16px 80px; 5828 } 5829} 5830 5831.cart-item-bundle { 5832 border: 1px solid var(--colorLightBlue300); 5833 background: var(--colorBackgroundGray); 5834 margin-bottom: 24px; 5835} 5836.cart-item-bundle:not(:first-of-type) { 5837 margin-top: 24px; 5838} 5839@media (max-width: 767px) { 5840 .cart-item-bundle:not(:first-of-type) { 5841 margin-top: 16px; 5842 } 5843} 5844.cart-item-bundle-header { 5845 padding: 12px 16px; 5846 display: flex; 5847 align-items: center; 5848 justify-content: space-between; 5849 border-bottom: 1px solid var(--colorLightBlue300); 5850} 5851.cart-item-bundle-header h5 { 5852 font-size: 16px; 5853 font-family: var(--fontSecondary); 5854 color: var(--colorNavy); 5855} 5856.cart-item-bundle-header .remove-from-cart { 5857 height: 24px; 5858 color: var(--colorBlackAlpha400); 5859} 5860.cart-item-bundle-body { 5861 padding: 16px; 5862} 5863.cart-item-bundle-footer { 5864 padding: 14px; 5865 border-top: 1px solid var(--colorLightBlue300); 5866 color: var(--colorNavy); 5867 line-height: 1.2; 5868 text-align: right; 5869} 5870.cart-item-bundle-footer .price { 5871 font-size: 16px; 5872 font-weight: bold; 5873 font-family: var(--fontSecondary); 5874} 5875</style> 5876 5877 5878 5879 5880<span id="total-product-count" style="display: none">0</span> 5881 5882<div 5883 class="popout-cart-wrapper" 5884 id="popout-cart" 5885 onclick="closePopoutCart()"> 5886 <div class="popout-cart"> 5887 <div class="popout-cart-header"> 5888 <div class="left"><i class="material-icons-outlined icon icon-lg " > 5889 shopping_bag 5890</i> 5891 5892 5893 5894 <span>Shopping Cart</span> 5895 </div> 5896 5897 <button type="button" onclick="closePopoutCart()"><i class="material-icons icon icon-lg " > 5898 close 5899</i> 5900 5901 5902 5903 </button> 5904 </div> 5905 5906 <div class="loading"> 5907 <div class="lds-ring"> 5908 <div></div> 5909 <div></div> 5910 <div></div> 5911 <div></div> 5912 </div> 5913 </div> 5914 5915 <div class="popout-cart-content" onclick="handleCartContentClick(event)"> 5916 5917 <p>Your cart is empty. 5918 <a href="/" class="link">Get shopping!</a> 5919 </p> 5920 5921
5921<script> 5922 function updateFloatingCheckoutPrice() { 5923 console.log("$0.00") 5924 if (document.getElementById('mobile-checkout-floating-price')) { 5925 document.getElementById('mobile-checkout-floating-price').innerText = "$0.00" 5926 5927 if (parseInt("0") > 0) { 5928 document.querySelector('.mobile-checkout-floating').style.display = 'block'; 5929 } else { 5930 document.querySelector('.mobile-checkout-floating').style.display = 'none'; 5931 } 5932 } 5933 } 5934 5935 updateFloatingCheckoutPrice() 5936 </script>
5936 5937 </div> 5938 </div> 5939</div> 5940 5941
vendor: 9,257 bytes, lines 5942-5946
5942<script> 5943"use strict"; 5944 5945function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } 5946function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEac
vendor: 4,832 bytes, lines 5946-5953
5946h(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; } 5947function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } } 5948function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } 5949function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 5950function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } 5951function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } 5952function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } 5953function _nonIterableRest() { throw new TypeError("Invalid attempt to de
5953structure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } 5954function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } 5955function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } 5956function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } 5957function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } 5958function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } 5959function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } 5960function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } 5961function _asyncIterator(iterable) { var method, async, sync, retry = 2; for ("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;) { if (async && null != (method = iterable[async])) return method.call(iterable); if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable)); async = "@@asyncIterator", sync = "@@iterator"; } throw new TypeError("Object is not async iterable"); } 5962function AsyncFromSyncIterator(s) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var done = r.done; return Promise.resolve(r.value).then(function (value) { return { value: value, done: done }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(s) { this.s = s, this.n = s.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, "return": function _return(value) { var ret = this.s["return"]; return void 0 === ret ? Promise.resolve({ value: value, done: !0 }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments)); }, "throw": function _throw(value) { var thr = this.s["return"]; return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(s); } 5963$(document).ready(function () { 5964 $('.shopping-bag-button').on('click', function (event) { 5965 event.preventDefault(); 5966 openPopoutCart(); 5967 }); 5968 theme.validateCart(); 5969}); 5970function openPopoutCart() { 5971 var popoutCart = document.getElementById('popout-cart'); 5972 var popoutCartContent = document.querySelector('.popout-cart-content'); 5973 popoutCart.classList.add('open'); 5974 theme.a11y.lockScrolling(popoutCartContent); 5975} 5976function closePopoutCart() { 5977 var loadingSpinner = document.querySelector('.popout-cart'); 5978 var popoutCart = document.getElementById('popout-cart'); 5979 var popoutCartContent = document.querySelector('.popout-cart-content'); 5980 5981 //If no cart items are being updated, allow the popout cart to close. 5982 //This prevents the user from closing the popout menu too quickly. 5983 if (!loadingSpinner.classList.contains('loading')) { 5984 popoutCart.classList.remove('open'); 5985 theme.a11y.unlockScrolling(popoutCartContent); 5986 } 5987} 5988function handleCartContentClick(event) { 5989 event.stopPropagation(); 5990 return false;
5991} 5992function moveFromCartToWishlist(productID, lineKey, refreshOnComplete, lineProperties) { 5993 var confirmed = window.confirm('Move product to wishlist?'); 5994 if (!confirmed) return; 5995 function handleSuccess() { 5996 if (refreshOnComplete) { 5997 window.location.reload(false); 5998 } 5999 } 6000 theme.saveProductToWishlist(String(productID)).then(function () { 6001 if (window.refreshWishlistGrid) { 6002 window.refreshWishlistGrid(); 6003 } 6004 removeLineFromCart(lineKey, handleSuccess, true, lineProperties); 6005 }); 6006} 6007 6008// Compares two sets of line properties regardless of key order. Values are compared as 6009// strings because /cart.js returns every property value as a string. 6010function cartLinePropertiesMatch(a, b) { 6011 var left = a || {}; 6012 var right = b || {}; 6013 var leftKeys = Object.keys(left).sort(); 6014 var rightKeys = Object.keys(right).sort(); 6015 if (leftKeys.length !== rightKeys.length) return false; 6016 return leftKeys.every(function (key, index) { 6017 return key === rightKeys[index] && String(left[key]) === String(right[key]); 6018 }); 6019} 6020 6021// Re-resolves a cart line's current key (they can go stale when discounts shift), falling 6022// back to variant ID + properties. Resolves to null if the line no longer exists. 6023function resolveCartLineKey(lineKey, lineProperties) { 6024 return fetch('/cart.js').then(function (response) { 6025 return response.json(); 6026 }).then(function (cart) { 6027 var byKey = cart.items.find(function (item) { 6028 return item.key === lineKey; 6029 }); 6030 if (byKey) return byKey.key; 6031 var variantId = String(lineKey).split(':')[0]; 6032 var byIdentity = cart.items.find(function (item) { 6033 return String(item.variant_id) === variantId && cartLinePropertiesMatch(item.properties, lineProperties); 6034 }); 6035 return byIdentity ? byIdentity.key : null; 6036 }); 6037} 6038function postCartLineQuantity(lineKey, quantity) { 6039 return fetch('/cart/update.js', { 6040 method: 'POST', 6041 headers: { 6042 'Content-Type': 'application/json' 6043 }, 6044 body: JSON.stringify({ 6045 updates: _defineProperty({}, lineKey, quantity) 6046 }) 6047 }).then(function (response) { 6048 return response.json().then(function (cart) { 6049 return { 6050 ok: response.ok, 6051 cart: cart 6052 }; 6053 }); 6054 }); 6055} 6056 6057// Sets a cart line's quantity (0 removes it). Posts with the rendered key first, which is 6058// valid in the common case, and only pays for a /cart.js round trip to re-resolve the key 6059// when the response shows the line wasn't matched (keys rotate when discount allocation 6060// changes). Resolves to false if the line no longer exists. 6061function updateCartLineQuantity(lineKey, quantity, lineProperties) { 6062 var parsedQuantity = Number(quantity); 6063 6064 // A cleared input coerces to 0; don't treat it as a removal request. 6065 if (quantity === '' || !Number.isFinite(parsedQuantity) || parsedQuantity < 0) { 6066 return Promise.resolve(false); 6067 } 6068 var wantsRemoval = parsedQuantity === 0; 6069 6070 // For a removal, "key absent from the returned cart" is not proof on its own: an unmatched 6071 // (stale) key is a silent no-op that also returns a cart without that key. The line must 6072 // also be gone by identity (variant ID + properties) before the removal counts. 6073 function lineWasUpdated(result) { 6074 if (!result.ok || !result.cart || !result.cart.items) return false; 6075 var line = result.cart.items.find(function (item) { 6076 return item.key === lineKey; 6077 }); 6078 if (wantsRemoval) { 6079 if (line) return false; 6080 var variantId = String(lineKey).split(':')[0]; 6081 var lineByIdentity = result.cart.items.find(function (item) { 6082 return String(item.variant_id) === variantId && cartLinePropertiesMatch(item.properties, lineProperties); 6083 }); 6084 return !lineByIdentity; 6085 } 6086 return !!line && Number(line.quantity) === parsedQuantity; 6087 } 6088 return postCartLineQuantity(lineKey, quantity).then(function (result) { 6089 if (lineWasUpdated(result)) return true; 6090 return resolveCartLineKey(lineKey, lineProperties).then(function (currentKey) { 6091 if (!currentKey) { 6092 console.warn('Cart line not found for update, refreshing cart.', lineKey); 6093 return false;
6094 } 6095 if (currentKey === lineKey) return true; 6096 return postCartLineQuantity(currentKey, quantity).then(function () { 6097 return true; 6098 }); 6099 }); 6100 }); 6101} 6102 6103// Keyed by line key, not variant ID: a variant can exist in more than one cart line (e.g. 6104// shared with a bundle group), and a variant-ID-keyed update can zero the wrong line. 6105// The key is only re-resolved if the update misses. 6106function removeLineFromCart(lineKey, callback, skipConfirmation, lineProperties) { 6107 if (!skipConfirmation) { 6108 var confirmed = window.confirm('Remove item from cart?'); 6109 if (!confirmed) return; 6110 } 6111 showCartLoading(); 6112 updateCartLineQuantity(lineKey, 0, lineProperties).then(function () { 6113 if (callback) { 6114 callback(); 6115 } 6116 refreshCart(); 6117 })["catch"](function (error) { 6118 console.error('Error:', error); 6119 hideCartLoading(); 6120 }); 6121} 6122 6123// Removes every cart line belonging to a bundle group. Resolves line keys from a 6124// fresh /cart.js fetched right before the update, rather than from keys baked into 6125// the page at render time: a cart line's key isn't stable and changes as its 6126// discount allocation changes (Shopify's own documented behaviour), which happens 6127// often when a variant is shared across more than one bundle group. Looking the 6128// key up immediately before use avoids sending a stale key that could resolve to 6129// the wrong line for a shared variant. 6130function removeBundleFromCart(groupId, callback, skipConfirmation) { 6131 if (!skipConfirmation) { 6132 var confirmed = window.confirm('Remove items from cart?'); 6133 if (!confirmed) return; 6134 } 6135 showCartLoading(); 6136 fetch('/cart.js').then(function (response) { 6137 return response.json(); 6138 }).then(function (cart) { 6139 var keys = cart.items.filter(function (item) { 6140 return item.properties && item.properties._x_group === groupId; 6141 }).map(function (item) { 6142 return item.key; 6143 }); 6144 if (keys.length === 0) { 6145 // Already gone â fall through so refreshCart() re-syncs without flickering the spinner. 6146 return; 6147 } 6148 return fetch('/cart/update.js', { 6149 method: 'POST', 6150 headers: { 6151 'Content-Type': 'application/json' 6152 }, 6153 body: JSON.stringify({ 6154 updates: keys.reduce(function (acc, key) { 6155 return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, 0)); 6156 }, {}) 6157 }) 6158 }).then(function (response) { 6159 return response.json(); 6160 }); 6161 }).then(function () { 6162 if (callback) { 6163 callback(); 6164 } 6165 refreshCart(); 6166 })["catch"](function (error) { 6167 console.error('Error:', error); 6168 hideCartLoading(); 6169 }); 6170 return false; 6171} 6172function showCartLoading() { 6173 document.querySelector('.popout-cart').classList.add('loading'); 6174} 6175function hideCartLoading() { 6176 document.querySelector('.popout-cart').classList.remove('loading'); 6177} 6178function refreshCart() { 6179 var freeItem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; 6180 var selectors = { 6181 popoutCart: '.popout-cart', 6182 popoutCartContent: '.popout-cart-content', 6183 shoppingBagCount: '.shopping-bag-count', 6184 mobileFloatingCheckout: '.mobile-checkout-floating', 6185 totalProductCount: '#total-product-count', 6186 totalCartPrice: '#total-cart-price', 6187 mobileFloatingTotalPrice: '#mobile-checkout-floating-price' 6188 }; 6189 showCartLoading(); 6190 6191 /* Loose lines that complete a bundle are grouped before the drawer re-renders, so the 6192 * shopper sees the bundle price on the first refresh after a quick add. */ 6193 var groupBundles = typeof autoGroupBundles === 'function' ? autoGroupBundles() : Promise.resolve(false); 6194 groupBundles.then(function () { 6195 return fetch('/'); 6196 }).then(function (response) { 6197 // The API call was successful! 6198 return response.text(); 6199 }).then(function (html) { 6200 var parser = new DOMParser(); 6201 var doc = parser.parseFromString(html, 'text/html'); 6202 6203 /* Remove the scroll lock temporarily while we inject the new HTML */ 6204 var popoutCartContent = document.querySelector(selectors.popoutCartContent); 6205 theme.a11y.unlockScrolling(popoutCartContent); 6206 var popoutCart = document.querySelector(selectors.popoutCart); 6207 var newPopoutCart = doc.querySelector(selectors.popoutCart); 6208 if (popoutCart && newPopoutCart) { 6209 popoutCart.innerHTML = newPopoutCart.innerHTML; 6210 } 6211 hideCartLoading(); 6212 theme.validateCart(); 6213 var totalProducts = doc.querySelector(selectors.totalProductCount); 6214 var totalProductsInt = totalProducts != null ? parseInt(totalProducts.innerHTML, 10) : 0; 6215 var shoppingBagCount = document.querySelector(selectors.shoppingBagCount); 6216 var mobileFloatingCheckout = document.querySelector(selectors.mobileFloatingCheckout); 6217 console.log({ 6218 totalProducts: totalProducts, 6219 totalProductsInt: totalProductsInt 6220 }); 6221 if (totalProductsInt > 0) { 6222 if (shoppingBagCount) { 6223 shoppingBagCount.innerHTML = totalProductsInt; 6224 shoppingBagCount.classList.add('visible'); 6225 } 6226 if (mobileFloatingCheckout) { 6227 mobileFloatingCheckout.style.display = 'block'; 6228 } 6229 } else { 6230 if (shoppingBagCount) shoppingBagCount.classList.remove('visible'); 6231 if (mobileFloatingCheckout) mobileFloatingCheckout.style.display = 'none'; 6232 } 6233 var totalCartPrice = doc.querySelector(selectors.totalCartPrice); 6234 var mobileCheckoutFloatingPrice = doc.querySelector(selectors.mobileFloatingTotalPrice); 6235 if (totalCartPrice && mobileCheckoutFloatingPrice) { 6236 mobileCheckoutFloatingPrice.innerHTML = totalCartPrice.innerHTML; 6237 } 6238 6239 /* Re-lock the scroll now that we've re-injected the data. Only while the drawer is 6240 * open: a refresh with the drawer shut (e.g. after a failed add) has no close action 6241 * left to release the lock. */ 6242 var newPopoutCartContent = document.querySelector(selectors.popoutCartContent); 6243 var popoutCartOpen = popoutCart && popoutCart.classList.contains('open'); 6244 if (newPopoutCartContent && popoutCartOpen) { 6245 theme.a11y.lockScrolling(newPopoutCartContent); 6246 } 6247 6248 //Update upsell product navigation 6249 document.dispatchEvent(new Event('cartContentUpdated')); 6250 })["catch"](function (err) { 6251 // There was an error 6252 console.warn('Something went wrong.', err); 6253 }); 6254} 6255function addToCartReorder(order, refresh) { 6256 showCartLoading(); 6257 fetch('/cart/add.js', { 6258 method: 'POST', 6259 headers: { 6260 'Content-Type': 'application/json' 6261 }, 6262 body: JSON.stringify({ 6263 items: order 6264 }) 6265 }).then(function (response) { 6266 return response.json(); 6267 }).then(function (data) { 6268 if (data.status === 422) { 6269 var reorderRejectionMessage = document.querySelector('.unavailable-to-add-product-soh'); 6270 var reorderButton = document.querySelector('#reorder-button'); 6271 reorderRejectionMessage.style.display = 'block'; 6272 reorderButton.classList.add('disabled'); 6273 refreshCart(); 6274 } else if (!refresh) { 6275 refreshCart(); 6276 openPopoutCart(); 6277 } else { 6278 window.location.href = '/cart'; 6279 } 6280 })["catch"](function (error) { 6281 alert(error); 6282 }); 6283} 6284function checkPromoProduct() { 6285 var promoProduct = document.querySelector('#promo_product'); 6286 if (promoProduct === undefined || promoProduct === null) { 6287 return null; 6288 } 6289 var productId = promoProduct.getAttribute('data-promo-product-id'); 6290 var baseProduct = document.querySelector('.product__details--title-wrapper'); 6291 var baseProductName = baseProduct.children[0].innerText; 6292 var cartMessage = 'Free Gift'; 6293 return { 6294 id: productId, 6295 quantity: '1', 6296 properties: { 6297 message: cartMessage 6298 } 6299 }; 6300} 6301function showKitBuilder(promo, variantId) { 6302 console.log({ 6303 promo: promo, 6304 variantId: variantId 6305 }); 6306 if (promo === undefined) { 6307 document.getElementsByTagName('main')[0].scrollTo({ 6308 top: 100,
6309 behavior: 'smooth' 6310 }); 6311 var _kitContainer = document.querySelector(variantId === undefined ? '.kit-container' : ".kit-container-".concat(variantId)); 6312 if (_kitContainer === null || !_kitContainer) { 6313 return; 6314 } 6315 var _header = document.querySelector('.header-wrapper'); 6316 _header.style.zIndex = '2'; 6317 _kitContainer.style.zIndex = '1000'; 6318 _kitContainer.style.opacity = '1'; 6319 _kitContainer.children[0].style.transform = 'translateY(0em)'; 6320 document.body.style.overflow = 'hidden'; 6321 return true; 6322 } 6323 var kitContainer = document.querySelector(variantId === undefined ? '.kit-container' : ".kit-container-".concat(variantId)); 6324 var header = document.querySelector('.header-wrapper'); 6325 kitContainer.style.zIndex = '-1'; 6326 kitContainer.style.opacity = '0'; 6327 header.style.zIndex = 'unset'; 6328 kitContainer.children[0].style.transform = 'translateY(-5em)'; 6329 document.body.style.overflow = 'unset'; 6330 return false; 6331} 6332function pullCartItems() { 6333 return Promise.all(fetch('/cart.js').then(function (res) { 6334 return res.json().then(function (data) { 6335 return data; 6336 }); 6337 })); 6338} 6339function handleBundleBaseProductQuanityChange(variantID, properties, event) { 6340 showCartLoading(); 6341 var parsedProperties = properties.reduce(function (acc, value) { 6342 var key = value[0]; 6343 var val = value[1]; 6344 acc[key] = val; 6345 return acc; 6346 }, {}); 6347 fetch('/cart/change.js', { 6348 method: 'POST', 6349 headers: { 6350 'Content-Type': 'application/json' 6351 }, 6352 body: JSON.stringify({ 6353 id: variantID.toString(), 6354 quantity: event.target.value, 6355 properties: parsedProperties 6356 }) 6357 }).then(function (response) { 6358 return response.json(); 6359 }).then(function (data) { 6360 refreshCart(); 6361 })["catch"](function (error) { 6362 console.error('Error:', error); 6363 }); 6364} 6365function addBundleToCartV2(config, deal) { 6366 console.log(config); 6367 var i = config[1]; 6368 var dealConfigMessage = "$".concat(i.deal, " Bundle Deal"); 6369 6370 // return 6371 var items = config[0].map(function (item) { 6372 return { 6373 id: item.id, 6374 quantity: 1, 6375 properties: { 6376 message: dealConfigMessage, 6377 _group: i.group, 6378 _price: i.deal 6379 } 6380 }; 6381 }); 6382 config[0].push({ 6383 id: config[2].base.variant 6384 }); 6385 items.push({ 6386 id: config[2].base.variant, 6387 quantity: 1, 6388 properties: { 6389 message: dealConfigMessage, 6390 _data_id: config[0].map(function (item) { 6391 return item.id; 6392 }).join(','), 6393 _mac_hash: i.hash, 6394 _price: i.deal, 6395 _group: i.group 6396 } 6397 }); 6398 showCartLoading(); 6399 6400 // Push base product first 6401 6402 fetch('/cart/add.js', { 6403 method: 'POST', 6404 headers: { 6405 'Content-Type': 'application/json' 6406 }, 6407 body: JSON.stringify({ 6408 items: items 6409 }) 6410 }).then(function (res) { 6411 return res.json(); 6412 }).then(function (data) { 6413 if (data.status !== 442) { 6414 refreshCart(); 6415 openPopoutCart(); 6416 } 6417 }); 6418} 6419 6420// Pass skipRefresh when the caller needs to do more work (e.g. wait on a Function discount) 6421// before re-rendering the drawer; the caller then owns calling refreshCart(). 6422function addToCartStreamlined(items, skipRefresh) { 6423 showCartLoading(); 6424 return theme.utils.fetch('/cart/add.js', { 6425 method: 'POST', 6426 headers: { 6427 'Content-Type': 'application/json' 6428 }, 6429 body: JSON.stringify({ 6430 items: items 6431 }) 6432 }).then(function (data) { 6433 if (!skipRefresh) refreshCart(); 6434 return data; 6435 }); 6436} 6437function addBundleToCart(variant, promo, quantity, group_id) { 6438 if (showKitBuilder(promo, variant)) { 6439 return; 6440 } 6441 showKitBuilder(promo, variant); 6442 var input = document.querySelector("input#variant-id-selector-".concat(variant)); 6443 var hash_id = input.getAttribute('data-product-id'); 6444 var getHash = document.querySelector("input#mac-hash-".concat(hash_id)); 6445 var hash = getHash.getAttribute('data-hash'); 6446 var baseItem = [{ 6447 id: variant, 6448 quantity: quantity, 6449 properties: { 6450 _data_id: promo.join(','), 6451 _is_bundle: 1, 6452 _mac_hash: hash 6453 } 6454 }]; 6455 promo.map(function (item) { 6456 var new_item = { 6457 id: item, 6458 quantity: quantity, 6459 properties: { 6460 message: 'Bundle Pack' 6461 } 6462 }; 6463 baseItem.push(new_item); 6464 }); 6465 showCartLoading(); 6466 6467 // Push base product first 6468 6469 fetch('/cart/add.js', { 6470 method: 'POST', 6471 headers: { 6472 'Content-Type': 'application/json' 6473 }, 6474 body: JSON.stringify({ 6475 items: baseItem 6476 }) 6477 }).then(function (res) { 6478 return res.json(); 6479 }).then(function (data) { 6480 if (data.status !== 442) { 6481 refreshCart(); 6482 openPopoutCart(); 6483 } 6484 }); 6485} 6486 6487/** 6488 * Builds a line_item object if promotional item is valid. 6489 * Checks if 6490 * 6491 */ 6492function buildFreeProduct() { 6493 var _document$body$queryS, _parseFloat, _document$body$queryS2, _document$body$queryS3, _parseFloat2, _document$body$queryS4, _document$body$queryS5; 6494 // Check if item 6495 var parent = document.body.querySelector('#item-details'); 6496 if (parent === null) { 6497 return { 6498 id: -1, 6499 ref: -1 6500 }; 6501 } 6502 var variantId = parent.getAttribute('data-variant'); 6503 var hash = parent.getAttribute('hash'); 6504 var total = parent.getAttribute('data-amount'); 6505 if (variantId.length === 0) { 6506 var getRef = document.body.querySelector('.cart-item[data-has-ref="true"]'); 6507 var refId = getRef.getAttribute('data-variant'); 6508 var _variantIdInCart = document.body.querySelector('.cart-item[data-cart-variant-id="' + refId + '"]'); 6509 if (_variantIdInCart) {
6510 console.log('card id'); 6511 return { 6512 id: -1, 6513 ref: refId 6514 }; 6515 } 6516 return { 6517 id: refId, 6518 quantity: 1, 6519 properties: { 6520 _mac_hash: hash, 6521 _data_id: refId, 6522 _total: total, 6523 _no_quanity_change: true 6524 } 6525 }; 6526 } 6527 var variantIdInCart = document.body.querySelector('.cart-item[data-cart-variant-id="' + variantId + '"]'); 6528 if (variantIdInCart) { 6529 return { 6530 id: -1, 6531 ref: variantId 6532 }; 6533 } 6534 var q = document.body.querySelector('.js-qty__num') ? (_document$body$queryS = document.body.querySelector('.js-qty__num')) === null || _document$body$queryS === void 0 ? void 0 : _document$body$queryS.value : 1; 6535 var currentCartTotal = document.body.querySelector('#total-cart-price') ? parseFloat(parseFloat(document.body.querySelector('#total-cart-price').innerText.slice(1)).toFixed(2)) : 0; 6536 var price = document.body.querySelector('.product__price.sale-price') ? parseFloat((_parseFloat = parseFloat((_document$body$queryS2 = document.body.querySelector('.product__price.sale-price')) === null || _document$body$queryS2 === void 0 ? void 0 : (_document$body$queryS3 = _document$body$queryS2.innerText) === null || _document$body$queryS3 === void 0 ? void 0 : _document$body$queryS3.slice(1))) === null || _parseFloat === void 0 ? void 0 : _parseFloat.toFixed(2)) : parseFloat((_parseFloat2 = parseFloat((_document$body$queryS4 = document.body.querySelector('.product__price')) === null || _document$body$queryS4 === void 0 ? void 0 : (_document$body$queryS5 = _document$body$queryS4.innerText) === null || _document$body$queryS5 === void 0 ? void 0 : _document$body$queryS5.slice(1))) === null || _parseFloat2 === void 0 ? void 0 : _parseFloat2.toFixed(2)); 6537 var totalPrice = isNaN(price) ? true : parseInt(q * price + currentCartTotal) >= parseInt(total); 6538 if (!totalPrice) { 6539 return { 6540 id: -1, 6541 ref: variantId 6542 }; 6543 } 6544 return { 6545 id: variantId, 6546 quantity: 1, 6547 properties: { 6548 _mac_hash: hash, 6549 _data_id: variantId, 6550 _total: total, 6551 _no_quanity_change: true 6552 } 6553 }; 6554} 6555function addToCartV2(items) { 6556 var refresh = false; 6557 return fetch('/cart/add.js', { 6558 method: 'POST', 6559 headers: { 6560 'Content-Type': 'application/json' 6561 }, 6562 body: JSON.stringify({ 6563 items: items 6564 }) 6565 }).then(function (response) { 6566 return response.json(); 6567 }).then(function (data) { 6568 if (data.status === 'too_many_requests') { 6569 console.log('Too many requests, please wait'); 6570 return; 6571 } 6572 if (data.status === 422) { 6573 /* Disable button and show error message for Quickview or product view */ 6574 var sohStockErrorMessagePath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .unavailable-to-add-product-soh' : '.unavailable-to-add-product-soh'; 6575 var buttonPath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .product-form__actions-wrapper > .add-to-cart' : '.add-to-cart'; 6576 if (!document.querySelector(sohStockErrorMessagePath) || !document.querySelector(buttonPath)) { 6577 return; 6578 } 6579 document.querySelector(sohStockErrorMessagePath).style.display = 'block'; 6580 document.querySelector(buttonPath).classList.add('disabled'); 6581 refreshCart(); 6582 } else if (!refresh) { 6583 refreshCart(); 6584 openPopoutCart(); 6585 } else { 6586 window.location.href = '/cart'; 6587 } 6588 sendCartAddKlaviyoEvent(data, items[0].id, items[0].quantity); 6589 })["catch"](function (error) { 6590 alert(error); 6591 }); 6592} 6593 6594// here 6595function addToCart(variant, quantity, refresh) { 6596 var avoid = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined; 6597 var dontAdd = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; 6598 try { 6599 showCartLoading(); 6600 var line = { 6601 id: variant, 6602 quantity: quantity 6603 }; 6604 var items = [line]; 6605 6606 // const freeItemConfig = buildFreeProduct() 6607 6608 // line['properties'] = { 6609 // _variant_ref: freeItemConfig['ref'] ? freeItemConfig['ref'] : freeItemConfig['id'], 6610 // } 6611 6612 // if (line['properties']['_variant_ref'] === -1) { 6613 // delete line['properties'] 6614 // } 6615 6616 // if (freeItemConfig['id'] !== -1) { 6617 // items.push(freeItemConfig) 6618 // } 6619 6620 // // if trigger to push in free item dont push in base product 6621 // if (avoid === undefined && variant !== freeItemConfig.id) { 6622 // items.push(line) 6623 // } 6624 6625 // var getPromoProductId = checkPromoProduct() 6626 6627 // if (getPromoProductId !== null && avoid === undefined && !dontAdd) { 6628 // items.push(getPromoProductId) //product hash 6629 6630 // var macHash = document.querySelector('input#data-key').getAttribute('data-key') 6631 // const base = items.find(({ id }) => id === variant) 6632 6633 // base['properties'] = { 6634 // _mac_hash: macHash, 6635 // _data_id: getPromoProductId.id, 6636 // } 6637 // } 6638 6639 fetch('/cart/add.js', { 6640 method: 'POST', 6641 headers: { 6642 'Content-Type': 'application/json' 6643 }, 6644 body: JSON.stringify({ 6645 items: items 6646 }) 6647 }).then(function (response) { 6648 return response.json(); 6649 }).then(function (data) { 6650 if (data.status === 422) { 6651 /* Disable button and show error message for Quickview or product view */
6652 var sohStockErrorMessagePath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .unavailable-to-add-product-soh' : '.unavailable-to-add-product-soh'; 6653 var buttonPath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .product-form__actions-wrapper > .add-to-cart' : '.add-to-cart'; 6654 if (document.querySelector(sohStockErrorMessagePath)) { 6655 document.querySelector(sohStockErrorMessagePath).style.display = 'block'; 6656 } 6657 if (document.querySelector(buttonPath)) { 6658 document.querySelector(buttonPath).classList.add('disabled'); 6659 } 6660 refreshCart(); 6661 } else if (!refresh) { 6662 refreshCart(); 6663 openPopoutCart(); 6664 } else { 6665 window.location.href = '/cart'; 6666 } 6667 6668 /* At this point we should trigger the Klaviyo event */ 6669 sendCartAddKlaviyoEvent(data, variant, quantity); 6670 })["catch"](function (error) { 6671 alert(error); 6672 }); 6673 } catch (e) { 6674 console.log(e); 6675 } 6676} 6677function getProductSegment(productType) { 6678 /* Split into product group and item category */ 6679 var _productType$split$ma = productType.split(' > ').map(function (entry) { 6680 return entry.trim(); 6681 }), 6682 _productType$split$ma2 = _slicedToArray(_productType$split$ma, 2), 6683 productGroup = _productType$split$ma2[0], 6684 itemCategory = _productType$split$ma2[1]; 6685 if (productGroup.includes('UNISEX')) { 6686 return 'UNISEX'; 6687 } 6688 if (itemCategory.includes('UNISEX')) { 6689 return 'UNISEX'; 6690 } 6691 if (itemCategory.includes('WOMENS')) { 6692 return 'WOMENS'; 6693 } 6694 if (itemCategory.includes('MENS')) { 6695 return 'MENS'; 6696 } 6697 if (itemCategory.includes('KIDS')) { 6698 return 'KIDS'; 6699 } 6700 if (productGroup.includes('WOMENS')) { 6701 return 'WOMENS'; 6702 } 6703 if (productGroup.includes('MENS')) { 6704 return 'MENS'; 6705 } 6706 if (productGroup.includes('KIDS')) { 6707 return 'KIDS'; 6708 } 6709 return 'ACCESSORIES'; 6710} 6711 6712/** 6713 * A simple function that takes the output of the cart add.js response 6714 * and a variant and quantity and creates a Klaviyo add to cart event 6715 **/ 6716function sendCartAddKlaviyoEvent(data, variant, quantity) { 6717 try { 6718 /* Based on the product type, determine the product segment */ 6719 var matchingLine = data.items.find(function (line) { 6720 return line.variant_id.toString() === variant; 6721 }); 6722 if (!matchingLine) { 6723 return; 6724 } 6725 6726 /* Deterine the product segment */ 6727 var productSegment = getProductSegment(matchingLine.product_type); 6728 6729 /* Get the size */ 6730 var size = matchingLine.variant_options[0]; 6731 6732 /* Determine the full segment */ 6733 var fullProductSegment = "".concat(productSegment, " - ").concat(size); 6734 6735 /* Create the event data */ 6736 var event = { 6737 product_title: matchingLine.title, 6738 product_id: matchingLine.product_id, 6739 variant_title: matchingLine.variant_title, 6740 product_type: matchingLine.product_type, 6741 product_group: matchingLine.product_type.split(' > ')[0].trim(), 6742 item_category: matchingLine.product_type.split(' > ')[1].trim(), 6743 price: (matchingLine.price / 100).toFixed(2), 6744 quantity: quantity, 6745 product_size: size, 6746 product_colour: matchingLine.variant_options[1], 6747 full_product_segment: fullProductSegment 6748 }; 6749 if (typeof _learnq !== 'undefined') { 6750 _learnq.push(['track', 'Added to Cart', event]); 6751 } 6752 } catch (e) { 6753 console.error(e); 6754 } 6755} 6756 6757// Keyed by line key, not variant ID: a variant can exist in more than one cart line (e.g. 6758// shared with a bundle group), and only the line key identifies the exact line to update. 6759// The key is only re-resolved if the update misses: this call 6760// is debounced, so a concurrent mutation can rotate the rendered key before it fires. 6761function handleChangeCartItemQuantity(lineKey, event, lineProperties) { 6762 var quantity = event.target.value; 6763 showCartLoading(); 6764 updateCartLineQuantity(lineKey, quantity, lineProperties).then(function () { 6765 refreshCart(); 6766 // Trigger for adding in free item on change 6767 addToCart(-1, -1, false, true); 6768 })["catch"](function (error) { 6769 console.error('Error:', error); 6770 hideCartLoading(); 6771 }); 6772} 6773var debouncedHandleChangeCartItemQuantity = window.theme.utils.debounce(400, function (lineKey, event, lineProperties) { 6774 handleChangeCartItemQuantity(lineKey, event, lineProperties); 6775}); 6776var KitBuilder = /*#__PURE__*/function () { 6777 function KitBuilder(products, theme, title, baseProductVariantId, productId) { 6778 var _this = this; 6779 _classCallCheck(this, KitBuilder); 6780 _defineProperty(this, "_buildSelectIds", function () { 6781 var ids = _this._getCurrentLocalIds(); 6782 if (document.querySelector("input#variant-id-selector-".concat(_this.baseProductVariantId))) { 6783 var input = document.querySelector("input#variant-id-selector-".concat(_this.baseProductVariantId)); 6784 input.setAttribute('data-variant-ids', ids); 6785 } else { 6786 var idInput = document.createElement('input'); 6787 idInput.id = "variant-id-selector-".concat(_this.baseProductVariantId); 6788 idInput.setAttribute('type', 'hidden'); 6789 idInput.setAttribute('data-product-id', _this.productId); 6790 idInput.setAttribute('data-variant-ids', ids); 6791 idInput.setAttribute('data-group-id', _this.groupId); 6792 idInput.setAttribute('data-variant-hash', _this.hash); 6793 return idInput; 6794 } 6795 }); 6796 if (products === undefined) { 6797 throw new Error('Products can not be undefined'); 6798 } 6799 this.productId = productId; 6800 this.baseProductVariantId = baseProductVariantId; 6801 this.main = document.body; 6802 this.container = document.createElement('div'); 6803 this.container.className = 'tmp-container'; 6804 this.products = products().products; 6805 this.hash = JSON.stringify(products().hash); 6806 this.promotionTitle = 'Input'; 6807 this.selectConfig = this._configInit(); 6808 this.theme = theme; 6809 this.title = title; 6810 this.groupId = this._generateUUID(); 6811 this.baseColours = {}; 6812 if (!Object.values(this.products).length) { 6813 this.rejectBuild(); 6814 return; 6815 } 6816 this._init(); 6817 } 6818 _createClass(KitBuilder, [{ 6819 key: "rejectBuild", 6820 value: function rejectBuild() { 6821 console.log('rejected'); 6822 return; 6823 6824 // document.querySelector('.product__promo_banner').style.display = 'none' 6825 // setTimeout(() => { 6826 // document.querySelector('button.base-cart-button').setAttribute('data-has-kit-bundle', 'false'); 6827 // document.querySelector('.add-to-cart .button--text').innerText = 'Add to bag' 6828 // }, 500) 6829 } 6830 }, { 6831 key: "_getColours", 6832 value: function () { 6833 var _getColours2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
6834 var getHandles, productColours, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _iterator, _step, handle, url, colours, colourJson; 6835 return _regeneratorRuntime().wrap(function _callee$(_context) { 6836 while (1) { 6837 switch (_context.prev = _context.next) { 6838 case 0: 6839 getHandles = Object.values(this.products).reduce(function (obj, val) { 6840 obj.push([val.title, val.handle]); 6841 return obj; 6842 }, []); 6843 productColours = []; 6844 _iteratorAbruptCompletion = false; 6845 _didIteratorError = false; 6846 _context.prev = 4; 6847 _iterator = _asyncIterator(getHandles); 6848 case 6: 6849 _context.next = 8; 6850 return _iterator.next(); 6851 case 8: 6852 if (!(_iteratorAbruptCompletion = !(_step = _context.sent).done)) { 6853 _context.next = 21; 6854 break; 6855 } 6856 handle = _step.value; 6857 url = "".concat(theme.ENV.apiUrl, "/products/").concat(handle[1], "/other-colours"); 6858 _context.next = 13; 6859 return fetch(url); 6860 case 13: 6861 colours = _context.sent; 6862 _context.next = 16; 6863 return colours.json(); 6864 case 16: 6865 colourJson = _context.sent; 6866 productColours.push(colourJson); 6867 case 18: 6868 _iteratorAbruptCompletion = false; 6869 _context.next = 6; 6870 break; 6871 case 21: 6872 _context.next = 27; 6873 break; 6874 case 23: 6875 _context.prev = 23; 6876 _context.t0 = _context["catch"](4); 6877 _didIteratorError = true; 6878 _iteratorError = _context.t0; 6879 case 27: 6880 _context.prev = 27; 6881 _context.prev = 28; 6882 if (!(_iteratorAbruptCompletion && _iterator["return"] != null)) { 6883 _context.next = 32; 6884 break; 6885 } 6886 _context.next = 32; 6887 return _iterator["return"](); 6888 case 32: 6889 _context.prev = 32; 6890 if (!_didIteratorError) { 6891 _context.next = 35; 6892 break; 6893 } 6894 throw _iteratorError; 6895 case 35: 6896 return _context.finish(32); 6897 case 36: 6898 return _context.finish(27); 6899 case 37: 6900 this.baseColours = productColours.reduce(function (colours, productColours) { 6901 return colours.concat(productColours); 6902 }, []).reduce(function (colourObj, colour) { 6903 return _objectSpread(_objectSpread({}, colourObj), {}, _defineProperty({}, colour.name, "background-color: ".concat(colour.hex, "!important;"))); 6904 }, {}); 6905 return _context.abrupt("return", true); 6906 case 39: 6907 case "end": 6908 return _context.stop(); 6909 } 6910 } 6911 }, _callee, this, [[4, 23, 27, 37], [28,, 32, 36]]); 6912 })); 6913 function _getColours() { 6914 return _getColours2.apply(this, arguments); 6915 } 6916 return _getColours; 6917 }() 6918 }, { 6919 key: "_generateUUID", 6920 value: function _generateUUID() { 6921 var d = new Date().getTime(); 6922 var d2 = typeof performance !== 'undefined' && performance.now && performance.now() * 1000 || 0; 6923 return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { 6924 var r = Math.random() * 16; 6925 if (d > 0) { 6926 r = (d + r) % 16 | 0; 6927 d = Math.floor(d / 16); 6928 } else { 6929 r = (d2 + r) % 16 | 0; 6930 d2 = Math.floor(d2 / 16); 6931 } 6932 return (c === 'x' ? r : r & 0x3 | 0x8).toString(16); 6933 }); 6934 } 6935 }, { 6936 key: "_configInit", 6937 value: function _configInit() { 6938 var _this2 = this; 6939 return Object.keys(this.products).reduce(function (acc, key) { 6940 var firstVariant = Object.keys(_this2.products[key].variants)[0]; 6941 acc[key] = { 6942 colour: firstVariant, 6943 variantSelected: _this2.products[key].variants[firstVariant][0] 6944 }; 6945 return acc; 6946 }, {}); 6947 } 6948 }, {
6949 key: "_selectColourUI", 6950 value: function _selectColourUI(e) { 6951 var current = e.currentTarget; 6952 var parent = current.parentElement; 6953 Array.from(parent.children).map(function (child) { 6954 return child.classList.remove('selected'); 6955 }); 6956 current.classList.add('selected'); 6957 } 6958 }, { 6959 key: "_selectVariant", 6960 value: function _selectVariant(e, title, colour) { 6961 var _this3 = this; 6962 this._selectColourUI(e); 6963 this.selectConfig[title].colour = colour; 6964 if (this.selectConfig[title]['sizeRef']) { 6965 this.selectConfig[title].variantSelected = this.products[title].variants[colour].find(function (variant) { 6966 return variant.option1 === _this3.selectConfig[title]['sizeRef']; 6967 }); 6968 } else { 6969 this.selectConfig[title].variantSelected = this.products[title].variants[colour][0]; 6970 } 6971 var img = this.products[title].img[colour]; 6972 this._render(title, img); 6973 var size = document.querySelector('size-area'); 6974 var frame = document.querySelector("div.product-frame__container[data-item=\"".concat(title, "\"]")); 6975 frame.removeChild(frame.children[frame.children.length - 1]); 6976 var renderedSize = this._productSizeArea(this.products[title].variants[colour], title); 6977 frame.appendChild(renderedSize); 6978 this._buildSelectIds(); 6979 this._validateCart(title); 6980 } 6981 }, { 6982 key: "_exitButton", 6983 value: function _exitButton() { 6984 var _this4 = this; 6985 var container = document.createElement('div'); 6986 container.className = 'kit-builder-exit'; 6987 var exitButtonHTML = "<button class=\"icon-button modal__close-button\"><i class=\"material-icons icon icon-md \">close</i></button>"; 6988 container.innerHTML = exitButtonHTML; 6989 container.addEventListener('click', function (e) { 6990 var _kit$children$0$class, _kit$children$0$class2, _kit$children$0$class3; 6991 var kit = _this4.container; 6992 var k = (_kit$children$0$class = kit.children[0].className) === null || _kit$children$0$class === void 0 ? void 0 : (_kit$children$0$class2 = _kit$children$0$class.split(' ')) === null || _kit$children$0$class2 === void 0 ? void 0 : (_kit$children$0$class3 = _kit$children$0$class2.filter(function (t) { 6993 return t.includes('kit-container-'); 6994 })) === null || _kit$children$0$class3 === void 0 ? void 0 : _kit$children$0$class3.pop(); 6995 var variant = k.split('-').pop(); 6996 var outerContainer = document.querySelector(".kit-container-".concat(variant, ".kit-container")); 6997 outerContainer.style.opacity = 0; 6998 outerContainer.style.zIndex = -1; 6999 outerContainer.children[0].style = 'transform(translateY(0em))'; 7000 _this4.main.style.overflow = 'unset'; 7001 }); 7002 return container; 7003 } 7004 }, { 7005 key: "_selectSize", 7006 value: function _selectSize(e, title, size) {
7007 this._selectColourUI(e); 7008 var colour = this.selectConfig[title].colour; 7009 var variant = this.products[title].variants[colour].find(function (s) { 7010 return s.option1 === size; 7011 }); 7012 this.selectConfig[title].variantSelected = variant; 7013 this.selectConfig[title]['sizeRef'] = size; 7014 this._buildSelectIds(); 7015 this._validateCart(title); 7016 } 7017 }, { 7018 key: "_colourArea", 7019 value: function _colourArea(colours, title) { 7020 var _this5 = this; 7021 var colourRef = this.baseColours; 7022 var container = document.createElement('div'); 7023 container.className = 'flex row'; 7024 container.style.padding = '0.5em 0'; 7025 colours.map(function (colour, i) { 7026 var colourFormat = colour.split(' / ')[0].toLowerCase(); 7027 var cc = document.createElement('div'); 7028 cc.addEventListener('click', function (e) { 7029 _this5._selectVariant(e, title, colour); 7030 }); 7031 cc.className = "colour ".concat(i === 0 ? 'selected' : ''); 7032 cc.setAttribute('style', "".concat(colourRef[colour])); 7033 cc.setAttribute('title', colour); 7034 container.appendChild(cc); 7035 }); 7036 return container; 7037 } 7038 }, { 7039 key: "_titleArea", 7040 value: function _titleArea(title) { 7041 var titleFrame = document.createElement('div'); 7042 titleFrame.innerHTML = "<p class='kit-build-title'>".concat(title, "</p>"); 7043 return titleFrame; 7044 } 7045 }, { 7046 key: "_imgArea", 7047 value: function _imgArea(img) { 7048 var imgFrame = document.createElement('div'); 7049 imgFrame.innerHTML = "<img loading=\"lazy\" style=\"padding: 1em 0;\" src=".concat(img, "/>"); 7050 return imgFrame; 7051 } 7052 }, { 7053 key: "_productSizeArea", 7054 value: function _productSizeArea(sizes, title) { 7055 var _this6 = this; 7056 var container = document.createElement('div'); 7057 container.className = 'flex row size-area'; 7058 if (sizes.length >= 6) { 7059 container.setAttribute('style', 'flex-wrap: wrap;height: 50px;'); 7060 } 7061 sizes.map(function (size, i) { 7062 if (!size.available) { 7063 return; 7064 } 7065 var s = document.createElement('div'); 7066 s.addEventListener('click', function (e) { 7067 _this6._selectSize(e, title, size.option1); 7068 }); 7069 s.innerHTML = "<div>".concat(size.option1, "</div>"); 7070 if (_this6.selectConfig[title]['sizeRef']) { 7071 if (parseInt(_this6.selectConfig[title]['sizeRef']) > parseInt(size.option1) && i === sizes.length - 1) { 7072 s.className = "size selected"; 7073 _this6.selectConfig[title]['sizeRef'] = size.option1; 7074 } else { 7075 s.className = "size ".concat(_this6.selectConfig[title]['sizeRef'] === size.option1 ? 'selected' : ''); 7076 } 7077 } else { 7078 s.className = "size ".concat(i === 0 ? 'selected' : ''); 7079 } 7080 container.appendChild(s); 7081 }); 7082 return container; 7083 } 7084 }, { 7085 key: "_render", 7086 value: function _render(title, img) { 7087 var renderImg = document.querySelector("div[data-item=\"".concat(title, "\"]")).children[1].children[0]; 7088 renderImg.setAttribute('src', img); 7089 } 7090 }, { 7091 key: "_productFrameBuilder", 7092 value: function _productFrameBuilder(product) { 7093 var firstVariantKey = this.selectConfig[product.title].colour; 7094 var variantColours = Object.keys(product.variants); 7095 var colourCodes = variantColours.map(function (colour) { 7096 return colour.split(' / ')[0].toLowerCase(); 7097 }); 7098 var productFrame = document.createElement('div'); 7099 productFrame.className = 'product-frame__container'; 7100 productFrame.style.minWidth = '352px'; 7101 productFrame.style.maxWidth = '352px'; 7102 productFrame.setAttribute('data-item', product.title); 7103 var title = this._titleArea(product.title); 7104 var img = this._imgArea(product.img[firstVariantKey]); 7105 var colours = this._colourArea(variantColours, product.title); 7106 var sizes = this._productSizeArea(product.variants[firstVariantKey], product.title); 7107 Array.from([title, img, colours, sizes]).map(function (element) { 7108 return productFrame.appendChild(element); 7109 }); 7110 return productFrame; 7111 } 7112 }, { 7113 key: "_header", 7114 value: function _header(title) { 7115 var headerContainer = document.createElement('div');
7116 headerContainer.className = 'kit-builder-header'; 7117 var titleArea = this._titleArea(title); 7118 var exitButton = this._exitButton(); 7119 headerContainer.appendChild(titleArea); 7120 headerContainer.appendChild(exitButton); 7121 return headerContainer; 7122 } 7123 }, { 7124 key: "_containerFrame", 7125 value: function _containerFrame(info) { 7126 var _this7 = this; 7127 var container = document.createElement('div'); 7128 // container.id = 'kit-container'; 7129 container.className = "kit-container-".concat(this.baseProductVariantId, " kit-container"); 7130 var containerInnerFrame = document.createElement('div'); 7131 var title = this.title.length ? this.title : 'Free Gift Configuration'; 7132 containerInnerFrame.appendChild(this._header(title)); 7133 // containerInnerFrame.innerHTML += '<hr style="width: 90%;margin: auto;"/>' 7134 //containerInnerFrame.innerHTML = `<p class="theme-kit-builder-title">${title}</p> <hr style="width: 90%;margin: auto;"/>` 7135 container.addEventListener('click', function (e) { 7136 if (e.target === e.currentTarget) { 7137 container.style.opacity = 0; 7138 container.style.zIndex = -1; 7139 container.children[0].style = 'transform(translateY(0em))'; 7140 _this7.main.style.overflow = 'unset'; 7141 } 7142 }); 7143 containerInnerFrame.appendChild(info); 7144 containerInnerFrame.appendChild(this._addToCart()); 7145 containerInnerFrame.appendChild(this._buildSelectIds()); 7146 container.appendChild(containerInnerFrame); 7147 this.container.appendChild(container); 7148 } 7149 }, { 7150 key: "_init", 7151 value: function () { 7152 var _init2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() { 7153 var _this8 = this; 7154 var productColours, productKeys, productHash, productFrameHTML; 7155 return _regeneratorRuntime().wrap(function _callee2$(_context2) { 7156 while (1) { 7157 switch (_context2.prev = _context2.next) { 7158 case 0: 7159 _context2.next = 2; 7160 return this._getColours(); 7161 case 2: 7162 productColours = _context2.sent; 7163 if (!productColours) { 7164 _context2.next = 12; 7165 break; 7166 } 7167 productKeys = Object.keys(this.products); 7168 productHash = this.products; 7169 productFrameHTML = document.createElement('div'); 7170 productFrameHTML.className = 'flex row'; 7171 productKeys.map(function (product) { 7172 productFrameHTML.appendChild(_this8._productFrameBuilder(productHash[product])); 7173 }); 7174 this._containerFrame(productFrameHTML); 7175 this.main.appendChild(this.container); 7176 return _context2.abrupt("return"); 7177 case 12: 7178 this.rejectBuild(); 7179 case 13: 7180 case "end": 7181 return _context2.stop(); 7182 } 7183 } 7184 }, _callee2, this); 7185 })); 7186 function _init() { 7187 return _init2.apply(this, arguments); 7188 } 7189 return _init; 7190 }() 7191 }, { 7192 key: "_validateCart", 7193 value: function _validateCart(title) { 7194 try { 7195 var variantSku = this.selectConfig[title].variantSelected.sku; 7196 theme.validateCart('product', variantSku, 1); 7197 } catch (e) { 7198 console.log(e); 7199 } 7200 } 7201 }, { 7202 key: "_getCurrentLocalIds", 7203 value: function _getCurrentLocalIds() { 7204 var hiddenIds = Object.values(this.selectConfig).reduce(function (acc, value) { 7205 acc.push(value.variantSelected.id); 7206 return acc; 7207 }, []).join(','); 7208 return hiddenIds; 7209 } 7210 }, { 7211 key: "_updateBaseProductVariantIDSelectors", 7212 value: function _updateBaseProductVariantIDSelectors() { 7213 var _kit$children$0$class4, _kit$children$0$class5, _kit$children$0$class6; 7214 var kit = this.container; 7215 var k = (_kit$children$0$class4 = kit.children[0].className) === null || _kit$children$0$class4 === void 0 ? void 0 : (_kit$children$0$class5 = _kit$children$0$class4.split(' ')) === null || _kit$children$0$class5 === void 0 ? void 0 : (_kit$children$0$class6 = _kit$children$0$class5.filter(function (t) { 7216 return t.includes('kit-container-'); 7217 })) === null || _kit$children$0$class6 === void 0 ? void 0 : _kit$children$0$class6.pop(); 7218 var variant = k.split('-').pop(); 7219 var input = document.querySelector("input#variant-id-selector-".concat(this.baseProductVariantId)); 7220 input.id = "variant-id-selector-".concat(variant); 7221 handleProductBundleCreate(variant); 7222 } 7223 }, { 7224 key: "_addToCart", 7225 value: function _addToCart() { 7226 var _this9 = this; 7227 var container = document.createElement('div'); 7228 container.style.paddingTop = '1em'; 7229 var addToCartButton = document.createElement('button'); 7230 addToCartButton.className = 'product-bundle-create button button-md button-icon-animated add-to-cart'; 7231 addToCartButton.innerText = 'ADD TO BAG'; 7232 addToCartButton.addEventListener('click', function (e) { 7233 _this9._updateBaseProductVariantIDSelectors(); 7234 7235 // handleProductBundleCreate(this.baseProductVariantId) 7236 }); 7237 7238 addToCartButton.style.margin = 'auto'; 7239 container.appendChild(addToCartButton); 7240 return container; 7241 } 7242 }]); 7243 return KitBuilder; 7244}(); 7245function removeUpsellContainer() { 7246 //Remove container and border above it 7247 var upsellContainer = document.querySelector(".cart-upsell"); 7248 var upsellTopBorder = document.querySelector("#upsell-border-top"); 7249 if (upsellContainer) { 7250 upsellContainer.style.display = 'none'; 7251 upsellTopBorder.style.display = 'none'; 7252 } 7253} 7254function handleUpsellNavigation() { 7255 var items = document.querySelectorAll('.popout-cart-item'); 7256 var nextButton = document.querySelector('.view-next-upsell-item'); 7257 var prevButton = document.querySelector('.view-previous-upsell-item'); 7258 if (!items.length || !nextButton || !prevButton) return; 7259 7260 // Remove any existing event listeners by cloning and replacing the buttons 7261 var newNextButton = nextButton.cloneNode(true); 7262 var newPrevButton = prevButton.cloneNode(true); 7263 nextButton.parentNode.replaceChild(newNextButton, nextButton); 7264 prevButton.parentNode.replaceChild(newPrevButton, prevButton); 7265 var currentIndex = 0; 7266 function preloadAdjacentImages() { 7267 //Preload images beside the shown item. This prevents images from loading too slowly 7268 if (currentIndex < items.length - 1) { 7269 var nextImage = items[currentIndex + 1].querySelector('img'); 7270 if (nextImage) { 7271 var img = new Image(); 7272 img.src = nextImage.src; 7273 } 7274 } 7275 if (currentIndex > 0) { 7276 var prevImage = items[currentIndex - 1].querySelector('img'); 7277 if (prevImage) { 7278 var _img = new Image(); 7279 _img.src = prevImage.src; 7280 } 7281 } 7282 } 7283 function updateButtonStates() { 7284 //Disable or enable buttons if applicable 7285 if (currentIndex >= items.length - 1) { 7286 newNextButton.style.color = 'var(--colorLightGray) !important'; 7287 newNextButton.style.pointerEvents = 'none'; 7288 } else { 7289 newNextButton.style.color = 'var(--colorNavy) !important'; 7290 newNextButton.style.pointerEvents = 'auto'; 7291 } 7292 if (currentIndex <= 0) { 7293 newPrevButton.style.color = 'var(--colorLightGray) !important'; 7294 newPrevButton.style.pointerEvents = 'none'; 7295 } else { 7296 newPrevButton.style.color = 'var(--colorNavy) !important'; 7297 newPrevButton.style.pointerEvents = 'auto'; 7298 } 7299 } 7300 function showItem(index) {
7301 items.forEach(function (item, i) { 7302 item.style.display = i === index ? 'flex' : 'none'; 7303 }); 7304 currentIndex = index; 7305 updateButtonStates(); 7306 preloadAdjacentImages(); 7307 } 7308 newNextButton.addEventListener('click', function () { 7309 if (currentIndex < items.length - 1) { 7310 showItem(currentIndex + 1); 7311 } 7312 }); 7313 newPrevButton.addEventListener('click', function () { 7314 if (currentIndex > 0) { 7315 showItem(currentIndex - 1); 7316 } 7317 }); 7318 7319 //This enables the view to display the 'first' item in the list 7320 showItem(items.length - 1); 7321} 7322document.addEventListener('cartContentUpdated', handleUpsellNavigation); 7323 7324// Also call handleUpsellNavigation when the document is ready 7325$(document).ready(function () { 7326 handleUpsellNavigation(); 7327}); 7328</script>
7328 7329
7330<script> 7331 window.theme = window.theme || {}; 7332 theme.productBundles = [].map(function (bundle) { 7333 return { 7334 handle: bundle.handle, 7335 quantity: bundle.quantity, 7336 products: bundle.products.split(',').filter(Boolean).map(Number), 7337 }; 7338 }); 7339</script>
7339 7340 7341
7342<script> 7343"use strict"; 7344 7345/* Groups loose cart lines into a bundle without the shopper visiting the product page. 7346 * After any cart change, the loose (untagged) lines are matched against every published 7347 * bundle's member products; when a bundle can be completed from them, the pipeline runs: 7348 * GET /cart/line-properties/product-bundle for signed properties, add the tagged lines, 7349 * then take the consumed units off the loose lines. The dynamic-pricing Function prices 7350 * the group from those properties, and nothing here changes that contract. A bundle 7351 * already in the cart does not stop another group of the same bundle from being built: 7352 * a shopper may buy a bundle more than once. */ 7353 7354/* The run in progress is shared with every caller that asks while it is still going, so a 7355 * drawer refresh that overlaps a cart page load waits for the same grouping instead of 7356 * rendering half-way through a cart mutation. */ 7357var autoGroupBundlesInFlight = null; 7358var autoGroupBundlesFailed = {}; 7359 7360/* Cart endpoints are built off the storefront's locale root so a locale-prefixed 7361 * storefront reads and writes its own cart. */ 7362function cartRoute(path) { 7363 var root = window.Shopify && Shopify.routes && Shopify.routes.root || "/"; 7364 return root.replace(/\/$/, "") + path; 7365} 7366function readCart() { 7367 return fetch(cartRoute("/cart.js")).then(function (response) { 7368 return response.json(); 7369 }); 7370} 7371 7372/* The dynamic-pricing Function's discount can land a beat after /cart/add.js responds, 7373 * so refreshing the cart view immediately can render the bundle as separate, undiscounted 7374 * items until a later full recalculation (e.g. reaching checkout) catches it up. Poll 7375 * /cart.js until the new group carries the Function's "Bundle" discount before refreshing, 7376 * giving up after a bounded number of attempts so a genuine failure doesn't hang the UI. 7377 * Resolves true once the discount is confirmed and false on timeout. A timeout is not an 7378 * error: the lines are already in the cart, so the caller must still treat the bundle as 7379 * added. */ 7380function waitForBundleDiscount(groupId, attemptsLeft) { 7381 if (attemptsLeft === undefined) attemptsLeft = 5; 7382 return readCart().then(function (cart) { 7383 var groupVariantIds = cart.items.filter(function (item) { 7384 return item.properties && item.properties._x_group === groupId; 7385 }).map(function (item) { 7386 return item.variant_id; 7387 }); 7388 7389 /* Checked across every line of the group's variants rather than per group line: 7390 * Shopify's fixed-amount bundle discount doesn't always split evenly across every 7391 * line, and the Function merges the discounts of groups that share a variant, so the 7392 * new group's amount can land on another group's line of the same variant. Only the 7393 * Function's own "Bundle" allocation counts; a product discount from another 7394 * promotion says nothing about whether the bundle price has landed. */ 7395 var bundleDiscountApplied = cart.items.some(function (item) { 7396 if (groupVariantIds.indexOf(item.variant_id) === -1) return false; 7397 return (item.discounts || []).some(function (discount) { 7398 return discount.title === "Bundle" && discount.amount > 0; 7399 }); 7400 }); 7401 if (bundleDiscountApplied) { 7402 return true; 7403 } 7404 if (attemptsLeft <= 1) { 7405 console.warn("Bundle discount not confirmed before timeout; refreshing cart anyway.", groupId); 7406 return false; 7407 } 7408 return new Promise(function (resolve) { 7409 setTimeout(resolve, 400); 7410 }).then(function () { 7411 return waitForBundleDiscount(groupId, attemptsLeft - 1); 7412 }); 7413 }); 7414} 7415 7416/* Resolves true when at least one bundle was built from loose lines (the cart has changed 7417 * and the caller should re-render), false when nothing qualified. Bundles are built one at 7418 * a time from a fresh cart read until no bundle can be completed, so two bundles quick-added 7419 * in one sitting are both grouped on the same refresh. Never rejects: a failure to build is 7420 * logged, remembered for that exact set of lines and quantities so it isn't retried on 7421 * every refresh, and the cart is left as it was. */ 7422function autoGroupBundles() { 7423 var bundles = window.theme && theme.productBundles || []; 7424 if (bundles.length === 0) return Promise.resolve(false); 7425 if (autoGroupBundlesInFlight) return autoGroupBundlesInFlight; 7426 autoGroupBundlesInFlight = readCart().then(function (cart) { 7427 return groupNextBundle(bundles, false, maxBundleBuilds(bundles, cart)); 7428 })["catch"](function (err) { 7429 console.warn("Could not read cart for bundle grouping.", err); 7430 return false;
7431 })["finally"](function () { 7432 autoGroupBundlesInFlight = null; 7433 }); 7434 return autoGroupBundlesInFlight; 7435} 7436 7437/* Every build consumes at least the smallest bundle's quantity in loose units, so the 7438 * loose unit count divided by that quantity bounds how many groups one pass can build. 7439 * The same bundle can be built several times from one cart, so the number of published 7440 * bundles is not a bound. */ 7441function maxBundleBuilds(bundles, cart) { 7442 var looseUnits = cart.items.reduce(function (total, item) { 7443 return item.properties && item.properties._x_type ? total : total + item.quantity; 7444 }, 0); 7445 var smallestQuantity = bundles.reduce(function (smallest, bundle) { 7446 return bundle.quantity > 0 && bundle.quantity < smallest ? bundle.quantity : smallest; 7447 }, Infinity); 7448 if (smallestQuantity === Infinity) return 0; 7449 return Math.floor(looseUnits / smallestQuantity); 7450} 7451function groupNextBundle(bundles, grouped, attemptsLeft) { 7452 if (attemptsLeft <= 0) return Promise.resolve(grouped); 7453 return readCart().then(function (cart) { 7454 var candidate = findCompletableBundle(bundles, cart); 7455 if (!candidate) return grouped; 7456 return commitAutoBundle(candidate).then(function () { 7457 return groupNextBundle(bundles, true, attemptsLeft - 1); 7458 })["catch"](function (err) { 7459 console.error("Could not build bundle from cart lines.", err); 7460 autoGroupBundlesFailed[candidate.signature] = true; 7461 return groupNextBundle(bundles, grouped, attemptsLeft - 1); 7462 }); 7463 })["catch"](function (err) { 7464 console.warn("Could not read cart for bundle grouping.", err); 7465 return grouped; 7466 }); 7467} 7468 7469/* Identifies a build attempt by the bundle, the variants chosen and the loose lines they 7470 * came from with their quantities. A failed build is remembered under this key, so the 7471 * same lines are not retried on every refresh, while any change to those lines (a unit 7472 * added, a line removed) produces a new key and a fresh attempt. */ 7473function bundleSignature(bundle, assignment) { 7474 var lineKeys = {}; 7475 assignment.forEach(function (line) { 7476 lineKeys[line.key + "=" + line.quantity] = true; 7477 }); 7478 return bundle.handle + ":" + assignment.map(function (line) { 7479 return line.variantId; 7480 }).sort().join(",") + ":" + Object.keys(lineKeys).sort().join(","); 7481} 7482 7483/* Walks the bundles in metaobject order and returns the first one the loose lines can 7484 * complete, with the variant chosen for each unit and how many units each loose line 7485 * gives up. Loose means the line carries no _x_type: lines already in a bundle or free 7486 * gift pairing are never pulled apart, and a bundle already in the cart is neither 7487 * rebuilt nor a reason to skip building another group of it. A bundle whose build 7488 * already failed for this exact set of lines is skipped so the bundles after it still 7489 * get a chance. */ 7490function findCompletableBundle(bundles, cart) { 7491 var looseLines = cart.items.filter(function (item) { 7492 return !(item.properties && item.properties._x_type); 7493 }).map(function (item) { 7494 return { 7495 key: item.key, 7496 variantId: item.variant_id, 7497 productId: item.product_id, 7498 quantity: item.quantity, 7499 price: item.price 7500 }; 7501 }); 7502 for (var b = 0; b < bundles.length; b++) { 7503 var bundle = bundles[b]; 7504 if (!bundle.quantity) continue; 7505 var eligibleLines = looseLines.filter(function (line) { 7506 return bundle.products.indexOf(line.productId) > -1; 7507 }); 7508 var assignment = takeUnits(eligibleLines, bundle.quantity); 7509 if (!assignment) continue; 7510 var variantIds = assignment.map(function (line) { 7511 return line.variantId; 7512 }); 7513 var signature = bundleSignature(bundle, assignment); 7514 if (autoGroupBundlesFailed[signature]) continue; 7515 var consumed = {}; 7516 assignment.forEach(function (line) { 7517 consumed[line.variantId] = (consumed[line.variantId] || 0) + 1; 7518 }); 7519 return { 7520 bundle: bundle, 7521 signature: signature, 7522 variantIds: variantIds, 7523 consumedByVariant: consumed 7524 }; 7525 } 7526 return null; 7527} 7528 7529/* Takes the given number of units from the lines, dearest first, one entry per unit, so 7530 * a line with quantity above one can supply several units. The bundle price is a fixed 7531 * amount, so the units chosen decide whether grouping is a saving at all: the API rejects 7532 * a group whose full price does not exceed the bundle price, and the dearest units give 7533 * the largest full price, so if this pick is rejected no other pick from the same lines 7534 * would pass. Lines of equal price keep cart order. The first unit becomes the bundle's 7535 * base line. Returns null when the lines hold fewer units than needed. */ 7536function takeUnits(lines, quantity) { 7537 var byPrice = lines.map(function (line, index) { 7538 return { 7539 line: line, 7540 index: index 7541 }; 7542 }).sort(function (a, b) { 7543 return b.line.price - a.line.price || a.index - b.index; 7544 }).map(function (entry) { 7545 return entry.line; 7546 }); 7547 var chosen = []; 7548 for (var i = 0; i < byPrice.length && chosen.length < quantity; i++) { 7549 var line = byPrice[i]; 7550 for (var unit = 0; unit < line.quantity && chosen.length < quantity; unit++) { 7551 chosen.push(line); 7552 } 7553 } 7554 return chosen.length === quantity ? chosen : null; 7555} 7556function postCart(path, body) { 7557 return theme.utils.fetch(cartRoute(path), { 7558 method: "POST", 7559 headers: { 7560 "Content-Type": "application/json" 7561 }, 7562 body: JSON.stringify(body) 7563 }); 7564} 7565 7566/* Adds the tagged lines before touching the loose ones, so a failed add leaves the cart 7567 * exactly as it was. The loose lines are re-read just before they are reduced: a quantity 7568 * the shopper changed since the cart was first read is honoured, and a variant that no 7569 * longer holds the consumed loose units aborts the build. If reducing the loose lines fails 7570 * or aborts, the tagged lines are removed again so the cart never carries both the bundle 7571 * and the full-price units it was built from. */ 7572function commitAutoBundle(candidate) { 7573 var query = "bundleHandle=" + encodeURIComponent(candidate.bundle.handle) + "&productVariantIds=" + encodeURIComponent(candidate.variantIds.join(","));
7574 return theme.utils.fetch(theme.ENV.apiUrl + "/cart/line-properties/product-bundle?" + query).then(function (response) { 7575 var lineProperties = response && response.lineProperties; 7576 var isValidPayload = Array.isArray(lineProperties) && lineProperties.length > 0 && lineProperties.every(function (lineProperty) { 7577 return !!(lineProperty && lineProperty._x_variant && lineProperty._x_group); 7578 }); 7579 if (!isValidPayload) { 7580 throw new Error("The bundle line properties were not returned."); 7581 } 7582 var items = lineProperties.map(function (lineProperty) { 7583 return { 7584 id: lineProperty._x_variant, 7585 quantity: lineProperty._x_quantity, 7586 properties: lineProperty 7587 }; 7588 }); 7589 return postCart("/cart/add.js", { 7590 items: items 7591 }).then(function () { 7592 return lineProperties[0]._x_group; 7593 }); 7594 }).then(function (groupId) { 7595 return reduceLooseLines(candidate.consumedByVariant)["catch"](function (err) { 7596 return removeBundleGroup(groupId).then(function () { 7597 throw err; 7598 }); 7599 }).then(function () { 7600 /* Past this point the add and the reduction have both committed. A poll that 7601 * cannot read the cart is treated like a timeout: the bundle is in the cart, so 7602 * the caller must still re-render and the build must not be remembered as failed. */ 7603 return waitForBundleDiscount(groupId)["catch"](function (err) { 7604 console.warn("Could not confirm the bundle discount; refreshing cart anyway.", err); 7605 return false; 7606 }); 7607 }); 7608 }); 7609} 7610 7611/* Loose units are matched by variant, not by the line key read earlier. Adding a tagged 7612 * line for a variant that is also in the cart loose can make Shopify re-split the loose 7613 * quantity across lines with new keys, and a key-based match would then wrongly conclude 7614 * the line was gone. The consumed units are taken from the loose lines of that variant in 7615 * cart order, and every line touched goes into one /cart/update.js call. */ 7616function reduceLooseLines(consumedByVariant) { 7617 return readCart().then(function (cart) { 7618 var updates = {}; 7619 Object.keys(consumedByVariant).forEach(function (variantId) { 7620 var remaining = consumedByVariant[variantId]; 7621 cart.items.forEach(function (item) { 7622 if (remaining <= 0) return; 7623 if (String(item.variant_id) !== String(variantId)) return; 7624 if (item.properties && item.properties._x_type) return; 7625 var taken = Math.min(item.quantity, remaining); 7626 updates[item.key] = item.quantity - taken; 7627 remaining -= taken; 7628 }); 7629 if (remaining > 0) { 7630 throw new Error("A loose line changed while the bundle was being built."); 7631 } 7632 }); 7633 return postCart("/cart/update.js", { 7634 updates: updates 7635 }); 7636 }); 7637} 7638function removeBundleGroup(groupId) { 7639 return readCart().then(function (cart) { 7640 var updates = {}; 7641 cart.items.forEach(function (item) { 7642 if (item.properties && item.properties._x_group === groupId) updates[item.key] = 0; 7643 }); 7644 if (Object.keys(updates).length === 0) return; 7645 return postCart("/cart/update.js", { 7646 updates: updates 7647 }); 7648 })["catch"](function (err) { 7649 console.error("Bundle lines could not be removed after a failed build.", err); 7650 }); 7651} 7652window.waitForBundleDiscount = waitForBundleDiscount; 7653window.autoGroupBundles = autoGroupBundles; 7654</script>
7654 7655 7656
7657<script> 7658"use strict"; 7659 7660window.headerPageScrollUpEventsDisabled = false; 7661var selectors = { 7662 header: ".header", 7663 wrapper: ".header-wrapper", 7664 announcementBar: ".announcement-banner", 7665 nav: ".header__nav", 7666 navItem: ".header__nav-item", 7667 navItemLink: ".header__nav-item-link", 7668 slider: ".header__megamenu-slider", 7669 headerSubCaption: ".header-sub-caption", 7670 stickyFilter: ".sticky-filter" 7671}; 7672var classes = { 7673 awake: "header-wrapper--awake", 7674 floating: "header--floating" 7675}; 7676function updateStickyHeaderPosition() { 7677 //Update position of filter bar, depending of page contents and their heights. 7678 var $stickyHeader = $(selectors.stickyFilter); 7679 var filterDiv = document.querySelector(".filter-section"); 7680 if (filterDiv) { 7681 var reachedTopOfFilterSection = filterDiv.getBoundingClientRect().top <= 0; 7682 if (reachedTopOfFilterSection) { 7683 $stickyHeader.css("position", "fixed"); 7684 $stickyHeader.css("top", "0"); 7685 } 7686 } 7687 7688 //everything here if not on a collection page (collection class) 7689 if (document.querySelector(".collection")) { 7690 var collectionHeader = document.querySelector(".collection-header"); 7691 var bannerImg = document.querySelector(".collection-banner-img"); 7692 var hasGreyBackground = collectionHeader && collectionHeader.classList.contains("grey-background"); 7693 var hasBannerImg = bannerImg !== null; 7694 var hasBubbleFilters = !(hasGreyBackground || hasBannerImg); 7695 7696 //Set bubble filter padding if applicable 7697 document.documentElement.style.setProperty("--bubbleFilterPadding", hasBubbleFilters ? "40px" : "0px"); 7698 var breadcrumbs = document.querySelector(".breadcrumbs"); 7699 var breadcrumbStyle = window.getComputedStyle(breadcrumbs); 7700 var breadCrumbsHeight = breadcrumbs.offsetHeight + parseFloat(breadcrumbStyle.marginTop) + parseFloat(breadcrumbStyle.marginBottom); 7701 var header = document.querySelector(".header.flex.stick"); 7702 var headerStyle = window.getComputedStyle(header); 7703 var headerHeight = header.offsetHeight + parseFloat(headerStyle.marginTop) + parseFloat(headerStyle.marginBottom); 7704 var bannerImgHeight = 0; 7705 var collectionHeaderHeight = 0; 7706 if (!hasBubbleFilters) { 7707 if (hasGreyBackground) { 7708 var collectionHeaderStyle = window.getComputedStyle(collectionHeader); 7709 collectionHeaderHeight = collectionHeader.offsetHeight + parseFloat(collectionHeaderStyle.marginTop) + parseFloat(collectionHeaderStyle.marginBottom); 7710 } else { 7711 var bannerImgStyle = window.getComputedStyle(bannerImg); 7712 bannerImgHeight = bannerImg.offsetHeight + parseFloat(bannerImgStyle.marginTop) + parseFloat(bannerImgStyle.marginBottom); 7713 } 7714 } else { 7715 var _collectionHeaderStyle = window.getComputedStyle(collectionHeader); 7716 collectionHeaderHeight = collectionHeader.offsetHeight + parseFloat(_collectionHeaderStyle.marginTop) + parseFloat(_collectionHeaderStyle.marginBottom); 7717 } 7718 7719 //Half of this height is the spacing / padding of where the sticky filter bar is supposed to be, so / 2 for height 7720 var bubbleFilterHeightHalf = 0; 7721 if (hasBubbleFilters) { 7722 var collectionBubbleFilter = document.querySelector(".collection-bubble-filter"); 7723 bubbleFilterHeightHalf = collectionBubbleFilter ? collectionBubbleFilter.offsetHeight / 2 - 30 : 0; 7724 } 7725 7726 //Bubble filter pages require extra spacing between filters and other elements 7727 var padding = hasBubbleFilters ? 94 : 10; 7728 7729 //Calculate the actual pixel value - returned for checking when filter bar position is reached 7730 var announcementBarHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--announcementBarHeight")) || 0; 7731 var totalHeight = announcementBarHeight + breadCrumbsHeight + headerHeight + padding + (hasBubbleFilters ? collectionHeaderHeight : bannerImgHeight) + (hasBubbleFilters ? bubbleFilterHeightHalf : hasGreyBackground ? collectionHeaderHeight : 0); 7732 var topCalc = "calc(var(--announcementBarHeight) + " + breadCrumbsHeight + "px + " + headerHeight + "px + " + padding + "px + " + (hasBubbleFilters ? collectionHeaderHeight : bannerImgHeight) + "px + " + (hasBubbleFilters ? bubbleFilterHeightHalf : hasGreyBackgroun
7732d ? collectionHeaderHeight : 0) + "px)"; 7733 $stickyHeader.css("top", topCalc); 7734 return totalHeight; 7735 } 7736 return 0; 7737} 7738$(function () { 7739 var filterDiv = document.querySelector(".collection-wrapper.sticky-filter.stick.desktop"); 7740 window.onload = updateStickyHeaderPosition; 7741 window.onresize = updateStickyHeaderPosition; 7742 var SCROLL_TOP_THRESHOLD = window.innerHeight; 7743 //This top value varies on viewport width changes, due to changes in header height + other elements above the filters 7744 var STICKY_TOP_THRESHOLD = updateStickyHeaderPosition(); 7745 window.addEventListener("resize", function () { 7746 var $header = $(selectors.header); 7747 var $stickyHeader = $(selectors.stickyFilter); 7748 var tabletHeaderShown = $header.css("height") !== "128px"; 7749 var filtersAreTransformed = window.getComputedStyle(filterDiv).transform === "matrix(1, 0, 0, 1, 0, 80)"; 7750 if (tabletHeaderShown && filtersAreTransformed) { 7751 //Sometimes when the header is changed and removed from the top of the viewport on device change(desktop to tablet width), 7752 //the hideHeader function is not called. To account for this change, adjust the filters transform position when this occurs. 7753 $stickyHeader.css("transform", "none"); 7754 } 7755 // Update the sticky threshold on resize 7756 STICKY_TOP_THRESHOLD = updateStickyHeaderPosition(); 7757 }); 7758 window.addEventListener("scroll", handlePageScroll, { 7759 passive: true 7760 }); 7761 var windowScrollPrev = 0; 7762 var lastScrollDirection = null; 7763 window.resetHeader = function (force) { 7764 var $wrapper = $(selectors.wrapper); 7765 var $header = $(selectors.header); 7766 var $stickyHeader = $(selectors.stickyFilter); 7767 var windowScrollCurrent = $(window).scrollTop(); 7768 7769 // Allow the hide animation to complete before setting header to position absolute. 7770 // Must ensure the timeout duration is equal that of the CSS transition duration.
7771 if (!force && $wrapper.hasClass(classes.awake)) { 7772 setTimeout(function () { 7773 $wrapper.css("position", "absolute"); 7774 $wrapper.css("top", 0); 7775 }, 500); 7776 $stickyHeader.css("transform", "none"); 7777 //When header reset (not forced), reposition filter div if below threshold 7778 if (filterDiv) { 7779 var stickyFilter = window.getComputedStyle(filterDiv).position === "fixed"; 7780 if (stickyFilter && windowScrollCurrent >= parseInt(STICKY_TOP_THRESHOLD)) { 7781 $stickyHeader.css("top", "0px"); 7782 } 7783 } 7784 } else { 7785 $wrapper.css("position", "absolute"); 7786 $wrapper.css("top", 0); 7787 } 7788 $header.css("border-bottom", "none"); 7789 $wrapper.removeClass(classes.awake); 7790 $header.removeClass(classes.floating); 7791 }; 7792 7793 /* Makes the header hide when scrolling down, and fixed when scrolling up. */ 7794 function handlePageScroll() { 7795 var windowScrollCurrent = $(window).scrollTop(); 7796 var windowScrollDiff = windowScrollPrev - windowScrollCurrent; 7797 var $stickyHeader = $(selectors.stickyFilter); 7798 var filterSection = document.querySelector(".filter-section"); 7799 if (filterDiv) { 7800 var style = window.getComputedStyle(filterDiv); 7801 if (filterSection) { 7802 var reachedTopOfFilterSection = filterSection.getBoundingClientRect().top <= 0; 7803 if (reachedTopOfFilterSection && style.position === "absolute") { 7804 //If filter is absolute, and top of filter reaches top of screen, make fixed 7805 //this occurs when scrolling down 7806 $stickyHeader.css("position", "fixed"); 7807 $stickyHeader.css("top", "0"); 7808 } 7809 } 7810 if (windowScrollCurrent <= parseInt(STICKY_TOP_THRESHOLD) && style.position === "fixed") { 7811 //If filter is fixed, and reaches top of original filter div, make absolute 7812 //this occurs when scrolling up 7813 $stickyHeader.css("position", "absolute"); 7814 $stickyHeader.css("top", STICKY_TOP_THRESHOLD); 7815 $stickyHeader.css("transform", "none"); 7816 } 7817 } 7818 7819 // Scrolled to the top 7820 if (windowScrollCurrent <= SCROLL_TOP_THRESHOLD) { 7821 if (windowScrollCurrent <= 0) { 7822 resetHeader(true); // Force (skip animation) 7823 } else if (lastScrollDirection != "TOP") { 7824 resetHeader(); 7825 } 7826 lastScrollDirection = "TOP"; 7827 } 7828 // Scrolled up 7829 else if (windowScrollDiff > 0 && !window.headerPageScrollUpEventsDisabled) { 7830 if (lastScrollDirection != "UP") { 7831 revealHeader(); 7832 } 7833 lastScrollDirection = "UP"; 7834 } 7835 // Scrolled down 7836 else if (windowScrollDiff < 0) { 7837 if (lastScrollDirection != "DOWN") { 7838 hideHeader(); 7839 } 7840 lastScrollDirection = "DOWN"; 7841 } 7842 windowScrollPrev = windowScrollCurrent; 7843 } 7844 function revealHeader() { 7845 var $header = $(selectors.header); 7846 var $wrapper = $(selectors.wrapper); 7847 var $announcementBar = $(selectors.announcementBar); 7848 var $subCaption = $(selectors.headerSubCaption); 7849 var headerHeight = $header.outerHeight() + $announcementBar.outerHeight() + $subCaption.outerHeight(); 7850 var $stickyHeader = $(selectors.stickyFilter); 7851 var stickyHeaderHeight = $header.outerHeight() - $announcementBar.outerHeight(); 7852 var viewportWidth = $(window).width(); 7853 var topPosition; 7854 var transformY; 7855 topPosition = viewportWidth > 1024 ? -headerHeight : -104; 7856 transformY = viewportWidth > 1024 ? stickyHeaderHeight : $header.outerHeight() - 2; 7857 $wrapper.css("position", "fixed"); 7858 $wrapper.css("top", topPosition); 7859 7860 //Border is added here because changing z indexes of header elements + the filters wouldn't work 7861 $header.css("border-bottom", "1px solid var(--colorLightGray)"); 7862 7863 //Filters moved in way of header 7864 $stickyHeader.css("position", "fixed"); 7865 $stickyHeader.css("transform", "translateY(".concat(transformY, "px) translate3d(0, 0, 0)"));
7866 $wrapper.addClass(classes.awake); 7867 } 7868 function hideHeader() { 7869 var $header = $(selectors.header); 7870 var $wrapper = $(selectors.wrapper); 7871 var $stickyHeader = $(selectors.stickyFilter); 7872 $wrapper.removeClass(classes.awake); 7873 $header.css("border-bottom", "none"); 7874 7875 //Revert sticky filter to top of page 7876 $stickyHeader.css("top", "0px"); 7877 $stickyHeader.css("transform", "none"); 7878 } 7879 function init() { 7880 $(selectors.navItem).on("mouseenter", handleMouseEnter); 7881 $(selectors.nav).on("mouseleave", handleMouseLeave); 7882 if (window.pendingMouseEnterNavEvent) { 7883 handleMouseEnter(window.pendingMouseEnterNavEvent); 7884 } 7885 } 7886 init(); 7887 7888 /* Re-init and cleanup */ 7889 document.addEventListener("shopify:section:load", handleSectionLoad); 7890 document.addEventListener("shopify:section:unload", handleSectionUnload); 7891 function handleSectionLoad() { 7892 init(); 7893 } 7894 function handleSectionUnload() { 7895 $(selectors.slider).slick("unslick"); 7896 $(selectors.navItem).off("mouseenter", handleMouseEnter); 7897 $(selectors.nav).off("mouseleave", handleMouseLeave); 7898 } 7899 function handleMouseEnter(event) { 7900 var navItem = event.currentTarget; 7901 var megamenuName = navItem.dataset.megamenuName; 7902 7903 /* Close any other megamenu that might be open (so only 1 shows at a time). */ 7904 $(selectors.navItem + ':not([data-megamenu-name="' + megamenuName + '"]').removeClass("active"); 7905 7906 /* Has no megamenu. */ 7907 if (!megamenuName) { 7908 /* Ensure the document knows that no megamenu is active. */ 7909 document.documentElement.classList.remove("megamenu-active"); 7910 return; 7911 } 7912 navItem.classList.add("active"); 7913 document.documentElement.classList.add("megamenu-active"); 7914 $(selectors.slider).slick({ 7915 dots: true, 7916 adaptiveHeight: true, 7917 autoplay: true, 7918 autoplaySpeed: 2500 7919 }); 7920 } 7921 function handleMouseLeave(event) { 7922 /* adding delay to mouse leave to stop it from closing the dropdown megamenu as user tries to move 7923 cursor down to it */ 7924 setTimeout(function () { 7925 var navContainer = document.querySelector(selectors.nav); 7926 var megamenu = document.querySelector(".header__megamenu"); 7927 var mouseOverNav = navContainer.matches(":hover"); 7928 var mouseOverMegamenu = megamenu && megamenu.matches(":hover"); 7929 if (!mouseOverNav && !mouseOverMegamenu) { 7930 $(selectors.navItem).removeClass("active"); 7931 event.currentTarget.classList.remove("active"); 7932 document.documentElement.classList.remove("megamenu-active"); 7933 } 7934 }, 100); 7935 } 7936}); 7937</script>
7937 7938 7939 7940 7941</div><div id="shopify-section-header-nz" class="shopify-section"> 7942 7943 7944</div><main role="main"> 7945<style> 7946.breadcrumbs { 7947 margin: 16px 0 10px; 7948 padding-top: 8px; 7949} 7950.breadcrumbs--center { 7951 text-align: center; 7952} 7953 7954.breadcrumbs__list { 7955 list-style-type: none; 7956 margin: 0; 7957 padding: 0; 7958} 7959 7960.breadcrumbs__item { 7961 display: inline-block; 7962 font-size: 14px; 7963 color: var(--colorNavy); 7964 overflow: hidden; 7965 text-overflow: ellipsis; 7966 white-space: nowrap; 7967} 7968@media (max-width: 767px) { 7969 .breadcrumbs__item { 7970 max-width: 120px; 7971 } 7972 .breadcrumbs__item:not(:nth-last-of-type(-n + 2)) { 7973 display: none; 7974 } 7975 .breadcrumbs__item:not(:last-child) { 7976 text-decoration: underline; 7977 font-weight: bold; 7978 font-family: var(--fontSecondary); 7979 } 7980 .breadcrumbs__item:not(:last-child):before { 7981 display: none !important; 7982 } 7983} 7984 7985.breadcrumbs__item:not(:first-child):before { 7986 content: "/"; 7987 display: inline-block; 7988 position: relative; 7989 margin: 0 8px; 7990 font-size: 12px; 7991 color: var(--colorLightGray); 7992} 7993@media (max-width: 767px) { 7994 .breadcrumbs__item:not(:first-child):before { 7995 margin: 0 4px; 7996 } 7997} 7998 7999.breadcrumbs__link:not([aria-current=page]) { 8000 text-decoration: underline; 8001 font-weight: bold; 8002 font-family: var(--fontSecondary); 8003} 8004 8005.breadcrumbs__link[aria-current=page]:hover, 8006.breadcrumbs__link[aria-current=page]:focus { 8007 text-decoration: underline; 8008} 8009</style> 8010 8011<div class="page-width"> 8012 <nav class="breadcrumbs breadcrumbs--center" role="navigation" aria-label="breadcrumbs"> 8013 <ol class="breadcrumbs__list"> 8014 <li class="breadcrumbs__item"> 8015 <a class="breadcrumbs__link" href="/">Home</a> 8016 </li><li class="breadcrumbs__item"> 8017 <a class="breadcrumbs__link" href="/account/login" aria-current="page">Account</a> 8018 </li></ol> 8019 </nav></div> 8020 8021<style> 8022.login { 8023 max-width: 400px; 8024 margin: 0 auto; 8025 padding: 32px 24px; 8026} 8027.login .text-input { 8028 margin-bottom: 16px; 8029 width: 100%; 8030} 8031.login .text-input a { 8032 color: var(--colorBlackAlpha600); 8033 font-size: 14px; 8034} 8035.login .text-input a:hover { 8036 text-decoration: underline; 8037} 8038.login .button { 8039 width: 100%; 8040 margin-top: 16px; 8041 margin-bottom: 16px; 8042} 8043.login__update-password-submit--success { 8044 margin-bottom: 24px; 8045} 8046</style><h1 class="page-title text-center mb-6">Customer Login</h1> 8047 8048<div class="login card"> 8049 8050 8051 <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /> 8052<div class="text-input email"><div class="flex justify-between items-center hide mb-2"> 8053 <label for="customer[email]">Email Address</label><a href="/pages/forgot-email">Forgot Email?</a></div><div class="text-input__inner"> 8054 8055 <input 8056 type="email" 8057 name="customer[email]" 8058 placeholder="Your Email Address" 8059 8060 id="email" 8061 8062 autocomplete="email" 8063 required 8064 8065 8066 8067 pattern="[^@\s]+@[^@\s]+\.[^@\s]+" 8068 /></div> 8069</div> 8070 8071 8072 8073<div class="text-input password"><div class="flex justify-between items-center hide mb-2"> 8074 <label for="customer[password]">Password</label><a href="/pages/forgot-password">Forgot Password?</a></div><div class="text-input__inner"> 8075 8076 <input 8077 type="password" 8078 name="customer[password]" 8079 placeholder="Your Password" 8080 8081 id="password" 8082 8083 autocomplete="current-password" 8084 required 8085 8086 8087 8088 8089 /></div> 8090</div> 8091 8092 8093 8094<button type="submit" class="button button-md"> 8095 Login 8096 </button> 8097 8098 <a href="/account/register" class="flex text-center items-center justify-center p-2"> 8099 <span class="link">Create an account</span> <i class="material-icons icon icon-md ml-1" > 8100 arrow_right_alt 8101</i> 8102 8103 8104 8105 8106 </a> 8107 </form> 8108</div> 8109 8110 8111 8112
8113<script> 8114"use strict"; 8115 8116$(function () { 8117 var selectors = { 8118 resetPasswordSubmitSuccess: '.login__update-password-submit--success' 8119 }; 8120 document.getElementById('email').addEventListener('change', function (e) { 8121 document.getElementById('password').parentElement.parentElement.querySelector('a').setAttribute('href', '/pages/forgot-password?email=' + e.target.value); 8122 }); 8123 if (window.location.hash == '#recover') { 8124 $(selectors.resetPasswordSubmitSuccess).removeClass('hide'); 8125 } 8126}); 8127</script>
8127 8128 </main> 8129 8130 <div class="flex-grow"></div><div id="shopify-section-footer" class="shopify-section"><style> 8131.footer { 8132 background: var(--colorNavy); 8133 color: white; 8134 margin-top: 80px; 8135} 8136.footer hr { 8137 border-color: var(--colorLightBlue300); 8138} 8139.footer__inner { 8140 max-width: 1200px; 8141 margin: 0 auto; 8142 padding: 0 64px; 8143} 8144@media (max-width: 767px) { 8145 .footer__inner { 8146 padding: 0 24px; 8147 } 8148} 8149.footer .footer-menus { 8150 display: flex; 8151 padding: 80px 0; 8152} 8153@media (max-width: 767px) { 8154 .footer .footer-menus { 8155 flex-direction: column; 8156 } 8157 .footer .footer-menus .footer-menu { 8158 width: 100%; 8159 margin-bottom: 40px; 8160 } 8161} 8162.footer .footer-bottom { 8163 font-size: 14px; 8164 padding-top: 32px; 8165 padding-bottom: 32px; 8166 display: flex; 8167 align-items: center; 8168 justify-content: space-between; 8169 color: var(--colorWhiteAlpha700); 8170} 8171@media (max-width: 1024px) { 8172 .footer .footer-bottom { 8173 font-size: 12px; 8174 } 8175} 8176@media (max-width: 767px) { 8177 .footer .footer-bottom { 8178 flex-direction: column; 8179 margin-bottom: 30px; 8180 text-align: center; 8181 justify-content: center; 8182 font-size: 14px; 8183 } 8184} 8185.footer .footer-bottom > div:first-of-type { 8186 display: flex; 8187 align-items: center; 8188} 8189@media (max-width: 767px) { 8190 .footer .footer-bottom > div:first-of-type { 8191 flex-direction: column; 8192 margin-bottom: 20px; 8193 } 8194} 8195.footer .footer-bottom img { 8196 height: 26px; 8197 margin-right: 32px; 8198} 8199@media (max-width: 767px) { 8200 .footer .footer-bottom img { 8201 margin-right: 0px; 8202 margin-bottom: 20px; 8203 } 8204} 8205.footer .footer-newsletter__body-text { 8206 font-size: 14px; 8207 color: var(--colorWhiteAlpha700); 8208 margin-bottom: 24px; 8209} 8210.footer .footer-newsletter input { 8211 font-size: 14px; 8212} 8213.footer .footer-newsletter .social-media-icons { 8214 display: flex; 8215 flex-direction: row; 8216 margin-top: 24px; 8217} 8218.footer .footer-newsletter .social-media-icons img { 8219 width: 25px; 8220 height: 25px; 8221 margin-right: 15px; 8222} 8223.footer .footer-newsletter .signup-results p { 8224 font-size: 14px !important; 8225} 8226</style> 8227 8228<div class="footer__spacer"></div> 8229 8230<div class="footer"> 8231 <div class="footer__inner"> 8232 <div class="footer-menus"><style data-shopify>@media only screen and (min-width: 769px) { 8233 .footer__item--2efc5d9b-8226-4efa-b434-a816921e6868 { 8234 width: %; 8235 } 8236 }</style> 8237<style> 8238.footer-menu { 8239 flex-grow: 0; 8240 width: 25%; 8241 flex-wrap: wrap; 8242 padding-right: 16px; 8243 color: var(--colorWhiteAlpha900); 8244} 8245.footer-menu h4 { 8246 font-weight: bold; 8247 font-family: var(--fontSecondary); 8248 font-size: 16px; 8249 margin-bottom: 16px; 8250} 8251.footer-menu ul { 8252 list-style: none; 8253 padding: 0; 8254} 8255.footer-menu ul li { 8256 margin: 16px 0; 8257} 8258.footer-menu ul a { 8259 text-decoration: none; 8260 color: inherit; 8261 font-size: 14px; 8262} 8263</style> 8264 8265 8266 8267 8268 8269 8270 <div class="footer-menu"> 8271 <h4>FILA</h4> 8272 8273 <div> 8274 <ul><li><a href="/pages/rewards">FILA Rewards</a></li><li><a href="/pages/about-us">About Us</a></li><li><a href="/pages/stores">Store Finder</a></li><li><a href="/pages/careers">Careers</a></li><li><a href="/pages/schools">School & Corporate Discounts</a></li></ul> 8275 </div> 8276 </div> 8277 8278 8279 8280 8281<style data-shopify>@media only screen and (min-width: 769px) { 8282 .footer__item--e0a74886-af25-4784-b83b-9eaa7a145f35 { 8283 width: %; 8284 } 8285 }</style> 8286 8287 8288 8289 8290 8291 <div class="footer-menu"> 8292 <h4>HELP & SUPPORT</h4> 8293 8294 <div> 8295 <ul><li><a href="/pages/contact">Contact Us</a></li><li><a href="/pages/faqs">FAQs</a></li><li><a href="/pages/returns">Returns & Exchanges</a></li><li><a href="/pages/shipping-policy">Shipping Policy</a></li><li><a href="/pages/promotion-terms">Promotions</a></li><li><a href="/pages/size-guide">Size Guides</a></li><li><a href="/pages/terms-of-image-use">Image Use</a></li></ul> 8296 </div> 8297 </div> 8298 8299 8300 8301 8302<style data-shopify>@media only screen and (min-width: 769px) { 8303 .footer__item--6173d17a-8fa4-41bc-ae38-e374772b0812 { 8304 width: %; 8305 } 8306 }</style> 8307 8308 8309 8310 8311 8312 <div class="footer-menu"> 8313 <h4>QUICK LINKS</h4> 8314 8315 <div> 8316 <ul><li><a href="/pages/returns-portal">Returns Portal</a></li><li><a href="/collections/shoes">Shop Footwear</a></li><li><a href="/collections/mens">Shop Men's</a></li><li><a href="/collections/womens">Shop Women's</a></li><li><a href="/collections/kids">Shop Kids</a></li></ul> 8317 </div> 8318 </div> 8319 8320 8321 8322 8323<div class="footer-menu footer-newsletter"> 8324 <h4>Join FILA</h4> 8325 <p class="footer-newsletter__body-text">Sign up for exclusive offers, first looks at collaborations, and all things FILA.</p> 8326 8327 8328<style> 8329.newsletter-form .loading-spinner { 8330 width: 32px; 8331 height: 32px; 8332 display: none; 8333} 8334.newsletter-form .loading-spinner > div { 8335 width: 24px; 8336 height: 24px; 8337 margin: 0; 8338} 8339.newsletter-form .button-outline { 8340 border-color: var(--colorWhite); 8341} 8342.newsletter-form .button-outline:not(:disabled):hover { 8343 background-color: var(--colorNavy); 8344 color: var(--colorWhite); 8345 border-color: var(--colorWhite); 8346} 8347.newsletter-form .signup-results { 8348 display: none; 8349 margin-top: 20px; 8350} 8351</style> 8352 8353 8354 8355 8356 8357 8358<div class="newsletter-form newsletter-form-footer"> 8359 <a href="/pages/rewards" class="button button-md button-icon-animated"> 8360 JOIN NOW 8361 <i class="material-icons icon icon-md ml-2 desktop-only"> 8362 arrow_right_alt 8363 </i> 8364 </a> 8365</div> 8366 8367
8368<script> 8369"use strict"; 8370 8371/* When the user submits the sign up banner form, call the register for marketing endpoint */ 8372$("#footer").find('button[type="submit"]').on("click", function (e) { 8373 e.preventDefault(); 8374 e.stopPropagation(); 8375 var email = $("#footer").find('input[type="email"]'); 8376 if (email && email.val() && email.val().length > 0) { 8377 /* Hide the form */ 8378 $("#footer").hide(); 8379 $(".newsletter-form-footer .loading-spinner").show(); 8380 8381 /* Submit the email to our marketing API */ 8382 var url = theme.ENV.apiUrl + "/marketing"; 8383 fetch(url, { 8384 method: "POST", 8385 headers: { 8386 "Content-Type": "application/json" 8387 }, 8388 body: JSON.stringify({ 8389 email: email.val() 8390 }) 8391 }).then(function (response) { 8392 // The API call was successful! 8393 return response.json(); 8394 }).then(function (response) { 8395 if (!response.success) { 8396 if (response.statusCode !== 200) { 8397 $("#footer").show(); 8398 } 8399 $(".newsletter-form-footer .signup-results").children()[0].innerHTML = response.message; 8400 } else { 8401 $(".newsletter-form-footer .signup-results").children()[0].innerHTML = "Thank you for signing up!"; 8402 } 8403 $(".newsletter-form-footer .loading-spinner").hide(); 8404 $(".newsletter-form-footer .signup-results").show(); 8405 })["catch"](function (err) { 8406 // There was an error 8407 console.warn("Something went wrong.", err); 8408 $(".newsletter-form-footer .loading-spinner").hide(); 8409 $(".newsletter-form-footer .signup-results").show(); 8410 }); 8411 } 8412}); 8413</script>
8413 8414 8415 8416 <div class="social-media-icons"> 8417 <a 8418 href="https://www.instagram.com/fila_australia/" 8419 target="blank" 8420 rel="noopener noreferrer" 8421 > 8422 <img 8423 src="//fila.com.au/cdn/shop/t/362/assets/instagram-white.png?v=139798758820152565711789359608" 8424 alt="FILA Instagram Account" 8425 itemprop="logo" 8426 /> 8427 </a> 8428 <a 8429 href="https://www.facebook.com/FILAAustralia/" 8430 target="blank" 8431 rel="noopener noreferrer" 8432 > 8433 <img 8434 src="//fila.com.au/cdn/shop/t/362/assets/facebook-white.png?v=36207450704110916741789359602" 8435 alt="FILA Facebook Account" 8436 itemprop="logo" 8437 /> 8438 </a> 8439 </div> 8440 8441 </div> 8442 </div> 8443 <hr /> 8444 <div class="footer-bottom"> 8445 <div> 8446 <img src="//fila.com.au/cdn/shop/t/362/assets/fila-logo-white.svg?v=16888769105409213561789359604" alt="FILA Australia" 8447 itemprop="logo" /> 8448 <div class="copyright" onclick="throw new Error('Whoops')"> 8449 © 2026 FILA Luxembourg S.Ã .r.l. - All Rights 8450 Reserved 8451 </div> 8452 </div> 8453 <div> 8454 <a href="/pages/terms-conditions">Terms & Conditions</a> 8455 • 8456 <a href="/pages/rewards-terms-and-conditions">Rewards</a> 8457 • 8458 <a href="/pages/privacy-policy">Privacy Policy</a> 8459 </div> 8460 </div> 8461 </div> 8462</div>
8463<script> 8464 localStorage.setItem('last-page', window.location.pathname) 8465</script>
8465 8466 8467 8468<style> #shopify-section-footer .footer {margin-top: 30px; margin-bottom: 0px; padding-bottom: 0px;} #shopify-section-footer .footer-menus {padding-top: 60px; padding-bottom: 60px;} #shopify-section-footer .footer__inner {max-width: 100vw; margin: 0 10%; padding: 0px;} #shopify-section-footer .footer-menus li {margin-top: 12px; margin-bottom: 12px;} #shopify-section-footer .button {background-color: white; border-radius: 50px; color: var(--colorNavy);} #shopify-section-footer .button:not(:disabled):hover {background-color: var(--colorNavy); color: white; border-color: white;} </style></div><style> </style>
8469<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8469 8470</body> 8471</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.