1<!doctype html> 2<html class="no-js no-touch" lang="en"> 3 <head> 4 5<meta charset="utf-8"> 6 <meta http-equiv="x-ua-compatible" content="IE=edge"> 7 8 <!-- Preconnect to Shopify resources for faster loading --> 9 <link rel="preconnect" href="https://cdn.shopify.com"> 10 <link rel="preconnect" href="https://fonts.shopifycdn.com"> 11 <link rel="preconnect" href="https://v.shopify.com"> 12 <link rel="preconnect" href="https://cdn.shopifycloud.com"> 13 14 15 16 17 18 19 20 <!-- Browser title and Google search title --> 21 <title>Shop by Speed | Cornhole Bags</title> 22 23 <!-- Google search snippet description --> 24 <meta name="description" content="Shop by Speed | Official WSOC cornhole bags, boards, and accessories."> 25 26 <!-- Canonical URL --> 27 <link rel="canonical" href="https://www.cornholebags.com/collections/shop-by-speed"> 28 29 <meta property="og:type" content="website"> 30 <meta property="og:title" content="Shop by Speed | Cornhole Bags"> 31 <meta property="og:description" content="Shop by Speed | Official WSOC cornhole bags, boards, and accessories."> 32 <meta property="og:url" content="https://www.cornholebags.com/collections/shop-by-speed"> 33 34 35 36 <meta name="twitter:card" content="summary_large_image"> 37 38 39 40 <meta name="twitter:title" content="Shop by Speed | Cornhole Bags"> 41 <meta name="twitter:description" content="Shop by Speed | Official WSOC cornhole bags, boards, and accessories."> 42 43 44 45 46 <link rel="shortcut icon" href="//www.cornholebags.com/cdn/shop/files/cb_avatar_32x32.png?v=1790189039" type="image/png"> 47 48 49 <meta name="viewport" content="width=device-width"> 50 51 <link rel="preload" href="//www.cornholebags.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" as="font" crossorigin="anonymous"> 52 <link rel="preload" as="style" href="//www.cornholebags.com/cdn/shop/t/44/assets/theme.css?v=41859272803927852031776694889"> 53 54 <!-- slider and custom css --> 55 <link rel="preload" as="style" href="//www.cornholebags.com/cdn/shop/t/44/assets/swiper-min.css?v=55754961042815831971776694889"> 56 <link rel="preload" as="style" href="//www.cornholebags.com/cdn/shop/t/44/assets/custom-style.css?v=38083218609797045661776694889"> 57 <link rel="preload" as="style" href="//www.cornholebags.com/cdn/shop/t/44/assets/custom.css?v=168446310056699636631776694889"> 58 59
59<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
59<meta name="google-site-verification" content="UISxphQS62UAzEibSsSytzpLiU5v_1mVro9Gpq6F97Y"> 60<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/44870369448/digital_wallets/dialog"> 61<meta id="in-context-paypal-metadata" data-shop-id="44870369448" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 62<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-by-speed.atom" /> 63<link rel="alternate" type="application/json+oembed" href="https://www.cornholebags.com/collections/shop-by-speed.oembed">
64<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
64 65<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
66<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=44870369448" crossorigin="anonymous"></script>
vendor: 1 bytes, line 66
66
67<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":44870369448,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/44870369448","merchantName":"Cornhole Bags","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Cornhole Bags","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 67
67
68<script id="shopify-features" type="application/json">{"accessToken":"6068bc562d73715ff62c3b01c49e94da","betas":["rich-media-storefront-analytics"],"domain":"www.cornholebags.com","predictiveSearch":true,"shopId":44870369448,"locale":"en"}</script>
vendor: 1 bytes, line 68
68
69<script>var Shopify = Shopify || {}; 70Shopify.shop = "cornhole-bags-1.myshopify.com"; 71Shopify.locale = "en"; 72Shopify.currency = {"active":"USD","rate":"1.0"}; 73Shopify.country = "US"; 74Shopify.theme = {"name":"Cornholebags.com LIVE 10012026","id":151381344447,"schema_name":"Empire","schema_version":"11.1.3","theme_store_id":null,"role":"main"}; 75Shopify.theme.handle = "null"; 76Shopify.theme.style = {"id":null,"handle":null}; 77Shopify.cdnHost = "www.cornholebags.com/cdn"; 78Shopify.routes = Shopify.routes || {}; 79Shopify.routes.root = "/"; 80Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 81Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 82Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 83Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 83
83
84<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 84
84
85<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 85
85
86<script> 87 window.ShopifyPay = window.ShopifyPay || {}; 88 window.ShopifyPay.apiHost = "shop.app\/pay"; 89 window.ShopifyPay.redirectState = null; 90</script>
vendor: 1 bytes, line 90
90
91<script> 92 window.Shopify = window.Shopify || {}; 93 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 94 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 95 window.Shopify.SignInWithShop.eligible = true; 96</script>
vendor: 1 bytes, line 96
96
97<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 97
97
98<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 98
98
99<script type="module"> 100 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 101 102 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 103 104</script>
vendor: 1 bytes, line 104
104
105<script> 106 window.Shopify = window.Shopify || {}; 107 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 108 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"]}; 109</script>
vendor: 1 bytes, line 109
109
110<script id="__st">var __st={"a":44870369448,"offset":-25200,"reqid":"000d5e59-2cbb-451a-8032-0d0f88e88243-1791080724","pageurl":"www.cornholebags.com\/collections\/shop-by-speed","u":"c6ffaed463c7","p":"collection","rtyp":"collection","rid":374476210367};</script>
vendor: 1 bytes, line 110
110
111<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 111
111
112<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 112
112
113<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.cornholebags.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 113
113
114<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 = "//www.cornholebags.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
114<script crossorigin="anonymous" defer="defer" src="//www.cornholebags.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 114
114
115<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 115
115
116<script> 117 window.Shopify = window.Shopify || {}; 118 window.Shopify.MCP = window.Shopify.MCP || {}; 119 window.Shopify.MCP.enabled = true; 120 window.Shopify.MCP.shop = "cornhole-bags-1.myshopify.com"; 121 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.cornholebags.com\/api\/mcp"; 122 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"]}}]; 123</script>
vendor: 1 bytes, line 123
123
124<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("\/\/www.cornholebags.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 125</script>
vendor: 1 bytes, line 125
125
126<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.cornholebags.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 127</script>
vendor: 1 bytes, line 127
127
128<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 129 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); 130</script>
vendor: 1 bytes, line 130
130
131<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})}})); 132</script>
vendor: 1 bytes, line 132
132
133<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"session_id":"01M42BNXVGNJDAW0300AMBSWN3","publisher_shop_id":44870369448,"theme_id":151381344447,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"collection_id":374476210367,"collection_handle":"shop-by-speed","total_products":0,"page_type":"collection"},"recommendations_tracking_enabled":true}" defer="defer" src="//www.cornholebags.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
133 134<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.cornholebags.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 135<style id="shopify-accelerated-checkout-cart"> 136 #shopify-buyer-consent { 137 margin-top: 1em; 138 display: inline-block; 139 width: 100%; 140} 141 142#shopify-buyer-consent.hidden { 143 display: none; 144} 145 146#shopify-subscription-policy-button { 147 background: none; 148 border: none; 149 padding: 0; 150 text-decoration: underline; 151 font-size: inherit; 152 cursor: pointer; 153} 154 155#shopify-subscription-policy-button::before { 156 box-shadow: none; 157} 158 159 </style> 160
161<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
161 162 163 <link href="//www.cornholebags.com/cdn/shop/t/44/assets/theme.css?v=41859272803927852031776694889" rel="stylesheet" type="text/css" media="all" /> 164 165 <!-- slider and custom css --> 166 <link href="//www.cornholebags.com/cdn/shop/t/44/assets/swiper-min.css?v=55754961042815831971776694889" rel="stylesheet" type="text/css" media="all" /> 167 <link href="//www.cornholebags.com/cdn/shop/t/44/assets/custom-style.css?v=38083218609797045661776694889" rel="stylesheet" type="text/css" media="all" /> 168 <link href="//www.cornholebags.com/cdn/shop/t/44/assets/custom.css?v=168446310056699636631776694889" rel="stylesheet" type="text/css" media="all" /> 169 170 171 <link href="//www.cornholebags.com/cdn/shop/t/44/assets/ripple.css?v=100240391239311985871776694889" rel="stylesheet" type="text/css" media="all" /> 172 173 174 175 <!-- slider and custom js --> 176
176<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
176 177
177<script src="//www.cornholebags.com/cdn/shop/t/44/assets/swiper-min.js?v=115785340122829458061776694889"></script>
177 178
178<script src="//www.cornholebags.com/cdn/shop/t/44/assets/script.js?v=32874523262648674731776694889"></script>
178 179 180 181
181<script> 182 window.Theme = window.Theme || {}; 183 window.Theme.version = '11.1.3'; 184 window.Theme.name = 'Empire'; 185 window.Theme.routes = { 186 "root_url": "/", 187 "account_url": "/account", 188 "account_login_url": "https://www.cornholebags.com/customer_authentication/redirect?locale=en®ion_country=US", 189 "account_logout_url": "/account/logout", 190 "account_register_url": "https://shopify.com/44870369448/account?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjb3JuaG9sZS1iYWdzLTEubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkxNjg1NTI0LCJuYmYiOjE3OTEwODA3MjR9.wcUPjn-zYqcCfCsnA82t2TdMiOv0MWGTAYn7h7YS_ao", 191 "account_addresses_url": "/account/addresses", 192 "collections_url": "/collections", 193 "all_products_collection_url": "/collections/all", 194 "search_url": "/search", 195 "predictive_search_url": "/search/suggest", 196 "cart_url": "/cart", 197 "cart_add_url": "/cart/add", 198 "cart_change_url": "/cart/change", 199 "cart_clear_url": "/cart/clear", 200 "product_recommendations_url": "/recommendations/products", 201 }; 202 </script>
202 203 204 205
205<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
205 206 207
207<script>window.is_hulkpo_installed=true</script>
207 208 209
209<script type="text/javascript"> 210 (function(c,l,a,r,i,t,y){ 211 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 212 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 213 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 214 })(window, document, "clarity", "script", "pfjded7xtv"); 215</script>
215 216 <!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 217 218 219 220 221 222 223 224<link rel="dns-prefetch" href="https://cdn.judge.me"> 225<link rel="dns-prefetch" href="https://cdn1.judge.me"> 226<link rel="dns-prefetch" href="https://api.judge.me"> 227
228<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","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"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
228ou! 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":"","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.","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":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/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":true,"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":true,"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":true,"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":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
228itle":"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":"#108474","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":true,"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":"standard","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,"popup_widget_source_mode":"auto","popup_widget_page_product":"current_product","popup_widget_page_collection":"current_collection","popup_widget_page_cart":"cart_mode","popup_widget_page_home":"all","popup_widget_star_rating":"all","popup_widget_review_type":"all","popup_widget_top_up_thin_pages":true,"popup_widget_corner_styling":"soft","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":"#108474","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":"Summarized and selected by AI from 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":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#108474","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#108474","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_
228youtube_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":false,"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":10,"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-10-09T16:59:01.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":"compact","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":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
228:"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":false,"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":"Cornhole Bags","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":false,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
228shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"widget_events_v4_impressions_enabled":false,"widget_events_review_grain_enabled":false,"widget_events_v4_time_in_view_enabled":false,"widget_events_v4_session_key_enabled":false,"widget_events_v4_interactions_enabled":false,"widget_attribution_exposure_timestamps_enabled":false,"widget_attribution_v4_exposures_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"hostname_allowlist":"","can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Cornhole Bags"};</script>
228 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #108474;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.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:#108474}.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-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{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: #108474;--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:#108474}.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:'Cornhole Bags'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 229</style> <style class='jdgm-settings-style'></style> 230 231 232 233 234 <style class='jdgm-miracle-styles'> 235 @-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
235/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} 236 237</style> 238 239 240 241 242 243 244 245 246
247<script data-cfasync='false' class='jdgm-script'> 248!function(e){window.jdgm=window.jdgm||{}; 249/* INF-1976 */ 250var _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;}(); 251if(_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;} 252jdgm.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/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 253jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 254setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 255!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 256(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 257a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 258jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 259t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 260t.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( 261".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 262parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 263jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 264)}))}(document); 265</script>
265 266<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript> 267 268<!-- BEGIN app snippet: theme_fix_tags -->
268<script> 269 (function() { 270 var jdgmThemeFixes = null; 271 if (!jdgmThemeFixes) return; 272 273 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 274 // before the per-theme fix so the theme-specific CSS wins the cascade. 275 // HTML is never applied globally (too risky). 276 var allThemesFix = jdgmThemeFixes['all']; 277 if (allThemesFix && allThemesFix.css) { 278 var allStyleTag = document.createElement('style'); 279 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 280 allStyleTag.innerHTML = allThemesFix.css; 281 document.head.append(allStyleTag); 282 }; 283 284 if (allThemesFix && allThemesFix.js) { 285 var allScriptTag = document.createElement('script'); 286 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 287 allScriptTag.innerHTML = allThemesFix.js; 288 document.head.append(allScriptTag); 289 }; 290 291 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 292 if (!thisThemeFix) return; 293 294 if (thisThemeFix.html) { 295 document.addEventListener("DOMContentLoaded", function() { 296 var htmlDiv = document.createElement('div'); 297 htmlDiv.classList.add('jdgm-theme-fix-html'); 298 htmlDiv.innerHTML = thisThemeFix.html; 299 document.body.append(htmlDiv); 300 }); 301 }; 302 303 if (thisThemeFix.css) { 304 var styleTag = document.createElement('style'); 305 styleTag.classList.add('jdgm-theme-fix-style'); 306 styleTag.innerHTML = thisThemeFix.css; 307 document.head.append(styleTag); 308 }; 309 310 if (thisThemeFix.js) { 311 var scriptTag = document.createElement('script'); 312 scriptTag.classList.add('jdgm-theme-fix-script'); 313 scriptTag.innerHTML = thisThemeFix.js; 314 document.head.append(scriptTag); 315 }; 316 })(); 317</script>
317 318<!-- END app snippet --> 319<!-- End of Judge.me Core --> 320 321 322 323<!-- END app block --><!-- BEGIN app block: shopify://apps/smart-filter-search/blocks/app-embed/5cc1944c-3014-4a2a-af40-7d65abc0ef73 --> 324<style>.spf-filter-loading .ctmglb_col_grid > * {visibility: hidden;opacity: 0}</style><style>.spf-filter-loading #gf-products>*,.spf-filter-loading [data-globo-filter-items]>*{visibility:hidden;opacity:0}.spf-has-filter #gf-products{display:-ms-flexbox;padding:0;margin-bottom:0;min-width:100%;width:auto;z-index:1;position:relative;display:-webkit-box;display:flex;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto!important}.spf-has-filter.spf-layout-app #gf-products{margin-right:-15px;margin-left:-15px;}</style> 325 <!--<link href="//cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo-filter-critical.css" rel="stylesheet" type="text/css" media="all" />--> 326 <link rel="preload" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo-filter-critical.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 327 <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo-filter-critical.css"></noscript><link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.min.js" as="script" rel="preload"> 328<link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.vendor.min.js" as="script" rel="preload"> 329 <link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.shared.min.js" as="script" rel="preload"> 330 <link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.squirrelly.min.js" as="script" rel="preload"> 331<link rel="preconnect" href="https://filter-eu8.globo.io" crossorigin><link id="gf-filter-preload" rel="preload" as="fetch" href="https://filter-eu8.globo.io/api/apiFilter?filter_id=184&collection=374476210367&sort_by=most-relevant&shop=cornhole-bags-1.myshopify.com&country=US&event=init&page_type=collection" crossorigin><link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.filter.min.js" as="script" rel="preload"> 332 <link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.themes.min.js" as="script" rel="preload"> 333 <link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.liquid.min.js" as="script" rel="preload"> 334 <link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.product.min.js" as="script" rel="preload"> 335<!-- <link href="//cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.css" rel="stylesheet" type="text/css" media="all" /> --> 336 <link rel="preload" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 337 <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.css"></noscript> 338 <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.quick-filters.css" media="print" onload="this.media='all'"> 339 <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.quick-filters.css"></noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.slider.css" media="print" onload="this.media='all'"><link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.search.min.js" as="script" rel="preload"> 340 <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.search.css" media="print" onload="this.media='all'"><meta id="search_terms_value" content="" /> 341 <!-- BEGIN app snippet: global.variables -->
341<script> 342 window.shopCurrency = "USD"; 343 window.shopCountry = "US"; 344 window.shopLanguageCode = "en"; 345 346 window.currentCurrency = "USD"; 347 window.currentCountry = "US"; 348 window.currentLanguageCode = "en"; 349 350 window.shopCustomer = false 351 352 window.useCustomTreeTemplate = false; 353 window.useCustomProductTemplate = false; 354 355 window.GloboFilterRequestOrigin = "https://www.cornholebags.com"; 356 window.GloboFilterShopifyDomain = "cornhole-bags-1.myshopify.com";window.GloboFilterSFATF = ""; 357 window.GloboFilterSFATL = ""; 358 window.GloboFilterSFApiVersion = "2026-04"; 359 window.GloboFilterProxyPath = "/apps/globofilters"; 360 window.GloboFilterRootUrl = ""; 361 window.GloboFilterTranslation = {"search":{"suggestions":"Suggestions","collections":"Collections","articles":"Blog Posts","pages":"Pages","product":"Product","products":"Products","view_all":"Search for","view_all_products":"View all products","not_found":"Sorry, nothing found for","product_not_found":"No products were found","no_result_keywords_suggestions_title":"Popular searches","no_result_products_suggestions_title":"However, You may like","zero_character_keywords_suggestions_title":"Suggestions","zero_character_popular_searches_title":"Popular searches","zero_character_products_suggestions_title":"Trending products"},"form":{"heading":"Search products","select":"-- Select --","search":"Search","submit":"Search","clear":"Clear"},"filter":{"filter_by":"Filter By","clear_all":"Clear All","view":"View","clear":"Clear","in_stock":"In Stock","out_of_stock":"Out of Stock","ready_to_ship":"Ready to ship","search":"Search options","choose_values":"Choose values","show_more":"Show more","show_less":"Show less"},"sort":{"sort_by":"Sort By","manually":"Featured","availability_in_stock_first":"Availability","relevance":"Relevance","best_selling":"Best Selling","alphabetically_a_z":"Alphabetically, A-Z","alphabetically_z_a":"Alphabetically, Z-A","price_low_to_high":"Price, low to high","price_high_to_low":"Price, high to low","date_new_to_old":"Date, new to old","date_old_to_new":"Date, old to new","inventory_low_to_high":"Inventory, low to high","inventory_high_to_low":"Inventory, high to low","sale_off":"% Sale off"},"product":{"add_to_cart":"Add to cart","unavailable":"Unavailable","sold_out":"Sold out","sale":"Sale","load_more":"Load more","limit":"Show","search":"Search products","no_results":"Sorry, there are no products in this collection"}}; 362 window.isMultiCurrency =false; 363 window.globoEmbedFilterAssetsUrl = 'https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/'; 364 window.assetsUrl = window.globoEmbedFilterAssetsUrl; 365 window.GloboMoneyFormat = "${{amount}}"; 366</script>
366<!-- END app snippet --> 367
367<script type="text/javascript" hs-ignore data-ccm-injected>window.useCustomTreeTemplate = false;document.getElementsByTagName('html')[0].classList.add('spf-filter-loading','spf-has-filter','gf-left','spf-filter-tree-theme','spf-layout-theme'); 368 window.enabledEmbedFilter = true; 369 window.currentThemeId = 151381344447; 370 window.sortByRelevance = false; 371 window.moneyFormat = "${{amount}}"; 372 window.GloboMoneyWithCurrencyFormat = "${{amount}} USD"; 373 window.filesUrl = '//www.cornholebags.com/cdn/shop/files/'; 374 window.dontRoundUpMoney = true; 375 376 377 window.GloboFilterGlobalConfig = window.GloboFilterGlobalConfig || {}; 378 window.GloboFilterGlobalConfig.productGridSelector =".ctmglb_col_grid"; 379 window.GloboFilterGlobalConfig.sidebarLayout = 1; 380 window.GloboFilterGlobalConfig.sidebarSublayout = 1; 381 window.GloboFilterGlobalConfig.themeStoreId = null; 382 window.GloboFilterGlobalConfig.isSearchPage = false; 383 window.GloboFilterGlobalConfig.defaultPaginationSelector = '.pagination, .paginate, .pagination-custom, #pagination, .pagination-wrapper, #gf_pagination_wrap, .engoc-pagination, #load-more-container, .collection__infinite-trigger, .pagination--modern'; 384 window.GloboEmbedFilterConfig = { 385 api: { 386 filterUrl: "https://filter-eu8.globo.io/filter", 387 searchUrl: "https://filter-eu8.globo.io/search", 388 url: "https://filter-eu8.globo.io" 389 }, 390 shop: { 391 name: "Cornhole Bags", 392 url: "https://www.cornholebags.com", 393 domain: "cornhole-bags-1.myshopify.com", 394 locale: "en", 395 cur_locale: "en", 396 market_id: 0, 397 predictive_search_url: "/search/suggest", 398 country_code: "US", 399 root_url: "", 400 cart_url: "/cart", 401 search_url: "/search", 402 cart_add_url: "/cart/add", 403 search_terms_value: "", 404 product_image: {width: 360, height: 504}, 405 no_image_url: "https://cdn.shopify.com/s/images/themes/product-1.png", 406 swatches: {"color":{"red":{"mode":1,"color_1":"#F61F1F"},"black":{"mode":1,"color_1":"#000000"},"blue":{"mode":1,"color_1":"#005BD3"},"brown":{"mode":1,"color_1":"#9A5630"},"grey":{"mode":1,"color_1":"#808080"},"orange":{"mode":1,"color_1":"#FF8A00"},"purple":{"mode":1,"color_1":"#A54DCF"},"teal":{"mode":1,"color_1":"#008080"},"yellow":{"mode":1,"color_1":"#FFE500"},"navy":{"mode":1,"color_1":"#282099"},"green":{"mode":1,"color_1":"#05AA3D"},"tan":{"mode":1,"color_1":"#d2b48c"},"maroon":{"mode":1,"color_1":"#800000"},"white":{"mode":1,"color_1":"#FFFFFF"},"red and black":{"mode":1,"color_1":"#ffffff"},"red and navy":{"mode":1,"color_1":"#F61F1F"},"royal and red":{"mode":1,"color_1":"#F61F1F"},"royal blue":{"mode":1,"color_1":"#005BD3"},"kelly green":{"mode":1,"color_1":"#05AA3D"},"navy blue":{"mode":1,"color_1":"#282099"},"light blue":{"mode":1,"color_1":"#005BD3"},"gold":{"mode":1,"color_1":"#D49A06"},"pink":{"mode":1,"color_1":"#FFC0CB"},"buy 1 get 1 50% off":{"mode":1,"color_1":"E53E3E"}}}, 407 swatchConfig: {"enable":true,"color":["colour","color"],"label":["size"]}, 408 enableRecommendation: false, 409 themeStoreId: null, 410 hideOneValue: false, 411 newUrlStruct: true, 412 newUrlForSEO: false, 413 keepThemeProductsOnFirstLoad: false,themeTranslation:{"onboarding":{"product":{"title":"Product title","vendor":"Product vendor"}},"general":{"accessibility":{"swatch_options":"{{ swatch_trigger }} options for {{ product_title }}","swatches_toggle":"Toggle swatches"}},"product_compare":{"compare":"Compare"},"product_price":{"badge":{"sold_out":"Sold out","sale_percentage_range_html":"Save up to \u003cspan data-price-percent-saved\u003e{{ savings }}\u003c\/span\u003e%","sale_percentage_single_html":"Save \u003cspan data-price-percent-saved\u003e{{ savings }}\u003c\/span\u003e%","sale_money_range_html":"Save up to \u003cspan class=\"money\" data-price-money-saved\u003e{{ savings }}\u003c\/span\u003e","sale_money_single_html":"Save \u003cspan class=\"money\" data-price-money-saved\u003e{{ savings }}\u003c\/span\u003e","sale":"Sale"},"price":{"range_html":"\u003cspan class=\"price--label\"\u003efrom\u003c\/span\u003e {{ price }}","tax_line_html":" "}},"product":{"status":{"pre_order":"Coming soon","continue_selling":"In stock","in_stock_threshold_verbose":"{{ inventory_quantity }}+ in stock, ready to be shipped","in_stock_threshold":"{{ inventory_quantity }}+ in stock","in_stock_verbose":"{{ inventory_quantity }} in stock, ready to be shipped","in_stock_hidden":"In stock","in_stock":"{{ inventory_quantity }} in stock","low_stock_hidden":"Low stock","low_stock":"Only {{ inventory_quantity }} left!","incoming_stock":"More on the way!","no_stock":"Out of stock","availability":"Availability"},"buttons":{"view_details":"View full details","add_to_cart":"Add to cart","choose_options":"Cho
413ose options","pre_order":"Pre-order","sold_out":"Sold out","quick_shop":"Quick shop"}}},redirects: [], 414 images: {}, 415 settings: {}, 416 gridSettings: {"layout":"theme","useCustomTemplate":false,"useCustomTreeTemplate":false,"skin":5,"limits":[12,24,48],"productsPerPage":24,"sorts":["stock-descending","best-selling","title-ascending","title-descending","price-ascending","price-descending","created-descending","created-ascending","sale-descending"],"noImageUrl":"https:\/\/cdn.shopify.com\/s\/images\/themes\/product-1.png","imageWidth":"360","imageHeight":"504","imageRatio":140,"imageSize":"360_504","alignment":"left","hideOneValue":false,"elements":["soldoutLabel","saleLabel","quickview","addToCart","vendor","swatch","price","secondImage"],"saleLabelClass":" sale-text","saleMode":3,"gridItemClass":"spf-col-xl-4 spf-col-lg-4 spf-col-md-6 spf-col-sm-6 spf-col-6","swatchClass":"","swatchConfig":{"enable":true,"color":["colour","color"],"label":["size"]},"variant_redirect":true,"showSelectedVariantInfo":true}, 417 home_filter: false, 418 page: "collection", 419 sorts: ["stock-descending","best-selling","title-ascending","title-descending","price-ascending","price-descending","created-descending","created-ascending","sale-descending"], 420 cache: true, 421 layout: "theme", 422 marketTaxInclusion: false, 423 priceTaxesIncluded: false, 424 customerTaxesIncluded: false, 425 useCustomTemplate: false, 426 hasQuickviewTemplate: false 427 }, 428 analytic: {"enableViewProductAnalytic":true,"enableSearchAnalytic":true,"enableFilterAnalytic":true,"enableATCAnalytic":false}, 429 taxes: [], 430 adjustments: false, 431 year_make_model: { 432 id: 0, 433 prefix: "gff_", 434 heading: "", 435 showSearchInput: false, 436 showClearAllBtn: false 437 }, 438 filter: { 439 id:184, 440 prefix: "gf_", 441 filterOptionKeys: {"184":["2247","2244","2248","2243","2242","2245","2246"]}, 442 layout: 1, 443 sublayout: 1, 444 showCount: true, 445 showRefine: true, 446 showHideFiltersButton: false, 447 refineSettings: {"style":"rounded","positions":["sidebar_mobile","toolbar_desktop","toolbar_mobile"],"color":"#000000","iconColor":"#959595","bgColor":"#E8E8E8"}, 448 isLoadMore: 0, 449 filterOnSearchPage: true, 450 toolbar: {"enable":false,"sticky":false,"desktop":["filters"],"mobile":["filter_button","sort"],"textColor":"#252525","borderColor":"rgba(37, 37, 37, 0.15)","backgroundColor":"transparent","fontSize":14,"borderRadius":6} 451 }, 452 search:{ 453 enable: true, 454 zero_character_suggestion: true, 455 hide_before_search_on_mobile: false, 456 pages_suggestion: {enable:false,limit:5}, 457 keywords_suggestion: {enable:true,limit:5}, 458 articles_suggestion: {enable:false,limit:5}, 459 layout: 2, 460 product_list_layout: "grid", 461 elements: ["vendor","price"], 462 installedApps: [], 463 search_history: {enable:true, limit:5}, 464 popular_search_terms: {enable:true,type:"auto", random:false, limit:5} 465 }, 466 collection: { 467 id:374476210367, 468 handle:"shop-by-speed", 469 sort: "most-relevant", 470 vendor: null, 471 tags: null, 472 type: null, 473 term: document.getElementById("search_terms_value") != null ? document.getElementById("search_terms_value").content : "", 474 limit: 24, 475 settings: null, 476 products_count: 0, 477 enableCollectionSearch: true, 478 displayTotalProducts: true, 479 excludeTags:null, 480 showSelectedVariantInfo: true 481 }, 482 selector: {products: ".ctmglb_col_grid"} 483 } 484 const BREAKPOINT = window.mobile_break_point || 768; 485 window.globoFilterIsMobileDevice = window.globoFilterIsMobileDevice || window.matchMedia(`(max-width: ${BREAKPOINT}px)`).matches; 486 </script>
486 487
487<script class="globo-filter-settings-js"> 488 (function () { 489 try { 490 if (!window.GloboEmbedFilterConfig || !GloboEmbedFilterConfig.shop) return; 491 if (!GloboEmbedFilterConfig.shop.settings) GloboEmbedFilterConfig.shop.settings = {}; 492 var s = GloboEmbedFilterConfig.shop.settings; 493 function gfSetSetting(key, rawJson) { 494 try { 495 s[key] = JSON.parse(rawJson); 496 } catch (e) {} 497 }gfSetSetting("enable_age_gate_site_wide", "false");gfSetSetting("age_gate_site_wide_min_age", "0");gfSetSetting("age_gate_heading", "\"\"");gfSetSetting("age_gate_description", "\"\"");gfSetSetting("show_age_gate_logo", "true");gfSetSetting("minify_scripts", "false");gfSetSetting("color_background", "\"#ffffff\"");gfSetSetting("color_headings", "\"#000000\"");gfSetSetting("color_text", "\"#4d4d4d\"");gfSetSetting("color_text_light", "\"#949494\"");gfSetSetting("color_links", "\"#142858\"");gfSetSetting("color_button_background", "\"#be1e2d\"");gfSetSetting("color_button_text", "\"#ffffff\"");gfSetSetting("color_button_secondary_background", "\"#ffffff\"");gfSetSetting("color_button_secondary_text", "\"#be1e2d\"");gfSetSetting("color_button_secondary_border", "\"#142858\"");gfSetSetting("color_header_background", "\"#ffffff\"");gfSetSetting("color_header_text", "\"#000000\"");gfSetSetting("color_input_text", "\"#4d4d4d\"");gfSetSetting("color_input_background", "\"#ffffff\"");gfSetSetting("color_input_border", "\"#dddddd\"");gfSetSetting("color_product_sale_accent", "\"#f04f36\"");gfSetSetting("color_product_review_star", "\"#ffab41\"");gfSetSetting("color_products_in_stock", "\"#3C9342\"");gfSetSetting("color_products_low_stock", "\"#E99114\"");gfSetSetting("color_products_no_stock", "\"#be1e2d\"");gfSetSetting("color_footer_background", "\"#182e49\"");gfSetSetting("color_footer_text", "\"#ffffff\"");gfSetSetting("color_overlay", "\"#000000\"");gfSetSetting("overlay_opacity", "50");gfSetSetting("type_size_base", "18");gfSetSetting("type_heading", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_heading_size", "\"1.2\"");gfSetSetting("type_heading_capitalize", "true");gfSetSetting("type_heading_spacing", "0");gfSetSetting("type_body", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_menu", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_menu_capitalize", "true");gfSetSetting("type_menu_spacing", "0");gfSetSetting("type_button", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_button_capitalize", "false");gfSetSetting("type_button_spacing", "0");gfSetSetting("type_section", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_section_capitalize", "true");gfSetSetting("type_section_spacing", "0");gfSetSetting("reduce_animations", "false");gfSetSetting("layout_max_width", "1820");gfSetSetting("product_sales_badge", "false");gfSetSetting("product_sales_badge_style", "\"text\"");gfSetSetting("inventory_status", "true");gfSetSetting("inventory_status_for_cards", "false");gfSetSetting("inventory_display", "\"low_stock_only\"");gfSetSetting("inventory_transfer_notice", "true");gfSetSetting("low_stock_threshold", "5");gfSetSetting("product_option_style", "\"radio\"");gfSetSetting("sold_out_options", "\"selectable\"");gfSetSetting("select_first_available_variant", "true");gfSetSetting("show_dynamic_checkout_button", "true");gfSetSetting("enable_cart_redirection", "false");gfSetSetting("quantity_increment_value", "1");gfSetSetting("swatches_enable", "true");gfSetSetting("swatches_product_card_size", "32");gfSetSetting("swatches_product_page_size", "64");gfSetSetting("swatches_swatch_trigger", "\"Color\"");gfSetSetting("swatches_shape", "\"circle\"");gfSetSetting("swatches_option_style", "\"variant_image\"");gfSetSetting("swatches_custom_colors", "\"\"");gfSetSetting("bitty_img", "\"\\\/\\\/www.cornholebags.com\\\/cdn\\\/shop\\\/files\\\/Bitty_Bags_Logo_900x900_1.jpg?v=1738700139\"");gfSetSetting("cornholebags_com", "\"\\\/\\\/www.cornholebags.com\\\/cdn\\\/shop\\\/files\\\/footer-logo_1.png?v=1741330151\"");gfSetSetting("deadeye_bags", "\"\\\/\\\/www.cornholebags.com\\\/cdn\\\/shop\\\/files\\\/Deadeye_Logo_270x270_a6c44b84-6b3f-44ca-96c0-49c0afe6054e_270x270-Photoroom_1.png?v=1741243775\"");gfSetSetting("glide_grip", "\"\\\/\\\/www.cornholebags.com\\\/cdn\\\/shop\\\/files\\\/CHBDC_Logo_200x80_Transparent.png?v=1738697851\"");gfSetSetting("world_series_cornhole", "\"\\\/\\\/www.cornholebags.com\\\/cdn\\\/shop\\\/files\\\/loog-2_1_a0e2d854-7fba-4a08-a762-c983b9b1f221.png?v=1742366945\"");gfSetSetting("wsoc", "\"\\\/\\\/www.cornholebags.com\\\/cdn\\\/shop\\\/files\\\/loog-2_1_a0e2d854-7fba-4a08-a762-c983b9b1f221.png?v=1742366945\"");gfSetSetting("bogotxt", "\"\"");gfSetSetting("rapidshiptxt", "\"\"");gfSetSetting("product_show_vendor", "true");gfSetSetting("product_ratings_star_display", "true");gfSetSetting("product_grid_emphasize_price", "false");gfSetSetting("product_grid_show_atc_button", "true");gfSetSetting("product_grid_show_atc", "\"always\"");gfSetSetting("product_grid_show_second_image", "true");gfSetSetting("product_grid_image_style", "\"natural\"");gfSetSetting("product_grid_image_crop", "true");gfSetSetting("enable_product_compare", "false");gfSetSetting("product_compare_display", "\"always\"");gfSetSetting("product_grid_enable_quickshop", "false");gfSetSetting("product_grid_quick_shop_display", "\"always\"");gfSetSetting("social_facebook", "\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61594990940360\"");gfSetSetting("social_x", "\"\"");gfSetSetting("social_instagram", "\"\"");gfSetSetting("social_youtube", "\"\"");gfSetSetting("social_tiktok", "\"\"");gfSetSetting("social_behance", "\"\"");gfSetSetting("social_clubhouse", "\"\"");gfSetSetting("social_discord", "\"\"");gfSetSetting("social_dribbble", "\"\"");gfSetSetting("social_email", "\"\"");gfSetSetting("social_flickr", "\"\"");gfSetSetting("social_houzz", "\"\"");gfSetSetting("social_kickstarter", "\"\"");gfSetSetting("social_linkedin", "\"\"");gfSetSetting("social_medium", "\"\"");gfSetSetting("social_messenger", "\"\"");gfSetSetting("social_opensea", "\"\"");gfSetSetting("social_pinterest", "\"\"");gfSetSetting("social_reddit", "\"\"");gfSetSetting("social_rss", "\"\"");gfSetSetting("social_snapchat", "\"\"");gfSetSetting("social_spotify", "\"\"");gfSetSetting("social_tumblr", "\"\"");gfSetSetting("social_twitch", "\"\"");gfSetSetting("social_vimeo", "\"\"");gfSetSetting("social_whatsapp", "\"\"");gfSetSetting("favicon", "\"\\\/\\\/www.cornholebags.com\\\/cdn\\\/shop\\\/files\\\/cb_avatar.png?v=1790189039\"");gfSetSetting("enable_orders_atc", "false");gfSetSetting("enable_checkout_lock_icon", "false");gfSetSetting("enable_free_shipping_bar", "false");gfSetSetting("free_shipping_minimum_amount", "\"1\"");gfSetSetting("continue_shopping_url", "\"\\\/collections\\\/all\"");gfSetSetting("continue_url_cart", "true");gfSetSetting("continue_url_404", "true");gfSetSetting("continue_url_compare", "true");gfSetSetting("enable_back_to_top_button", "true");gfSetSetting("checkout_logo_position", "\"left\"");gfSetSetting("checkout_logo_size", "\"medium\"");gfSetSetting("checkout_body_background_color", "\"#fff\"");gfSetSetting("checkout_input_background_color_mode", "\"white\"");gfSetSetting("checkout_sidebar_background_color", "\"#f5f3ed\"");gfSetSetting("checkout_heading_font", "\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'\"");gfSetSetting("checkout_body_font", "\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'\"");gfSetSetting("checkout_accent_color", "\"#046e82\"");gfSetSetting("checkout_button_color", "\"#f04f36\"");gfSetSetting("checkout_error_color", "\"#f04f36\"");gfSetSetting("enable_image_zoom", "false");gfSetSetting("font_body", "\"Google_Lato_400,400i,700,700i\"");gfSetSetting("font_heading", "\"\\\"League Spartan\\\", sans-serif\"");gfSetSetting("gallery_thumbnail_position", "\"below\"");gfSetSetting("image_zoom_level", "\"min\"");gfSetSetting("product_cart_redirect", "false");gfSetSetting("product_enable_recently_viewed_products", "true");gfSetSetting("product_grid_quick_buy", "true");gfSetSetting("product_grid_quick_look", "true");gfSetSetting("product_grid_quick_shop", "true");gfSetSetting("product_grid_show_quickshop", "\"always\"");gfSetSetting("product_ratings_reviews", "true");gfSetSetting("product_show_sku", "false");gfSetSetting("product_slideshow_style", "\"natural\"");gfSetSetting("product_social_sharing", "false");gfSetSetting("quickshop_enable_social_sharing", "true");gfSetSetting("quickshop_product_cart_redirect", "false");gfSetSetting("quickshop_ratings_reviews", "true");gfSetSetting("quickshop_ratings", "true");gfSetSetting("quickshop_redirect_to_cart", "false");gfSetSetting("quickshop_sales_badge_style", "\"percentile_save\"");gfSetSetting("quickshop_sales_badge", "true");gfSetSetting("quickshop_select_first_available_variant", "false");gfSetSetting("quickshop_show_dcb", "true");gfSetSetting("quickshop_show_vendor", "true");gfSetSetting("show_breadcrumbs", "true");gfSetSetting("show_dcb", "false");gfSetSetting("social_google", "\"\"");gfSetSetting("social_twitter", "\"\"");gfSetSetting("customer_layout", "\"customer_area\"");} catch (error) {} 498 })(); 499 </script>
499 500 501
501<script src="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.themes.min.js" defer></script>
501 502<style>.gf-block-title h3, 503.gf-block-title .h3, 504.gf-yesno-control, 505.gf-yesno-label, 506.gf-form-input-inner label { 507 font-size: 16px !important; 508 color: #3a3a3a !important; 509 text-transform: uppercase !important; 510 font-weight: bold !important; 511} 512.gf-option-block .gf-btn-show-more{ 513 font-size: 14px !important; 514 text-transform: none !important; 515 font-weight: normal !important; 516} 517.gf-option-block ul li a, 518.gf-option-block ul li button, 519.gf-option-block ul li a span.gf-count, 520.gf-option-block ul li button span.gf-count, 521.gf-clear, 522.gf-clear-all, 523.selected-item.gf-option-label a, 524.gf-form-input-inner select, 525.gf-refine-toggle{ 526 font-size: 14px !important; 527 color: rgba(0, 0, 0, 1) !important; 528 text-transform: none !important; 529 font-weight: normal !important; 530} 531 532.gf-refine-toggle-mobile, 533.gf-form-button-group button { 534 font-size: 16px !important; 535 text-transform: none !important; 536 font-weight: 400 !important; 537 color: rgba(0, 0, 0, 1) !important; 538} 539.gf-refine-toggle-mobile, 540.gf-form-button-group button { 541 border: 1px solid rgba(245, 245, 245, 1) !important; 542 background: #ffffff !important; 543} 544.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a, 545.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button { 546 border-color: rgba(0, 0, 0, 1) !important; 547} 548.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a.checked, 549.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button.checked{ 550 color: #fff !important; 551 background-color: rgba(0, 0, 0, 1) !important; 552} 553@media (min-width: 768px) { 554 .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button:hover, 555 .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a:hover { 556 color: #fff !important; 557 background-color: rgba(0, 0, 0, 1) !important; 558 } 559} 560.gf-option-block.gf-option-block-select select { 561 color: rgba(0, 0, 0, 1) !important; 562} 563 564#gf-form.loaded, .gf-YMM-forms.loaded { 565 background: #FFFFFF !important; 566} 567#gf-form h2, .gf-YMM-forms h2 { 568 color: #3a3a3a !important; 569} 570#gf-form label, .gf-YMM-forms label{ 571 color: #3a3a3a !important; 572} 573.gf-form-input-wrapper select, 574.gf-form-input-wrapper input{ 575 border: 1px solid #DEDEDE !important; 576 background-color: #FFFFFF !important; 577 border-radius: 0px !important; 578} 579#gf-form .gf-form-button-group button, .gf-YMM-forms .gf-form-button-group button{ 580 color: #FFFFFF !important; 581 background: #3a3a3a !important; 582 border-radius: 0px !important; 583} 584 585.spf-product-card.spf-product-card__template-3 .spf-product__info.hover{ 586 background: #FFFFFF; 587} 588a.spf-product-card__image-wrapper{ 589 padding-top: 140%; 590} 591.h4.spf-product-card__title a{ 592 color: #333333; 593 font-size: 15px; 594 font-family: inherit; font-style: normal; 595 text-transform: none; 596} 597.h4.spf-product-card__title a:hover{ 598 color: #000000; 599} 600.spf-product-card button.spf-product__form-btn-addtocart{ 601 font-size: 14px; 602 font-family: inherit; font-weight: normal; font-style: normal; text-transform: none; 603} 604.spf-product-card button.spf-product__form-btn-addtocart, 605.spf-product-card.spf-product-card__template-4 a.open-quick-view, 606.spf-product-card.spf-product-card__template-5 a.open-quick-view, 607#gfqv-btn{ 608 color: #FFFFFF !important; 609 border: 1px solid #333333 !important; 610 background: #333333 !important; 611} 612.spf-product-card button.spf-product__form-btn-addtocart:hover, 613.spf-product-card.spf-product-card__template-4 a.open-quick-view:hover, 614.spf-product-card.spf-product-card__template-5 a.open-quick-view:hover{ 615 color: #FFFFFF !important; 616 border: 1px solid #000000 !important; 617 background: #000000 !important; 618} 619span.spf-product__label.spf-product__label-soldout{ 620 color: #ffffff; 621 background: #989898; 622} 623span.spf-product__label.spf-product__label-sale{ 624 color: #F0F0F0; 625 background: #d21625; 626} 627.spf-product-card__vendor a{ 628 color: #969595; 629 font-size: 13px; 630 font-family: inherit; font-weight: normal; font-style: normal; } 631.spf-product-card__vendor a:hover{ 632 color: #969595; 633} 634.spf-product-card__price-wrapper{ 635 font-size: 14px; 636} 637.spf-image-ratio{ 638 padding-top:140% !important; 639} 640.spf-product-card__oldprice, 641.spf-product-card__saleprice, 642.spf-product-card__price, 643.gfqv-product-card__oldprice, 644.gfqv-product-card__saleprice, 645.gfqv-product-card__price 646{ 647 font-size: 14px; 648 font-family: inherit; font-weight: normal; font-style: normal; } 649 650span.spf-product-card__price, span.gfqv-product-card__price{ 651 color: #141414; 652} 653span.spf-product-card__oldprice, span.gfqv-product-card__oldprice{ 654 color: #969595; 655} 656span.spf-product-card__saleprice, span.gfqv-product-card__saleprice{ 657 color: #d21625; 658} 659</style> 660
661<script id="app-embed-custom-js"></script>
661 662
663<script id="gspfProductTemplate142741733567" type="template/html"> 664 {%- assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%} 665 {%- assign image_options = '' | downcase | split: "~~" | uniq -%} 666 {%- assign text_options = 'Size' | downcase | split: "~~" | uniq -%} 667 668 {%- assign image_size = '360x504' -%} 669 {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} 670 671 {%- assign featured_image = product.featured_image -%} 672 {%- assign product_price = product.price -%} 673 {%- assign product_compare_at_price = product.compare_at_price -%} 674 {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} 675 {%- assign variant_url = '' -%} 676 {%- if product.selected_or_first_available_variant -%} 677 {%- assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id -%} 678 {%- endif -%} 679 {% if product.selected_variant %} 680 {% assign selected_or_first_available_variant = product.selected_variant %} 681 {% assign product_price = selected_or_first_available_variant.price %} 682 {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} 683 {% if selected_or_first_available_variant.image %} 684 {% assign featured_image = selected_or_first_available_variant.image %} 685 {% endif %} 686 {% endif %} 687 {%- assign images_count = product.images | size -%} 688{%- assign variants_count = product.variants | size -%} 689 {%- assign product_grid_show_second_image = settings.product_grid_show_second_image %} 690 {%- assign emphasize_price = settings.product_grid_emphasize_price %} 691 {%- assign quick_shop_display = settings.product_grid_quick_shop_display %} 692 {%- assign enable_quickshop = settings.product_grid_enable_quickshop %} 693 {%- assign atc_display = settings.product_grid_show_atc %} 694 {%- assign atc_button = settings.product_grid_show_atc_button %} 695 696 {% if product %} 697 {%- assign compare_at_price = product.compare_at_price %} 698 {%- assign compare_at_price_varies = product.compare_at_price_varies %} 699 {%- assign price = product.price %} 700 {%- assign price_varies = product.price_varies %} 701 {%- assign product_available = product.available %} 702 {%- assign product_title = product.title %} 703 {%- assign product_vendor = product.vendor %} 704 {%- assign product_link = product.url %} 705 {%- assign product_description = product.description | strip_html %} 706 {%- assign product_description_size = product.description | strip_html | size %} 707 {% else %} 708 {%- assign onboarding = true %} 709 {%- assign compare_at_price = 1999 %} 710 {%- assign compare_at_price_varies = false %} 711 {%- assign price = 1999 %} 712 {%- assign price_varies = false %} 713 {%- assign product_available = true %} 714 {%- assign product_title = themeTranslation.onboarding.product.title %} 715 {%- assign product_vendor = themeTranslation.onboarding.product.vendor %} 716 {%- assign product_link = '#' %} 717 {% endif %} 718 719 {%- assign on_sale = false %} 720 {%- for variant in product.variants -%} 721 {% if variant.compare_at_price > variant.price %} 722 {%- assign on_sale = true %} 723 {% break %} 724 {% endif %} 725 {% endfor %} 726 727 {%- assign has_variants = false %} 728 {% unless variants_count > 1 %} 729 {%- assign has_variants = true %} 730 {% endunless %} 731 732 {%- assign consistent_saved = false %} 733 {% capture consistent_savings %} 734 {%- assign variants = product.variants %} 735 {% capture _ %} 736 {% comment %} 737 @param variants {Object} 738 Product variants 739 740 @param on_sale {Bool} 741 {% endcomment %} 742 743 {%- assign consistent_saved = false %} 744 {%- assign lowest_price = false %} 745 746 {%- assign variant_sale_price = false %} 747 {%- assign variant_sale_price_differs = false %} 748 {%- assign variant_compare_at_price = false %} 749 {%- assign variant_compare_at_price_differs = false %} 750 751 {%- if on_sale -%} 752 {%- for variant in variants -%} 753 {%- if lowest_price == false or variant.price <= lowest_price -%} 754 {%- assign lowest_price = variant.price %} 755 {%- endif -%} 756 757 {% unless variant.compare_at_price %} 758 {%- assign variant_sale_price_differs = true %} 759 {%- assign variant_compare_at_price_differs = true %} 760 {% break %} 761 {% endunless %} 762 763 {%- if variant.price < variant.compare_at_price -%} 764 {% if variant_sale_price == false %} 765 {%- assign variant_sale_price = variant.price %} 766 {% endif %} 767 768 {% if variant_sale_price != variant.price %} 769 {%- assign variant_sale_price_differs = true %} 770 {% endif %} 771 772 {% if variant_compare_at_price == false %} 773 {%- assign variant_compare_at_price = variant.compare_at_price %} 774 {% endif %} 775 776 {% if variant_compare_at_price != variant.compare_at_price %} 777 {%- assign variant_compare_at_price_differs = true %} 778 {% endif %} 779 {%- endif -%} 780 {%- endfor -%} 781 {%- endif -%} 782 783 {%- if variant_sale_price_differs == false and variant_compare_at_price_differs == false -%} 784 {%- if lowest_price >= variant_sale_price -%} 785 {%- assign consistent_saved = true -%} 786 {%- endif -%} 787 {%- endif -%} 788 {% endcapture %} 789 {{ consistent_saved }} 790 {% endcapture %}
791 {% if consistent_savings contains 'true' %} 792 {%- assign consistent_saved = true %} 793 {% endif %} 794 795 {%- capture classes -%} 796 productgrid--item 797 imagestyle--{% if settings.product_grid_image_crop and settings.product_grid_image_style != 'natural' %}cropped-{% endif %}{{ settings.product_grid_image_style }} 798 {% unless product.featured_image %}imagestyle--no-image{% endunless %} 799 {% if on_sale %}productitem--sale{% endif %} 800 {% if emphasize_price %}productitem--emphasis{% endif %} 801 {% if atc_display == 'always' or quick_shop_display == 'always' %}show-actions--mobile{% endif %} 802 {%- endcapture -%} 803 804 {%- assign show_swatches = false -%} 805 {%- assign initial_image = product.featured_image %} 806 {%- if settings.swatches_enable -%} 807 {% comment %} Check if product should show swatches {% endcomment %} 808 {%- for option in product.options -%} 809 {%- assign swatch_trigger = settings.swatches_swatch_trigger | strip | downcase -%} 810 {%- assign option_name = option.name | downcase -%} 811 {%- if option_name == swatch_trigger -%} 812 {%- assign show_swatches = true -%} 813 {%- assign swatch_values = option.values -%} 814 {%- assign swatch_values_count = option.values.size -%} 815 {%- assign swatch_option_key = 'option' | append: forloop.index -%} 816 {%- break -%} 817 {%- endif -%} 818 {%- endfor -%} 819 820 {% if section.settings.filter_style == 'groups' and current_tags and show_swatches %} 821 {% comment %} We are filtered by tags, so check and see if it's filtering by swatch {% endcomment %} 822 {% for tag in current_tags %} 823 {%- assign tag_group = tag | split: '_' | first | downcase %} 824 {% if tag_group == swatch_trigger %} 825 {%- assign active_swatch_name = tag | split: '_' | last | downcase %} 826 827 {% comment %} Filter variants by swatch (for ex. where color == blue). Can't use | where due to case sensitivity {% endcomment %} 828 {%- for variant in product.variants -%} 829 {%- assign option_value = variant[swatch_option_key] | downcase %} 830 {% if option_value == active_swatch_name %} 831 {% if variant.image %} 832 {%- assign initial_image = variant.image %} 833 {% endif %} 834 {% break %} 835 {% endif %} 836 {% endfor %} 837 {% break %} 838 {% endif %} 839 {% endfor %} 840 {% endif %} 841 842 {% capture product_item_swatches %} 843 {%- if show_swatches -%} 844 <div 845 class=" 846 productitem--swatches 847 {% if settings.swatches_shape == 'square' and settings.swatches_option_style == 'variant_image' %} 848 swatches-variant-images-square 849 {% endif %} 850 " 851 data-swatches 852 > 853
853<scripttag type="application/json" data-swatch-data> 854 { 855 "swatchOptionKey": {{ swatch_option_key | json }}, 856 "variants": {{ product.variants | json }} 857 } 858 </scripttag> 859 {%- assign swatch_trigger = settings.swatches_swatch_trigger %} 860 {%- assign product_title = product.title %} 861 <form 862 class="productitem--swatches-container" 863 data-swatches-container 864 aria-label="{{ swatch_trigger }} options for {{ product_title }}" 865 > 866 {% for swatch_value in swatch_values %} 867 {%- assign swatch_value_downcased = swatch_value | downcase %} 868 <label> 869 <input 870 class="productitem--swatches-input sold_out_option--{{ settings.sold_out_options }}" 871 type="radio" 872 tabindex="0" 873 name="swatch" 874 value="{{ swatch_value | escape }}" 875 aria-label="{{ swatch_value | escape }}" 876 {% if swatch_value_downcased == active_swatch_name %}checked{% endif %} 877 > 878 {%- assign use_variant_images = false %} 879 {% if settings.swatches_option_style == 'variant_image' %} 880 {%- assign use_variant_images = true %} 881 {% endif %} 882 {%- assign use_aspect_ratio = false %} 883 {% if settings.swatches_shape == 'square' %} 884 {%- assign use_aspect_ratio = true %} 885 {% endif %} 886 {%- capture swatch_styles - %} 887 {%- assign color_name = swatch_value %} 888 {%- assign swatch_product = product %} 889 {%- assign swatch_option_key = swatch_option_key %} 890 {%- assign swatch_size = settings.swatches_product_card_size %} 891 {%- capture _ -%} 892 {%- assign use_variant_images = use_variant_images | default: false -%} 893 {%- assign swatch_product = swatch_product | default: blank -%} 894 {%- assign swatch_option_key = swatch_option_key | default: blank -%} 895 {%- assign swatch_size = swatch_size | default: 32 -%} 896 {%- assign use_aspect_ratio = use_aspect_ratio | default: true, allow_false: true -%} 897 898 {%- assign swatch_bg_color = blank -%} 899 {%- assign swatch_bg_image = blank -%} 900 {%- assign swatch_bg_variables = blank -%} 901 {%- assign swatch_colors = settings.swatches_custom_colors -%} 902 903 {% comment %} First look for a defined custom color {% endcomment %} 904 {%- assign swatch_colors = swatch_colors | newline_to_br | strip_newlines | split: '<br />' -%} 905 {%- assign swatch_search_color = color_name | downcase -%} 906 {%- for swatch_option in swatch_colors -%} 907 {%- assign swatch_color = swatch_option | split: ':' -%} 908 {%- assign swatch_color_name = swatch_color[0] | strip | downcase -%} 909 {%- assign swatch_color_value = swatch_color[1] | strip -%} 910 {%- if swatch_search_color == swatch_color_name -%} 911 {% capture swatch_bg_color %} 912 background-color: {{ swatch_color_value }}; 913 {% endcapture %} 914 {%- break -%} 915 {%- endif -%} 916 {%- endfor -%} 917 918 {% comment %} Otherwise default to the raw color name, which will either be a 919 valid named HTML color and displayed as such, or will be ignored by the browser. {% endcomment %} 920 {%- if swatch_bg_color == '' -%} 921 {% capture swatch_bg_color %} 922 background-color: {{ color_name | handleize }}; 923 {% endcapture %} 924 {%- endif -%} 925 926 {%- if use_variant_images and swatch_product != blank and swatch_option_key != blank -%} 927 {% for variant in swatch_product.variants %} 928 {%- assign option_value_downcased = variant[swatch_option_key] | downcase %} 929 {% if option_value_downcased == swatch_search_color %} 930 {% if variant.image != blank %} 931 {%- assign swatch_image_resolution = swatch_size | times: 2 | prepend: 'x' -%} 932 {%- assign swatch_file_url = variant.image | img_url: swatch_image_resolution, crop: 'center' -%} 933 {%- assign swatch_height = swatch_size | times: 1.0 -%} 934 {%- assign swatch_width = swatch_size | times: 1.0 -%} 935 {%- if use_aspect_ratio -%} 936 {%- assign swatch_width = swatch_size | times: variant.image.as
936pect_ratio -%} 937 {%- endif -%} 938 {%- capture swatch_bg_image -%} 939 background-image: url('{{- swatch_file_url -}}'); 940 width: {{ swatch_width }}px; 941 border: 0; {% comment %}Variant image swatches don't get inset borders{% endcomment %} 942 {%- endcapture -%} 943 {%- assign selected_border_offset = 2 | times: 2 -%} 944 {%- capture swatch_bg_variables -%} 945 --swatch-inner-transform-x: {{ swatch_width | minus: selected_border_offset | divided_by: swatch_width }}; 946 --swatch-inner-transform-y: {{ swatch_height | minus: selected_border_offset | divided_by: swatch_height }}; 947 {%- endcapture -%} 948 {% endif %} 949 {%- break -%} 950 {% endif %} 951 {% endfor %} 952 {%- else -%} 953 {% comment %} Then look for a pattern image. {% endcomment %} 954 {%- assign swatch_file_name = color_name | downcase | handleize | append: '.png' %} 955 {%- if images[swatch_file_name] != blank -%} 956 {%- capture swatch_image_resolution -%}{{ swatch_size | times: 2 }}x{{ swatch_size | times: 2 }}{%- endcapture -%} 957 {%- assign swatch_file_url = swatch_file_name | file_img_url: swatch_image_resolution, crop: 'center' -%} 958 {%- capture swatch_bg_image -%} 959 background-image: url('{{- swatch_file_url -}}'); 960 {%- endcapture -%} 961 {%- endif -%} 962 {%- endif -%} 963 964 {%- endcapture -%} 965 {{ swatch_bg_color }} 966 {{ swatch_bg_image }} 967 /* variables */ 968 {{ swatch_bg_variables }} 969 {%- endcapture -%} 970 <div 971 class="productitem--swatches-swatch-wrapper" 972 data-swatch-tooltip="{{ swatch_value | escape }}" 973 data-swatch 974 style="{{ swatch_styles | split: '/* variables */' | last | remove: '/* variables */'}}" 975 > 976 <div class="productitem--swatches-swatch"> 977 <div 978 class="productitem--swatches-swatch-inner" 979 style=" 980 {{ swatch_styles | split: '/* variables */' | first }} 981 {% comment %} {% if use_variant_images and settings.swatches_shape == 'square' %}border-radius: 0;{% endif %} {% endcomment %} 982 " 983 > 984 </div> 985 </div> 986 </div> 987 </label> 988 {% endfor %} 989 </form> 990 {%- assign swatch_trigger = settings.swatches_swatch_trigger %} 991 <button 992 class="productitem--swatches-count-wrapper" 993 tabindex="0" 994 data-swatch-count-wrapper 995 aria-label="Toggle swatches" 996 > 997 <div class="productitem--swatches-count" data-swatch-count>+</div> 998 </button> 999 </div> 1000 {%- endif -%} 1001 {% endcapture %} 1002 {%- endif -%} 1003 1004 <li 1005 {% if showPageData %} data-page="{{page}}"{% endif %} 1006 class="{{ classes | strip_newlines }}" 1007 data-product-item 1008 data-product-quickshop-url="{{ product_link }}" 1009 > 1010 <div class="productitem" data-product-item-content> 1011 {% comment %}Inject template-allows-compare begin{% endcomment %} 1012 {%- assign template_allows_compare = settings.enable_product_compare %} 1013 {% if template.name == 'cart' %} 1014 {%- assign template_allows_compare = false %} 1015 {% elsif template.name == 'product' and template.suffix contains 'compare' %} 1016 {%- assign template_allows_compare = false %} 1017 {% endif %} 1018 {% comment %}Inject template-allows-compare end{% endcomment %} 1019 1020 {% if onboarding %} 1021 {%- assign template_allows_compare = false %} 1022 {% endif %} 1023 1024 {% if template_allows_compare %} 1025 {% capture product_compare_image %} 1026 {% if initial_image %} 1027 <img 1028 class="gflazyload productitem--image-primary" 1029 srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 1030 src="{{initial_image.src | img_url: image_size}}" 1031 data-src="{{ initial_image.src | img_lazyload_url }}" 1032 data-sizes="auto"
1033 data-aspectratio="{{initial_image.aspect_ratio}}" 1034 data-parent-fit="contain" 1035 alt="{{initial_image.alt | escape}}" 1036 /> 1037 {% else %} 1038 {{ "image" | placeholder_svg_tag: 'placeholder--image' }} 1039 {% endif %} 1040 {% endcapture %} 1041 1042
1042<scripttag type="application/json" data-product-compare-data> 1043 { 1044 "title": {{ product.title | json }}, 1045 "handle": {{ product.handle | json }}, 1046 "image": {{ product_compare_image | json }}, 1047 "imageAspectRatio": {{ initial_image.aspect_ratio | default: '1/1' | json }}, 1048 "url": {{ product.url | json }} 1049 } 1050 </scripttag> 1051 1052 <div 1053 class=" 1054 productitem__compare-wrapper 1055 productitem__compare-wrapper-{{ settings.product_compare_display }} 1056 " 1057 data-compare-item-wrapper data-animation-state="closed" 1058 > 1059 <div class="productitem__compare" data-compare-item> 1060 <input 1061 class="productitem__compare-checkbox" 1062 id="productitem__compare-checkbox-{{ product.id }}" 1063 type="checkbox" 1064 data-compare-checkbox 1065 > 1066 <label class="productitem__compare-checkbox-label" for="productitem__compare-checkbox-{{ product.id }}"> 1067 <span class="productitem__compare-checkbox-icon"> 1068 <svg 1069 class="checkmark" 1070 aria-hidden="true" 1071 focusable="false" 1072 role="presentation" 1073 width="14" 1074 height="14" 1075 xmlns="http://www.w3.org/2000/svg"
1076 viewBox="0 0 14 14" 1077 data-animation-state="unchecked" 1078 > 1079 <path class="checkmark__check" fill="none" d="M2.5 7L5.5 10L11.5 4" data-animation-state="unchecked" /> 1080 <path class="checkmark__indeterminate" fill="none" d="M2.5 7L6 7L12 7" data-animation-state="unchecked" /> 1081 </svg> 1082 </span> 1083 <span class="productitem__compare-checkbox-text"> 1084 Compare 1085 </span> 1086 </label> 1087 </div> 1088 </div> 1089 {% endif %} 1090 1091 <div class="productitem__container"> 1092 <div class="productitem__image-container"> 1093 <a 1094 class="productitem--image-link" 1095 href="{{ product.url }}" 1096 tabindex="-1" 1097 data-product-page-link 1098 > 1099 <figure 1100 class="productitem--image" 1101 data-product-item-image 1102 {% if settings.product_grid_image_style == 'natural' and initial_image %} 1103 style="--product-grid-item-image-aspect-ratio: {{ initial_image.aspect_ratio }};" 1104 {% endif %} 1105 > 1106 {% if initial_image %} 1107 {% if product_grid_show_second_image and images_count > 1 %} 1108 {%- assign second_image = product.images[1] %} 1109 <img 1110 class="gflazyload productitem--image-alternate" 1111 srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 1112 src="{{second_image.src | img_url: image_size}}" 1113 data-src="{{ second_image.src | img_lazyload_url }}" 1114 data-sizes="auto" 1115 data-aspectratio="{{second_image.aspect_ratio}}" 1116 data-parent-fit="contain" 1117 alt="{{second_image.alt | escape}}" 1118 /> 1119 {% endif %} 1120 <img 1121 class="gflazyload productitem--image-primary" 1122 srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 1123 src="{{initial_image.src | img_url: image_size}}" 1124 data-src="{{ initial_image.src | img_lazyload_url }}" 1125 data-sizes="auto" 1126 data-aspectratio="{{initial_image.aspect_ratio}}" 1127 data-parent-fit="contain" 1128 alt="{{initial_image.alt | escape}}" 1129 /> 1130 {% else %} 1131 {{ "image" | placeholder_svg_tag: 'placeholder--image' }} 1132 {% endif %} 1133 {%- assign class_root = 'productitem' %} 1134 {%- assign show_saved = consistent_saved %} 1135 {%- assign include_range = true %} 1136 {%- assign sales_badge = settings.product_sales_badge %} 1137 {%- assign sales_badge_style = settings.product_sales_badge_style %} 1138 {%- assign savings_money_range = 0 %} 1139 {%- assign savings_percentage_range = 0 %} 1140 1141 {%- assign price_min = nil %} 1142 {%- assign price_max = nil %} 1143 {%- assign compare_at_price_min = nil %} 1144 {%- assign compare_at_price_max = nil %} 1145 {%- assign price_varies = false %} 1146 {%- for variant in product.variants -%} 1147 {% if price_min == nil or variant.price < price_min %} 1148 {%- assign price_min = variant.price %} 1149 {% endif %} 1150 {% if price_max == nil or variant.price > price_max %} 1151 {%- assign price_max = variant.price %} 1152 {% endif %} 1153 {%- assign tmp_compare_at_price = variant.compare_at_price %} 1154 {% unless variant.compare_at_price %} 1155 {%- assign tmp_compare_at_price = variant.price %} 1156 {% endunless %} 1157 {% if compare_at_price_min == nil or tmp_compare_at_price < compare_at_price_min %} 1158 {%- assign compare_at_price_min = tmp_compare_at_price %} 1159 {% endif %}
1160 {% if compare_at_price_max == nil or tmp_compare_at_price > compare_at_price_max %} 1161 {%- assign compare_at_price_max = tmp_compare_at_price %} 1162 {% endif %} 1163 {% if variant.price != price_min %} 1164 {%- assign price_varies = true %} 1165 {% endif %} 1166 1167 {%- assign price_difference = tmp_compare_at_price | minus: variant.price %} 1168 {% if price_difference > savings_money_range %} 1169 {%- assign savings_money_range = price_difference %} 1170 {%- assign savings_percentage_range = savings_money_range | times: 100.0 | divided_by: variant.compare_at_price | round %} 1171 {% endif %} 1172 {% endfor %} 1173 1174 {%- assign savings_money_single = selected_variant.compare_at_price | minus: selected_variant.price %} 1175 {%- assign savings_percentage_single = savings_money_single | times: 100.0 | divided_by: selected_variant.compare_at_price | round %} 1176 1177 {%- assign product_available = product_available | default: product.available %} 1178 1179 {%- if product_available != true -%} 1180 <span class="{{ class_root }}__badge {{ class_root }}__badge--soldout"> 1181 Sold out 1182 </span> 1183 {%- elsif sales_badge -%} 1184 {%- assign saved_price_single = savings_money_single | money %} 1185 {%- assign saved_price_range = savings_money_range | money %} 1186 {%- assign on_sale = on_sale | default: true %} 1187 {% if savings_money_range <= 0 %} 1188 {%- assign on_sale = false %} 1189 {% endif %} 1190 1191 <span class="{{ class_root }}__badge {{ class_root }}__badge--sale" 1192 data-badge-sales 1193 {% if on_sale != true %}style="display: none;"{% endif %} 1194 > 1195 <span data-badge-sales-range> 1196 {% if sales_badge_style == 'percent' %} 1197 {% if price_varies %} 1198 {%- assign savings = savings_percentage_range | strip_newlines %} 1199 Save up to <span data-price-percent-saved>{{ savings }}</span>% 1200 {% else %} 1201 {%- assign savings = savings_percentage_range | strip_newlines %} 1202 Save <span data-price-percent-saved>{{ savings }}</span>% 1203 {% endif %} 1204 {% elsif sales_badge_style == 'money' %} 1205 {% if price_varies %} 1206 {%- assign savings = saved_price_range | strip_newlines %} 1207 Save up to <span class="money" data-price-money-saved>{{ savings }}</span> 1208 {% else %} 1209 {%- assign savings = saved_price_range | strip_newlines %} 1210 Save <span class="money" data-price-money-saved>{{ savings }}</span> 1211 {% endif %} 1212 {% else %} 1213 Sale 1214 {% endif %} 1215 </span> 1216 <span data-badge-sales-single style="display: none;"> 1217 {% if sales_badge_style == 'percent' %} 1218 {%- assign savings = savings_percentage_single | strip_newlines %} 1219 Save <span data-price-percent-saved>{{ savings }}</span>% 1220 {% elsif sales_badge_style == 'money' %} 1221 {%- assign savings = saved_price_single | strip_newlines %} 1222 Save <span class="money" data-price-money-saved>{{ savings }}</span> 1223 {% else %} 1224 Sale 1225 {% endif %} 1226 </span> 1227 </span> 1228 {%- endif -%} 1229 </figure> 1230 </a> 1231 </div> 1232 1233 {%- capture product_item_price -%} 1234 {%- assign class_root = 'productitem' %} 1235 {%- assign show_original = true %} 1236 {%- assign show_range = true %} 1237 {%- assign include_hidden_price = false %} 1238 {%- assign include_hidden_price = include_hidden_price | default: true %} 1239 {%- assign price_min = nil %} 1240 {%- assign price_max = nil %} 1241 {%- assign compare_at_price_min = nil %} 1242 {%- assign compare_at_price_max = nil %} 1243 {%- assign price_varies = false %} 1244 {%- for variant in product.variants -%} 1245 {% if price_min == nil or variant.price < price_min %} 1246 {%- assign price_min = variant.price %} 1247 {% endif %} 1248 {% if price_max == nil or variant.price > price_max %} 1249 {%- assign price_max = variant.price %} 1250 {% endif %} 1251 {%- assign tmp_compare_at_price = variant.compare_at_price %} 1252 {% unless variant.compare_at_price %} 1253 {%- assign tmp_compare_at_price = variant.price %} 1254 {% endunless %}
1255 {% if compare_at_price_min == nil or tmp_compare_at_price < compare_at_price_min %} 1256 {%- assign compare_at_price_min = tmp_compare_at_price %} 1257 {% endif %} 1258 {% if compare_at_price_max == nil or tmp_compare_at_price > compare_at_price_max %} 1259 {%- assign compare_at_price_max = tmp_compare_at_price %} 1260 {% endif %} 1261 {% if variant.price != price_min %} 1262 {%- assign price_varies = true %} 1263 {% endif %} 1264 {% endfor %} 1265 1266 {%- assign show_range = show_range | default: false %} 1267 {%- assign price = product.price %} 1268 {%- assign compare_at_price = product.compare_at_price %} 1269 {%- assign variants = product.variants %} 1270 {%- assign price_range_format = price_range_format | default: 'range' %} 1271 {%- assign savings_format = savings_format | default: 'percentage' %} 1272 {%- assign on_sale = on_sale | default: false %} 1273 {%- assign emphasize_price = emphasize_price | default: false %} 1274 {%- assign show_original = show_original | default: false %} 1275 {%- assign show_savings = show_savings | default: false %} 1276 {%- assign class_root = class_root | default: 'product' %} 1277 {%- assign include_spacer = include_spacer | default: false %} 1278 {%- assign include_unit_price = include_unit_price | default: false %} 1279 {%- assign include_tax_line = include_tax_line | default: false %} 1280 {%- assign include_compare_price = include_compare_price | default: true %} 1281 1282 <div class="price {{ class_root }}__price"> 1283 {% if include_compare_price %} 1284 <div 1285 class="price__compare-at {% if emphasize_price or on_sale and show_original %}visible{% endif %}" 1286 data-price-compare-container 1287 > 1288 {%- capture compare_at_price_html -%} 1289 <span class="money price__compare-at--single" data-price-compare> 1290 {{ compare_at_price | money }} 1291 </span> 1292 {%- endcapture -%} 1293 1294 {% if on_sale and show_original %} 1295 {{ compare_at_price_html }} 1296 {% elsif emphasize_price and include_spacer %} 1297 <span class="price__spacer"></span> 1298 {% elsif show_original %} 1299 <span class="money price__original" data-price-original></span> 1300 {% endif %} 1301 </div> 1302 {% endif %} 1303 1304 <div class="price__current {% if emphasize_price %}price__current--emphasize{% endif %} {% if on_sale %}price__current--on-sale{% endif %}" data-price-container> 1305 {%- capture price_html -%} 1306 <span class="money" data-price> 1307 {{ price | money }} 1308 </span> 1309 {%- endcapture -%} 1310 1311 {% capture current_price_range_html %} 1312 {% if price_varies %} 1313 {% if price_range_format == 'range' %} 1314 <span class="money price__current--min" data-price-min>{{ price_min | money}}</span> 1315 - 1316 <span class="money price__current--max" data-price-max>{{ price_max | money }}</span> 1317 {% else %} 1318 {%- assign price = price_html | strip_newlines %} 1319 <span class="price--label">from</span> {{ price }} 1320 {% endif %} 1321 {% endif %} 1322 {% endcapture %} 1323 1324 {% capture current_price_html %} 1325 {{ price_html }} 1326 {% endcapture %} 1327 1328 {% if show_range and price_varies %} 1329 {{ current_price_range_html }} 1330 {% else %} 1331 {{ current_price_html }} 1332 {% endif %} 1333 </div> 1334 1335 {% if include_hidden_price %} 1336 {% comment %} 1337 Hide an element containing current price info to fill in the price when no variant is selected 1338 {% endcomment %} 1339 <div class="price__current--hidden" data-current-price-range-hidden> 1340 {% if price_range_format == 'range' %} 1341 <span class="money price__current--min" data-price-min>{{ price_min | money}}</span> 1342 -
1343 <span class="money price__current--max" data-price-max>{{ price_max | money }}</span> 1344 {% else %} 1345 {%- assign price = price_html | strip_newlines %} 1346 <span class="price--label">from</span> {{ price }} 1347 {% endif %} 1348 </div> 1349 <div class="price__current--hidden" data-current-price-hidden> 1350 {{ price_html }} 1351 </div> 1352 {% endif %} 1353 1354 {% if include_tax_line %} 1355 {%- capture tax_text -%} 1356 1357 {%- endcapture -%} 1358 1359 {%- if tax_text != blank and class_root != 'productitem' -%} 1360 <div class=" 1361 {{ class_root }}__tax 1362 {% unless variant.taxable %}hidden{% endunless %} 1363 " 1364 data-tax-line 1365 > 1366 {{ tax_text }} 1367 </div> 1368 {%- endif -%} 1369 {% endif %} 1370 </div> 1371 1372 {%- endcapture -%} 1373 1374 <div class="productitem--info"> 1375 {{ product_item_swatches }} 1376 1377 {% if emphasize_price %} 1378 {{ product_item_price }} 1379 {% endif %} 1380 1381 <h2 class="productitem--title"> 1382 <a href="{{ product_link }}" data-product-page-link> 1383 {{ product_title }} 1384 </a> 1385 </h2> 1386 {% if settings.product_show_vendor and product.vendor != blank %} 1387 <span class="productitem--vendor"> 1388 <a href="/collections/vendors?q={{product.vendor | url_encode}}">{{ product_vendor }}</a> 1389 </span> 1390 {% endif %} 1391 1392 {% unless emphasize_price %} 1393 {{ product_item_price }} 1394 {% endunless %} 1395 1396 {% if settings.inventory_status %} 1397 <div class="productitem__stock-level"> 1398 {%- assign inventory_display = settings.inventory_display %} 1399 {%- assign inventory_transfer = settings.inventory_transfer_notice %} 1400 {%- assign variant = product.selected_or_first_available_variant %} 1401 {%- assign verbose = false %} 1402 {% liquid 1403 assign stock_level = '' 1404 assign inventory_quantity = variant.inventory_quantity 1405 1406 if variant.inventory_policy == 'continue' 1407 if inventory_quantity <= 0 and variant.product.template_suffix contains 'pre-order' 1408 assign stock_level = 'pre-order' 1409 else 1410 assign stock_level = 'continue-selling' 1411 endif 1412 elsif inventory_quantity > settings.low_stock_threshold 1413 assign stock_level = 'high' 1414 elsif inventory_quantity > 0 and inventory_quantity <= settings.low_stock_threshold 1415 assign stock_level = 'low' 1416 elsif inventory_quantity <= 0 1417 assign stock_level = 'none' 1418 endif 1419 1420 if inventory_display == 'hidden' 1421 assign inventory_quantity = '' 1422 elsif inventory_display == 'low_stock_only' and stock_level == 'high' 1423 assign inventory_quantity = '' 1424 elsif inventory_display == 'low_stock_threshold' and stock_level == 'high' 1425 assign inventory_quantity = settings.low_stock_threshold 1426 else 1427 assign inventory_quantity = inventory_quantity 1428 endif 1429 %} 1430 1431 {% capture stock_badge_classes %} 1432 product-stock-level 1433 product-stock-level--{{ stock_level }} 1434 {% if variant.incoming and inventory_transfer %} 1435 product-stock-level--incoming 1436 {% endif %} 1437 {% endcapture %} 1438 1439 {% capture stock_badge_text %} 1440 {% if stock_level == 'pre-order' %} 1441 Coming soon 1442 {% elsif stock_level == 'continue-selling' %} 1443 In stock 1444 {% elsif stock_level == 'high' %} 1445 {% if inventory_display == 'low_stock_threshold' %} 1446 {% if verbose %} 1447 {{ inventory_quantity }}+ in stock, ready to be shipped 1448 {% else %} 1449 {{ inventory_quantity }}+ in stock 1450 {% endif %} 1451 {% elsif verbose %} 1452 {{ inventory_quantity }} in stock, ready to be shipped 1453 {% else %} 1454 {% if inventory_display == 'hidden' %} 1455 In stock 1456 {% else %} 1457 {{ inventory_quantity }} in stock 1458 {% endif %} 1459 {% endif %} 1460 {% elsif stock_level == 'low' %} 1461 {% if inventory_display == 'hidden' %} 1462 Low stock 1463 {% else %} 1464 Only {{ inventory_quantity }} left! 1465 {% endif %} 1466 {% elsif stock_level == 'none' %} 1467 {% if variant.incoming and inventory_transfer %} 1468 More on the way! 1469 {% else %} 1470 Out of stock 1471 {% endif %} 1472 {% endif %} 1473 {% endcapture %} 1474 1475 <div class="product-stock-level-wrapper" {{ attr }}> 1476 {% if variant.inventory_management %}
1477 <span class="{{ stock_badge_classes }}"> 1478 {% if verbose %} 1479 <span class="product-stock-level__availability"> 1480 Availability: 1481 </span> 1482 {% endif %} 1483 1484 <span class="product-stock-level__text"> 1485 {% if verbose and stock_level == 'high' %} 1486 <svg width="13" height="13" viewBox="0 0 13 13" fill="none"> 1487 <path d="M3.5 6.43688L5.62488 8.56188C6.90372 6.99748 10.9823 2.25069 12 1" stroke="currentColor" stroke-width="1.25"/> 1488 <path d="M10.8744 5.88869C11.3941 8.16809 10.2647 10.5033 8.15522 11.5112C6.04571 12.5191 3.51938 11.9305 2.0725 10.0942C0.625616 8.25777 0.644548 5.6639 2.11808 3.84882C3.59161 2.03375 6.12627 1.48215 8.22083 2.52073" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> 1489 </svg> 1490 {% endif %} 1491 <div class="product-stock-level__badge-text"> 1492 {{ stock_badge_text }} 1493 </div> 1494 </span> 1495 </span> 1496 {% endif %} 1497 </div> 1498 </div> 1499 {% endif %} 1500 1501 {% if product_description %} 1502 <div class="productitem--description"> 1503 <p>{{ product_description | truncate: 150 }}</p> 1504 1505 {% if product_description_size > 150 and product_link %} 1506 <a 1507 href="{{ product_link }}" 1508 class="productitem--link" 1509 data-product-page-link 1510 > 1511 View full details 1512 </a> 1513 {% endif %} 1514 </div> 1515 {% endif %} 1516 </div> 1517 1518 {% if enable_quickshop or atc_button %} 1519 1520 1521 {%- assign quick_buy_text = themeTranslation.product.buttons.add_to_cart %} 1522 1523 {%- assign quick_shop_classes = 'productitem--action-trigger button-secondary' %} 1524 {%- assign quick_buy_classes = 'productitem--action-trigger productitem--action-atc button-primary' %} 1525 1526 {% if has_variants %} 1527 {%- assign quick_buy_text = themeTranslation.product.buttons.choose_options %} 1528 {% else %} 1529 {% if product.template_suffix contains 'pre-order' %} 1530 {%- assign quick_buy_text = themeTranslation.product.buttons.pre_order %} 1531 {% endif %} 1532 {% endif %} 1533 1534 {% unless product_available %} 1535 {%- assign quick_buy_text = themeTranslation.product.buttons.sold_out %} 1536 {%- assign quick_buy_classes = quick_buy_classes | append: ' disabled' %} 1537 {% endunless %} 1538 1539 {% unless product_available %} 1540 {%- assign quick_buy_classes = quick_buy_classes | append: ' disabled' %} 1541 {% endunless %} 1542 1543 <div class="productitem--actions" data-product-actions> 1544 <div class="productitem--listview-price"> 1545 {{ product_item_price }} 1546 </div> 1547 1548 <div class="productitem--listview-badge"> 1549 {% comment %} 1550 {% 1551 render 'product-badge', 1552 product: product, 1553 class_root: 'productitem', 1554 product_available: product_available, 1555 price: price, 1556 price_varies: price_varies, 1557 compare_at_price: compare_at_price, 1558 compare_at_price_varies: compare_at_price_varies, 1559 on_sale: on_sale, 1560 show_saved: consistent_saved, 1561 include_range: true, 1562 %} 1563 {% endcomment %} 1564 </div> 1565 1566 {% if enable_quickshop %} 1567 <div 1568 class=" 1569 productitem--action 1570 quickshop-button 1571 {% if quick_shop_display == 'desktop' %}productitem-action--desktop{% endif %} 1572 " 1573 > 1574 <button 1575 class="{{ quick_shop_classes }}" 1576 data-quickshop-full 1577 {% if settings.gallery_thumbnail_position == 'left' %} 1578 data-thumbs-left 1579 {% endif %} 1580 {% if product == false %} 1581 disabled 1582 {% endif %} 1583 type="button" 1584 > 1585 Quick shop 1586 </button> 1587 </div> 1588 {% endif %} 1589 1590 {% if atc_button %} 1591 <div 1592 class=" 1593 productitem--action 1594 atc--button 1595 {% if atc_display == 'desktop' %}productitem-action--desktop{% endif %} 1596 " 1597 > 1598 <button 1599 class="{{ quick_buy_classes }}" 1600 type="button" 1601 aria-label="{{ quick_buy_text }}" 1602 {% unless has_variants %} 1603 data-quick-buy 1604 {% else %} 1605 data-quickshop-slim 1606 {% endunless %} 1607 data-variant-id="{{ product.selected_or_first_available_variant.id }}" 1608 {% if product == false or product_available == false %} 1609 disabled 1610 {% endif %} 1611 >
1612 <span class="atc-button--text"> 1613 {{ quick_buy_text }} 1614 </span> 1615 <span class="atc-button--icon"> 1616 <svg 1617 aria-hidden="true" 1618 focusable="false" 1619 role="presentation" 1620 width="26" 1621 height="26" 1622 viewBox="0 0 26 26" 1623 xmlns="http://www.w3.org/2000/svg" 1624 > 1625 <g fill-rule="nonzero" fill="currentColor"> 1626 <path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296z" opacity=".29"/><path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.148 9.148 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26z"/> 1627 </g> 1628 </svg> 1629 </span> 1630 </button> 1631 </div> 1632 {% endif %} 1633 </div> 1634 {% endif %} 1635 1636 </div> 1637 </div> 1638 1639 {% if atc_button %} 1640
1640<scripttag type="application/json" data-quick-buy-settings> 1641 { 1642 "cart_redirection": {{ settings.enable_cart_redirection | json }}, 1643 "money_format": "{{ currencyFormat }}" 1644 } 1645 </scripttag> 1646 {% endif %} 1647 </li> 1648 1649</script>
1649<script id="gspfProductTemplate" type="template/html">{%- assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%} 1650{%- assign image_options = '' | downcase | split: "~~" | uniq -%} 1651{%- assign text_options = 'Size' | downcase | split: "~~" | uniq -%} 1652 1653{%- assign image_size = '360x504' -%} 1654{%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} 1655 1656{%- assign featured_image = product.featured_image -%} 1657{%- assign product_price = product.price -%} 1658{%- assign product_compare_at_price = product.compare_at_price -%} 1659{%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} 1660{%- assign variant_url = '' -%} 1661{%- if product.selected_or_first_available_variant -%} 1662 {%- assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id -%} 1663{%- endif -%} 1664{%- if product.selected_or_first_available_variant -%} 1665 {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} 1666 {%- assign product_price = selected_or_first_available_variant.price -%} 1667 {%- assign product_compare_at_price = selected_or_first_available_variant.compare_at_price -%} 1668 {%- if selected_or_first_available_variant.image -%} 1669 {%- assign featured_image = selected_or_first_available_variant.image -%} 1670 {%- endif -%} 1671{%- endif -%} 1672{%- assign images_count = product.images | size -%} 1673<div {% if showPageData %} data-page="{{page}}"{% endif %} class="spf-col-xl-4 spf-col-lg-4 spf-col-md-6 spf-col-sm-6 spf-col-6"> 1674 <div class="spf-product-card spf-product-card__left spf-product-card__template-1{% unless product.available %} spf-soldout{% endunless %}"> 1675 <div class="spf-product-card__inner"> 1676 {%- unless product.available -%} 1677 <span translatable class="spf-product__label spf-product__label-soldout">{{translation.product.sold_out | default: "Sold out"}}</span> 1678 {% elsif product_compare_at_price > product_price %} 1679 <span translatable class="spf-product__label spf-product__label-sale sale-text"> 1680 {{translation.product.sale | default: "Sale"}} 1681 </span> 1682 {%- endunless -%} 1683 <a title="Quick view" href="javascript:;" onclick="globofilter.quickView('{{root_url}}{{ product.url }}')" class="open-quick-view"><svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z"/></svg></a> 1684 <a uhandle="{{ product.untrans_handle }}" class="spf-product-card__image-wrapper{% if images_count > 1 %} hover-effect{% endif %}" href="{{root_url}}{{ product.url }}{{variant_url}}" style="padding-top:140%;"> 1685 {%- if images_count > 0 -%} 1686 {%- for image in product.images -%} 1687 <img 1688 data-variants="{% if image.variant_ids %}{{image.variant_ids | join: ','}}{% endif %}" 1689 class="gflazyload spf-product-card__image spf-product-card__image-{% if featured_image.id == image.id %}main{% elsif image.id == product.second_image.id %}secondary{% else %}hidden{% endif %}" 1690 srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 1691 src="{{image.src | img_url: image_size}}" 1692 data-src="{{image.src | img_lazyload_url}}" 1693 data-sizes="auto" 1694 data-aspectratio="{{image.aspect_ratio}}" 1695 data-parent-fit="contain" 1696 alt="{{image.alt | escape}}" 1697 /> 1698 {%- endfor -%} 1699 {%- else -%} 1700 <img data-variants="" class="gflazyload spf-product-card__image spf-product-card__image-main" src="{{no_image}}" alt="{{product.title | escape}}"> 1701 {%- endif -%} 1702 </a> 1703 <form class="spf-product__form" action="{{ root_url }}/cart/add" method="post"> 1704 <select name="id" class="spf-product__variants"> 1705 {%- for variant in product.variants -%} 1706 <option data-option1="{{variant.option1 | escape}}" data-option2="{{variant.option2 | escape}}" data-option3="{{variant.option3 | escape}}" data-price="{{variant.price}}" data-compare_at_price="{{variant.compare_at_price}}" data-available="{{variant.available}}" data-image="{% if variant.image.src %}{{variant.image.src | img_url: image_size }}{% endif %}" {% if variant.id == selected_or_first_available_variant.id %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }}</option> 1707 {%- endfor -%} 1708 </select> 1709 <button translatable {% unless product.available %}disabled{% endunless %} type="submit" class="spf-product__form-btn-addtocart" data-available="{{translation.product.add_to_cart | default: "Add to cart"}}" data-soldout="{{translation.product.sold_out | default: "Sold out"}}" data-unavailable="{{translation.product.unavailable | default: "Unavailable"}}"><span>{% if product.available %}{{translation.product.add_to_cart | default: "Add to cart"}}{% else %}{{translation.product.sold_out | default: "Sold out"}}{% endif %}</span></button> 1710 </form> 1711 </div> 1712 1713 <div class="spf-product__info"> {%- if product.vendor -%}<div class="spf-product-card__vendor"><a href="/collections/vendors?q={{product.vendor | url_encode}}">{{product.vendor}}</a></div>{%- endif -%} <div class="h4 spf-product-card__title"> 1714 <a uhandle="{{ product.untrans_handle }}" translatable href="{{root_url}}{{ product.url }}{{variant_url}}">{{product.title}}</a> 1715 </div> 1716 <div class="spf-product-card__price-wrapper"> 1717 {%- if product_compare_at_price > product_price -%}
1718 <span class="spf-product-card__oldprice{% unless currencyFormat contains 'money' %} money{% endunless %}">{{ product_compare_at_price | money }}</span> 1719 <span class="spf-product-card__saleprice{% unless currencyFormat contains 'money' %} money{% endunless %}">{{ product_price | money }}</span> 1720 {%- else -%} 1721 <span class="spf-product-card__price{% unless currencyFormat contains 'money' %} money{% endunless %}">{{ product_price | money }}</span> 1722 {%- endif -%} 1723 </div> 1724 {%- for option in product.options -%} 1725 {%- assign optionIndex = 'option' | append: forloop.index -%} 1726 {%- assign optionIndexNumber = forloop.index -%} 1727 {%- if option.isSwatch -%} 1728 <div class="spf-product__swatchs"> 1729 {%- for value in option.values -%} 1730 {%- assign swatch = option.swatches[forloop.index0] -%} 1731 <span data-option="{{optionIndexNumber}}" data-option-value="{{value | escape}}" class="spf-product__swatch{% if product.selected_or_first_available_variant and product.selected_or_first_available_variant[optionIndex] == value %} is-selected{% endif %}{% unless swatch.available %} soldout{% endunless %}" title="{{value | escape}}"> 1732 <span translatable class="spf-product__swatch-inner"> 1733 {%- if swatch.mode == 4 and swatch.image -%} 1734 <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image | img_url: '24x' }}')"></span> 1735 {%- elsif swatch.mode == 3 and swatch.image -%} 1736 <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image }}')"></span> 1737 {%- elsif swatch.mode == 2 and swatch.color_1 and swatch.color_2 -%} 1738 <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span> 1739 <span class="spf-product__swatch-color" style="border-right-color: {{ swatch.color_2 }}"></span> 1740 {%- elsif swatch.mode == 1 and swatch.color_1 -%} 1741 <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span> 1742 {%- elsif swatch.lable -%} 1743 <span class="spf-product__swatch-text">{{swatch.lable}}</span> 1744 {%- else -%} 1745 <span class="spf-product__swatch-text">{{value}}</span> 1746 {%- endif -%} 1747 </span> 1748 </span> 1749 {%- endfor -%} 1750 </div> 1751 {%- endif -%} 1752 {%- endfor -%} 1753 </div> 1754 </div> 1755</div> 1756</script>
1756<script id="toolbarTemplate" type="template/html"><!-- BEGIN app snippet: toolbar --><div id="gf-controls-container"><form method="get" class="gf-controls-search-form"> 1757 <input type="hidden" name="sort_by" value="relevance" /> 1758 <label id="gf-controls-search-label" for="gf-controls-search-input" class="sr-only">Search products</label> 1759 <p id="filtered-products-results-count" class="sr-only" aria-live="polite" aria-atomic="true"></p> 1760 <p id="filtered-products-instructions" class="sr-only">Use this input to search products in this collection.</p> 1761 <input id="gf-controls-search-input" aria-labelledby="gf-controls-search-label" aria-describedby="filtered-products-instructions filtered-products-results-count" autocomplete="off" value="" name="q" placeholder="Search products" autocomplete="off" class="gf-controls-search-input"/> 1762 <button type="button" aria-hidden="true" aria-label="Clear search" class="gf-controls-clear-button"> 1763 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg> 1764 </button> 1765 <div class="gf-controls-search-button"> 1766 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2 8c0-3.309 2.691-6 6-6s6 2.691 6 6-2.691 6-6 6-6-2.691-6-6zm17.707 10.293l-5.395-5.396A7.946 7.946 0 0016 8c0-4.411-3.589-8-8-8S0 3.589 0 8s3.589 8 8 8a7.954 7.954 0 004.897-1.688l5.396 5.395A.998.998 0 0020 19a1 1 0 00-.293-.707z" fill="#3d4246"/></svg> 1767 </div> 1768 </form><div class="gf-actions"> 1769 <div class="gf-filter-trigger"> 1770 <div class="gf-refine-toggle-mobile"> 1771 <button type="button" aria-label="Filter By"> 1772 <i><svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 1792 1408"><path fill="currentColor" d="M1024 1280h640v-128h-640v128zM640 768h1024V640H640v128zm640-512h384V128h-384v128zm512 832v256q0 26-19 45t-45 19H64q-26 0-45-19t-19-45v-256q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-512v256q0 26-19 45t-45 19H64q-26 0-45-19T0 832V576q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-512v256q0 26-19 45t-45 19H64q-26 0-45-19T0 320V64q0-26 19-45T64 0h1664q26 0 45 19t19 45z"/></svg></i> Filter By 1773 </button> 1774 </div> 1775 </div> 1776 <span class="gf-summary"><b>0</b> Product 1777</span> 1778 <div class="gf-filter-selection"><div class="sort-by limit-by hidden-xs"> 1779 <label for="setLimit">Show</label> 1780 <select id="setLimit" class="sortby-select"><option value="12">12</option><option selected value="24">24</option><option value="48">48</option></select> 1781 </div><div class="sort-by"> 1782 <button type="button" class="sort-by-toggle" id="sortButton" aria-labelledby="sortButton" aria-controls="globo-dropdown-sort_options" role="button" tabindex="0" aria-expanded="false"> 1783 <span>most_relevant</span> 1784 </button> 1785 <ul id="globo-dropdown-sort_options" class="globo-dropdown-custom__options" role="listbox" aria-label="Sort By"><li role="option" tabindex="0" data-sort="most-relevant" aria-label="most_relevant">most_relevant</li><li role="option" tabindex="-1" data-sort="stock-descending" aria-label="Availability">Availability</li><li role="option" tabindex="-1" data-sort="best-selling" aria-label="Best Selling">Best Selling</li><li role="option" tabindex="-1" data-sort="title-ascending" aria-label="Alphabetically, A-Z">Alphabetically, A-Z</li><li role="option" tabindex="-1" data-sort="title-descending" aria-label="Alphabetically, Z-A">Alphabetically, Z-A</li><li role="option" tabindex="-1" data-sort="price-ascending" aria-label="Price, low to high">Price, low to high</li><li role="option" tabindex="-1" data-sort="price-descending" aria-label="Price, high to low">Price, high to low</li><li role="option" tabindex="-1" data-sort="created-descending" aria-label="Date, new to old">Date, new to old</li><li role="option" tabindex="-1" data-sort="created-ascending" aria-label="Date, old to new">Date, old to new</li><li role="option" tabindex="-1" data-sort="sale-descending" aria-label="% Sale off">% Sale off</li></ul> 1786 </div></div> 1787 <div class="globo-selected-items-wrapper rounded" style="--text-color:#000000;--icon-color:#959595;--bg-color:#E8E8E8"></div> 1788 </div> 1789</div> 1790<!-- END app snippet --></script>
1790 1791
1791<script id="sidebarTemplate" type="template/html"><!-- BEGIN app snippet: sidebar --><div class="gf-filter-header"> 1792 <div id="gf-filter-title" class="gf-filter-heading">Filter By</div> 1793 <button type="button" class="gf-close-canvas" aria-label="Close filter"><i><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"></path></svg></i></button> 1794</div> 1795 1796<div class="globo-selected-items-wrapper visible-xs rounded" style="--text-color:#000000; --icon-color: #959595; --bg-color: #E8E8E8"></div><div aria-labelledby="gf-filter-title" role="region" class="gf-filter-contents"> 1797 1798</div> 1799 1800<div class="gf-filter-footer"> 1801 <button type="button" onclick="globofilter.toggleCanvas()">View <b> </b> Product</button> 1802</div> 1803<!-- END app snippet --></script>
1803<script id="gspfNoResultsTemplate" type="template/html"><!-- BEGIN app snippet: no_results --> 1804{% assign root_url = "" %} 1805<div class="spf-col-xl-12 spf-col-lg-12 spf-col-md-12 spf-col-sm-12" style="grid-column: 1 / -1;width: 100%;max-width: 100%;"> 1806{% if translation.product.no_results %}{{ translation.product.no_results | default: "No products found" }}{% endif %} 1807</div> 1808{% if recommend_products and recommend_products.size > 0 %} 1809<div class="spf-col-xl-12 spf-col-lg-12 spf-col-md-12 spf-col-sm-12" style="grid-column: 1 / -1;width: 100%;max-width: 100%;"> 1810<h3 class="spf-heading">{{ translation.search.no_result_products_suggestions_title | default: "Recommended products" }}</h3> 1811</div> 1812{% for product in recommend_products %} 1813{% render 'product-grid-item' %} 1814{% endfor %} 1815{% endif %} 1816 1817<!-- END app snippet --></script>
1817 1818 1819
1820<script class="globo-filter-custom-js">if(window.AVADA_SPEED_WHITELIST){const spfs_w = new RegExp("smart-product-filters", 'i'); if(Array.isArray(window.AVADA_SPEED_WHITELIST)){window.AVADA_SPEED_WHITELIST.push(spfs_w);}else{window.AVADA_SPEED_WHITELIST = [spfs_w];}} </script>
1820<!-- END app block --><!-- BEGIN app block: shopify://apps/upload-lift/blocks/app-embed/3c98bdcb-7587-4ade-bfe4-7d8af00d05ca -->
1821<script src="https://assets.cloudlift.app/api/assets/upload.js?shop=cornhole-bags-1.myshopify.com" defer="defer"></script>
1821 1822 1823
1824<script type="application/json" data-upload-lift-customer data-login="https://www.cornholebags.com/customer_authentication/redirect?locale=en&region_country=US"></script>
1824 1825 1826 1827<!-- END app block --><!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'> 1828
1829<script id='shopify-chat-app-embed-data' type='application/json'> 1830 { 1831 "settings": { 1832 "invertActivatorColors": true, 1833 "greetingMessage": "", 1834 "showFeaturedProducts": true, 1835 "featuredProducts": [], 1836 "horizontalPosition": "bottom_right", 1837 "icon": "chat_bubble", 1838 "buttonLabel": "Chat" 1839 } 1840 } 1841</script>
1841 1842 1843<style data-shopify> 1844 1845 1846 /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */ 1847 shopify-chat:defined:empty { 1848 display: grid; 1849 } 1850 1851 :root { 1852 --shopify-chat-bg-color: #FFFFFF; 1853 --shopify-chat-text-color: #000000; 1854 --shopify-chat-accent-bg-color: #000000; 1855 --shopify-chat-accent-text-color: #FFFFFF; 1856 --shopify-chat-activator-offset: 20px; 1857 1858 1859 1860 --shopify-chat-activator-font-size: 16px; 1861 --shopify-chat-border-radius: 16px; 1862 } 1863 1864 1865</style> 1866
1867<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1867 1868 1869 1870<!-- END app block -->
1870<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1870
1870
1871<script src="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.min.js" type="text/javascript" defer="defer"></script>
1871 1872<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0448/7036/9448/files/cb_hero_image_blue_hues_e671594f-0223-43ff-9e6e-76f7cfb0a846.png?v=1790108999" /> 1873<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0448/7036/9448/files/cb_hero_image_blue_hues_e671594f-0223-43ff-9e6e-76f7cfb0a846.png?v=1790108999" /> 1874<meta property="og:image:width" content="1964" /> 1875<meta property="og:image:height" content="801" /> 1876<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1877<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: 44870369448,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1877
1877
1878<script> 1879 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1880</script>
vendor: 1 bytes, line 1880
1880
1881<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}
1881).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: 44870369448,storefrontBaseUrl: "https://www.cornholebags.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.cornholebags.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2602205375","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"]}
1881,"dataSharingState":"unrestricted"},{"id":"2598961343","configuration":"{\"pixel_id\":\"2620321118399171\",\"pixel_type\":\"facebook_pixel\"}","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":"2598502591","configuration":"{\"shopUrl\":\"cornhole-bags-1.myshopify.com\",\"appNameSignature\":\"globo_menu_revenue_pixel\",\"attributionStorageKey\":\"gm_menu_attribution\",\"analyticsEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22b3413df3f6c056aec31bf3998ddb39","type":"APP","apiClientId":1747773,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"567345343","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-HMBRDQYJ2E\\\",\\\"GT-5TN9X9V\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-HMBRDQYJ2E\\\",\\\"MC-ESNRJ82WEZ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-HMBRDQYJ2E\\\",\\\"MC-ESNRJ82WEZ\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-HMBRDQYJ2E\\\",\\\"MC-ESNRJ82WEZ\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-HMBRDQYJ2E\\\"}],\\\"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":"31391935","configuration":"{\"myshopifyDomain\":\"cornhole-bags-1.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"115572927","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Piwik Pro Analytics"},{"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":"Cornhole Bags","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"cornhole-bags-1.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.cornholebags.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.cornholebags.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"151381344447","themePublished":"true","eventMetadataId":"de5303c6-9579-42bd-88dc-27fca1311fe2","pageType":"collection","resourceId":"374476210367","shopId":"44870369448","storefrontBaseUrl":"https:\/\/www.cornholebags.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"374476210367\",\"title\":\"Shop by Speed\",\"productVariants\":[]}}]]"});})();</script>
1881<script> 1882 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1883 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1884 window.ShopifyAnalytics.meta.currency = 'USD'; 1885 var meta = {"products":[],"page":{"pageType":"collection","resourceType":"collection","resourceId":374476210367,"requestId":"000d5e59-2cbb-451a-8032-0d0f88e88243-1791080724"}}; 1886 for (var attr in meta) { 1887 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1888 } 1889</script>
vendor: 1 bytes, line 1889
1889
1890<script class="analytics"> 1891 (function () { 1892 var customDocumentWrite = function(content) { 1893 var jquery = null; 1894 1895 if (window.jQuery) { 1896 jquery = window.jQuery; 1897 } else if (window.Checkout && window.Checkout.$) { 1898 jquery = window.Checkout.$; 1899 } 1900 1901 if (jquery) { 1902 jquery('body').append(content); 1903 } 1904 }; 1905 1906 var hasLoggedConversion = function(token) { 1907 if (token) { 1908 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1909 } 1910 return false; 1911 } 1912 1913 var setCookieIfConversion = function(token) { 1914 if (token) { 1915 var twoMonthsFromNow = new Date(Date.now()); 1916 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1917 1918 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1919 } 1920 } 1921 1922 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1923 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1924 if (trekkie.integrations) { 1925 return; 1926 } 1927 trekkie.methods = [ 1928 'identify', 1929 'page', 1930 'ready', 1931 'track', 1932 'trackForm', 1933 'trackLink' 1934 ]; 1935 trekkie.factory = function(method) { 1936 return function() { 1937 var args = Array.prototype.slice.call(arguments); 1938 args.unshift(method); 1939 trekkie.push(args); 1940 if (method == 'track' || method == 'page') { 1941 var pageUrl; 1942 try { 1943 pageUrl = window.location.href; 1944 } catch (e) {} 1945 var pageReferrer; 1946 try { 1947 pageReferrer = document.referrer; 1948 } catch (e) {} 1949 try { 1950 if (window.__TREKKIE_SHIM_QUEUE == null) { 1951 window.__TREKKIE_SHIM_QUEUE = []; 1952 } 1953 window.__TREKKIE_SHIM_QUEUE.push({ 1954 from: 'trekkie-stub', 1955 method: method, 1956 args: args.slice(1), 1957 pageContext: { 1958 url: pageUrl, 1959 referrer: pageReferrer 1960 } 1961 }); 1962 } catch (e) { 1963 // no-op 1964 } 1965 } 1966 return trekkie; 1967 }; 1968 }; 1969 for (var i = 0; i < trekkie.methods.length; i++) { 1970 var key = trekkie.methods[i]; 1971 trekkie[key] = trekkie.factory(key); 1972 } 1973 trekkie.load = function(config) { 1974 trekkie.config = config || {}; 1975 trekkie.config.initialDocumentCookie = document.cookie; 1976 var first = document.getElementsByTagName('script')[0]; 1977var script = document.createElement('script'); 1978script.type = 'text/javascript'; 1979script.onerror = function(e) { 1980 var scriptFallback = document.createElement('script'); 1981 scriptFallback.type = 'text/javascript'; 1982 scriptFallback.onerror = function(error) { 1983 var Monorail = { 1984 produce: function produce(monorailDomain, schemaId, payload) { 1985 var currentMs = new Date().getTime(); 1986 var event = { 1987 schema_id: schemaId, 1988 payload: payload, 1989 metadata: { 1990 event_created_at_ms: currentMs, 1991 event_sent_at_ms: currentMs 1992 } 1993 }; 1994 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1995 }, 1996 sendRequest: function sendRequest(endpointUrl, payload) { 1997 // Try the sendBeacon API 1998 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1999 var blobData = new window.Blob([payload], { 2000 type: 'text/plain' 2001 }); 2002 2003 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2004 return true; 2005 } // sendBeacon was not successful 2006 2007 } // XHR beacon 2008 2009 var xhr = new XMLHttpRequest(); 2010 2011 try { 2012 xhr.open('POST', endpointUrl); 2013 xhr.setRequestHeader('Content-Type', 'text/plain'); 2014 xhr.send(payload); 2015 } catch (e) { 2016 console.log(e); 2017 } 2018 2019 return false; 2020 }, 2021 isIos12: function isIos12() { 2022 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2023 } 2024 }; 2025 Monorail.produce('monorail-edge.shopifysvc.com', 2026 'trekkie_storefront_load_errors/1.1', 2027 {shop_id: 44870369448, 2028 theme_id: 151381344447, 2029 app_name: "storefront", 2030 context_url: window.location.href, 2031 source_url: "//www.cornholebags.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 2032 2033 }; 2034 scriptFallback.async = true; 2035 scriptFallback.src = '//www.cornholebags.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2036 first.parentNode.insertBefore(scriptFallback, first); 2037}; 2038script.async = true; 2039script.src = '//www.cornholebags.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2040first.parentNode.insertBefore(script, first); 2041 2042 }; 2043 trekkie.load( 2044 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":44870369448,"isMerchantRequest":null,"themeId":151381344447,"themeCityHash":"7201388746399951996","contentLanguage":"en","currency":"USD","eventMetadataId":"de5303c6-9579-42bd-88dc-27fca1311fe2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2045 ); 2046 2047 var loaded = false;
2048 trekkie.ready(function() { 2049 if (loaded) return; 2050 loaded = true; 2051 2052 window.ShopifyAnalytics.lib = window.trekkie; 2053 2054 var originalDocumentWrite = document.write; 2055 document.write = customDocumentWrite; 2056 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2057 document.write = originalDocumentWrite; 2058 2059 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2060 var token = match? match[1]: undefined; 2061 if (!hasLoggedConversion(token)) { 2062 setCookieIfConversion(token); 2063 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: shop-by-speed","collectionName":"shop-by-speed","collectionId":374476210367,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 2064 } 2065 }); 2066 2067 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":374476210367,"requestId":"000d5e59-2cbb-451a-8032-0d0f88e88243-1791080724","shopifyEmitted":true}); 2068 2069 var eventsListenerScript = document.createElement('script'); 2070 eventsListenerScript.async = true; 2071 eventsListenerScript.src = "//www.cornholebags.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2072 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2073})();</script>
vendor: 1 bytes, line 2073
2073
2074<script 2075 defer 2076 src="https://www.cornholebags.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2077 data-application="storefront-renderer" 2078 data-shop-id="44870369448" 2079 data-render-region="gcp-us-central1" 2080 data-page-type="collection" 2081 data-theme-instance-id="151381344447" 2082 data-theme-name="Empire" 2083 data-theme-version="11.1.3" 2084 data-monorail-region="shop_domain" 2085 data-resource-timing-sampling-rate="10" 2086 data-shs="true" 2087 data-shs-beacon="true" 2088 data-shs-export-with-fetch="true" 2089 data-shs-logs-sample-rate="1" 2090 data-shs-beacon-endpoint="https://www.cornholebags.com/api/collect" 2091></script>
vendor: 1 bytes, line 2091
2091
2092<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to Cornhole Bags. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":false,"translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respond…"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"I’d like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldn’t load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldn’t be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didn’t upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldn’t respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached — try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached — try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isn’t available right now—email us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isn’t available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isn’t available right now — our team will reply shortly"},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I can’t connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, we’ll email you when there’s a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when there’s a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
2092,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
vendor: 1 bytes, line 2092
2092
2093<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"44870369448","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"US","language":"en"}}</script>
2093 2094<meta name="shopify-y" content="cb9e7819-6a10-4954-8fea-10e80b83504a" data-expiration="1822638324000"><meta name="shopify-s" content="92334b41-1f60-4445-a11f-4af48a42ccc9" data-expiration="1791082524000"><meta name="new-cookie-storage-activated" content="t"> 2095</head> 2096 2097 <body class="template-collection template--collection tem_suf_" data-temp="collection" data-instant-allow-query-string > 2098
2098<script> 2099 document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/,'js'); 2100 if(window.Shopify&&window.Shopify.designMode)document.documentElement.className+=' in-theme-editor'; 2101 if(('ontouchstart' in window)||window.DocumentTouch&&document instanceof DocumentTouch)document.documentElement.className=document.documentElement.className.replace(/\bno-touch\b/,'has-touch'); 2102 </script>
2102 2103 2104 2105 <svg 2106 class="icon-star-reference" 2107 aria-hidden="true" 2108 focusable="false" 2109 role="presentation" 2110 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="3 3 17 17" fill="none" 2111 > 2112 <symbol id="icon-star"> 2113 <rect class="icon-star-background" width="20" height="20" fill="currentColor"/> 2114 <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 2115 </symbol> 2116 <clipPath id="icon-star-clip"> 2117 <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2118 </clipPath> 2119 </svg> 2120 2121 2122 2123 <a class="skip-to-main" href="#site-main">Skip to content</a> 2124 2125 <!-- BEGIN sections: header-group --> 2126<div id="shopify-section-sections--20396945768639__announcement-bar" class="shopify-section shopify-section-group-header-group site-announcement">
2126<script 2127 type="application/json" 2128 data-section-id="sections--20396945768639__announcement-bar" 2129 data-section-type="static-announcement" 2130></script>
2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140
2141<script> 2142 new Swiper('.announcement-bar-slider', { 2143 loop: true, 2144 navigation: { 2145 nextEl: '.swiper-button-next', 2146 prevEl: '.swiper-button-prev', 2147 }, 2148 speed: 1000, 2149 slidesPerView: 1, 2150 paginationClickable: true, 2151 spaceBetween: 20, 2152 }); 2153</script>
2153 2154 2155 2156</div><div id="shopify-section-sections--20396945768639__ctm_header_new_GMC6c3" class="shopify-section shopify-section-group-header-group"><!-- sections/ctm-header-new --><style data-shopify>/* ================================================================ 2157 HEADER BASE 2158 ================================================================ */ 2159 .ctm-header { 2160 position: relative; 2161 width: 100%; 2162 z-index: 1000; 2163 background: #000000; 2164 font-family: inherit; 2165 } 2166 2167 .ctm-header.is-scrolled { 2168 position: fixed; 2169 top: 0; 2170 left: 0; 2171 background: #000000; 2172 backdrop-filter: blur(10px); 2173 -webkit-backdrop-filter: blur(10px); 2174 transition: background 0.3s ease; 2175 box-shadow: 0 2px 12px rgba(0,0,0,0.2); 2176 } 2177 2178 .ctm-header__wrapper { 2179 max-width: 1600px; 2180 margin: 0 auto; 2181 padding: 0px 20px 0; 2182 display: flex; 2183 align-items: center; 2184 justify-content: space-between; 2185 height: 60px; 2186 gap: 12px; 2187 box-sizing: border-box; 2188 } 2189 2190 @media screen and (min-width: 990px) { 2191 .ctm-header__wrapper { 2192 height: 105px; 2193 padding: 0px 25px 0; 2194 } 2195 } 2196 2197 /* LOGO */ 2198 .ctm-header__logo { flex-shrink: 0; } 2199 .ctm-header__logo a { display: flex; align-items: center; text-decoration: none; } 2200 .ctm-header__logo img { height: 34px; width: auto; display: block; } 2201 @media screen and (min-width: 990px) { 2202 .ctm-header__logo img { height: 60px; } 2203 } 2204 2205 /* DESKTOP CENTER NAV */ 2206 .ctm-header__center { display: none; } 2207 @media screen and (min-width: 990px) { 2208 .ctm-header__center { 2209 display: flex; 2210 align-items: center; 2211 justify-content: center; 2212 flex: 1; 2213 gap: 0; 2214 } 2215 } 2216 2217 .ctm-header__nav-list { 2218 list-style: none; margin: 0; padding: 0; 2219 display: flex; align-items: center; 2220 gap: 28px; 2221 } 2222 2223 .ctm-header__nav-item { position: relative; } 2224 2225 .ctm-header__nav-link { 2226 color: #ffffff; 2227 text-decoration: none; 2228 font-size: 13px; 2229 font-weight: 500; 2230 letter-spacing: 0.02em; 2231 text-transform: uppercase; 2232 padding: 8px 0; 2233 transition: opacity 0.2s ease; 2234 white-space: nowrap; 2235 display: inline-block; 2236 } 2237 2238 .ctm-header__nav-link:hover { opacity: 0.75; } 2239 2240 /* Sale link in top nav */ 2241 .ctm-header__nav-link--sale { 2242 color: #e34b4b !important; 2243 } 2244 2245 /* CENTER SEARCH */ 2246 .ctm-header__search { margin: 0 28px; flex-shrink: 0; } 2247 .ctm-header__search-form { position: relative; display: flex; align-items: center; } 2248 .ctm-header__search-input { 2249 background: rgba(255, 255, 255, 0.12); 2250 border: 1px solid rgba(255, 255, 255, 0.2); 2251 border-radius: 6px; 2252 padding: 9px 38px 9px 14px; 2253 color: #ffffff; 2254 font-size: 13px; 2255 width: 340px; 2256 outline: none; 2257 font-family: inherit; 2258 } 2259 .ctm-header__search-input::placeholder { color: rgba(255, 255, 255, 0.5); } 2260 .ctm-header__search-btn { 2261 position: absolute; right: 10px; top: 50%; transform: translateY(-50%); 2262 background: none; border: none; cursor: pointer; padding: 0; 2263 display: flex; align-items: center; 2264 } 2265 .ctm-header__search-btn svg { width: 16px; height: 16px; stroke: #ffffff; opacity: 0.6; } 2266 2267 /* DESKTOP ACTIONS */ 2268 .ctm-header__actions { display: none; } 2269 @media screen and (min-width: 990px) { 2270 .ctm-header__actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; } 2271 } 2272 .ctm-header__action-link { 2273 display: flex; align-items: center; justify-content: center; 2274 color: #ffffff; 2275 text-decoration: none; 2276 transition: opacity 0.2s ease; 2277 position: relative; 2278 } 2279 .ctm-header__action-link:hover { opacity: 0.7; } 2280 .ctm-header__action-link svg { width: 22px; height: 22px; stroke: #ffffff; fill: none; } 2281 2282 .ctm-header__cart-count { 2283 position: absolute; top: -6px; right: -8px; 2284 background: #e53e3e; color: #fff; 2285 font-size: 10px; font-weight: 700; 2286 width: 16px; height: 16px; border-radius: 50%; 2287 display: flex; align-items: center; justify-content: center; 2288 line-height: 1; 2289 } 2290 2291 /* MOBILE ICONS */ 2292 .ctm-header__mobile-icons { display: flex; align-items: center; gap: 12px; order: -1; } 2293 @media screen and (min-width: 990px) { .ctm-header__mobile-icons { display: none; } } 2294 .ctm-header__icon-btn { 2295 background: none; border: none; cursor: pointer; padding: 6px; 2296 display: flex; align-items: center; justify-content: center; 2297 } 2298 .ctm-header__icon-btn svg { width: 22px; height: 22px; stroke: #ffffff; } 2299 2300 .ctm-header__hamburger { 2301 display: flex; flex-direction: column; justify-content: center; gap: 5px; 2302 background: none; border: none; cursor: pointer; padding: 6px; 2303 width: 34px; height: 34px; 2304 } 2305 @media screen and (min-width: 990px) { .ctm-header__hamburger { display: none; } } 2306 .ctm-header__hamburger span { 2307 display: block; height: 2px; width: 100%; 2308 background-color: #ffffff; 2309 border-radius: 2px; 2310 transition: transform 0.3s ease, opacity 0.3s ease; 2311 } 2312 .ctm-header__hamburger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); } 2313 .ctm-header__hamburger.is-active span:nth-child(2) { opacity: 0; } 2314 .ctm-header__hamburger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } 2315 2316 /* ================================================================ 2317 MEGA MENU — SHARED BASE 2318 ================================================================ */ 2319 .ctm-mega { 2320 display: none; 2321 position: fixed; 2322 left: 0; right: 0; 2323 width: 100%; 2324 background: #ffffff; 2325 color: #17191d; 2326 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); 2327 z-index: 100; 2328 border-top: 1px solid rgba(0, 0, 0, 0.05); 2329 opacity: 0; 2330 transition: opacity 0.2s ease; 2331 } 2332 2333 /* Invisible bridge that extends nav item's hover zone down into 2334 the mega menu, preventing flicker when mouse crosses the gap */ 2335 .ctm-header__nav-item::after { 2336 content: ''; 2337 position: absolute; 2338 left: -20px; right: -20px; 2339 top: 100%; 2340 height: 40px; 2341 display: none; 2342 z-index: 99; 2343 } 2344 2345 .ctm-header__nav-item.is-mega-open::after { 2346 display: block; 2347 } 2348 2349 /* Show state controlled by JS class */ 2350 .ctm-header__nav-item.is-mega-open > .ctm-mega { 2351 display: block; 2352 opacity: 1;
2353 } 2354 2355 @media screen and (max-width: 989px) { 2356 .ctm-mega { display: none !important; } 2357 } 2358 2359 .ctm-mega__inner { 2360 max-width: 1350px; 2361 margin: 0 auto; 2362 padding: 30px 40px; 2363 } 2364 2365 /* Shared: text links list */ 2366 .ctm-mega__col-heading { 2367 font-size: 14px; 2368 font-weight: 700; 2369 text-transform: uppercase; 2370 letter-spacing: 0.04em; 2371 color: #17191d; 2372 margin: 0 0 16px; 2373 padding-bottom: 10px; 2374 } 2375 2376 .ctm-mega__links { 2377 list-style: none; 2378 margin: 0; 2379 padding: 0; 2380 } 2381 2382 .ctm-mega__link { 2383 display: inline-flex; 2384 align-items: center; 2385 gap: 8px; 2386 color: #17191d; 2387 text-decoration: none; 2388 font-size: 14px; 2389 font-weight: 400; 2390 padding: 7px 0; 2391 transition: opacity 0.15s ease; 2392 } 2393 2394 .ctm-mega__link:hover { opacity: 0.7; } 2395 2396 .ctm-mega__link-icon { font-size: 1.1em; line-height: 1; } 2397 2398 /* Shared: thumb styles */ 2399 .ctm-mega__thumb { 2400 display: block; 2401 text-decoration: none; 2402 color: #17191d; 2403 } 2404 2405 .ctm-mega__thumb-img { 2406 display: block; 2407 width: 100%; 2408 aspect-ratio: 1 / 1; 2409 background: #f5f5f5; 2410 border-radius: 4px; 2411 overflow: hidden; 2412 margin-bottom: 10px; 2413 } 2414 2415 .ctm-mega__thumb-img img { 2416 width: 100%; 2417 height: 100%; 2418 object-fit: cover; 2419 display: block; 2420 transition: transform 0.35s ease; 2421 } 2422 2423 .ctm-mega__thumb:hover .ctm-mega__thumb-img img { 2424 transform: scale(1.04); 2425 } 2426 2427 .ctm-mega__thumb-label { 2428 display: block; 2429 font-size: 12px; 2430 font-weight: 700; 2431 text-transform: uppercase; 2432 letter-spacing: 0.04em; 2433 text-align: center; 2434 color: #17191d; 2435 line-height: 1.3; 2436 } 2437 2438 /* ================================================================ 2439 LAYOUT 1 — Text list + 1 Large + 4 Small (Collections style) 2440 ================================================================ */ 2441 .ctm-mega--collections .ctm-mega__inner { 2442 display: grid; 2443 grid-template-columns: 220px 1fr 1fr 1fr; 2444 gap: 20px; 2445 align-items: start; 2446 } 2447 2448 .ctm-mega--collections .ctm-mega__left { grid-column: 1; } 2449 .ctm-mega--collections .ctm-mega__large { 2450 grid-column: 2 / 4; 2451 grid-row: 1 / 3; 2452 } 2453 2454 .ctm-mega--collections .ctm-mega__large .ctm-mega__thumb-img { 2455 aspect-ratio: 1 / 1; 2456 max-width: 360px; 2457 margin-left: auto; 2458 margin-right: auto; 2459 } 2460 2461 .ctm-mega--collections .ctm-mega__large .ctm-mega__thumb-label { 2462 font-size: 13px; 2463 } 2464 2465 .ctm-mega--collections .ctm-mega__small-grid { 2466 grid-column: 4; 2467 display: grid; 2468 grid-template-columns: 1fr 1fr; 2469 gap: 20px; 2470 grid-row: 1 / 3; 2471 } 2472 2473 /* ================================================================ 2474 LAYOUT 2 — Text list + 3 Thumbs (Accessories style) 2475 ================================================================ */ 2476 .ctm-mega--accessories .ctm-mega__inner { 2477 display: grid; 2478 grid-template-columns: 220px 1fr 1fr 1fr; 2479 gap: 20px; 2480 align-items: start; 2481 } 2482 2483 /* ================================================================ 2484 LAYOUT 3/4 — Thumb Row + Expand (Bags/Boards style) 2485 ================================================================ */ 2486 .ctm-mega--thumbrow .ctm-mega__inner { 2487 padding-top: 24px; 2488 padding-bottom: 0; 2489 } 2490 2491 .ctm-mega__thumbrow { 2492 display: flex; 2493 justify-content: center; 2494 gap: 30px; 2495 flex-wrap: wrap; 2496 padding: 0 0 20px; 2497 } 2498 2499 .ctm-mega__thumbrow .ctm-mega__thumb { 2500 flex: 0 0 auto; 2501 width: 100px; 2502 } 2503 2504 .ctm-mega__thumbrow .ctm-mega__thumb-label { 2505 font-size: 12px; 2506 font-weight: 400; 2507 text-transform: none; 2508 letter-spacing: 0; 2509 } 2510 2511 /* Expand button */ 2512 .ctm-mega__expand-toggle { 2513 display: flex;
2514 align-items: center; 2515 justify-content: center; 2516 gap: 8px; 2517 width: 100%; 2518 background: none; 2519 border: none; 2520 border-top: 1px solid #e5e5e5; 2521 border-bottom: 1px solid #e5e5e5; 2522 padding: 16px 0; 2523 cursor: pointer; 2524 font-family: inherit; 2525 font-size: 14px; 2526 font-weight: 500; 2527 color: #17191d; 2528 text-transform: none; 2529 } 2530 2531 .ctm-mega__expand-toggle svg { 2532 width: 16px; 2533 height: 16px; 2534 stroke: currentColor; 2535 transition: transform 0.3s ease; 2536 } 2537 2538 .ctm-mega__expand-toggle[aria-expanded="true"] svg { 2539 transform: rotate(180deg); 2540 } 2541 2542 .ctm-mega__expand-toggle[aria-expanded="true"] .ctm-mega__expand-text-collapsed { display: none; } 2543 .ctm-mega__expand-toggle[aria-expanded="false"] .ctm-mega__expand-text-expanded { display: none; } 2544 2545 /* Expanded content */ 2546 .ctm-mega__expand-content { 2547 display: none; 2548 padding: 40px 0; 2549 } 2550 2551 .ctm-mega__expand-content.is-open { 2552 display: block; 2553 } 2554 2555 .ctm-mega__expand-cols { 2556 display: grid; 2557 grid-template-columns: repeat(3, 1fr); 2558 gap: 40px; 2559 margin: 0 auto 40px; 2560 max-width: 900px; 2561 } 2562 2563 .ctm-mega__expand-col-heading { 2564 font-size: 14px; 2565 font-weight: 700; 2566 text-transform: uppercase; 2567 letter-spacing: 0.04em; 2568 text-decoration: underline; 2569 text-underline-offset: 4px; 2570 margin: 0 0 16px; 2571 color: #17191d; 2572 } 2573 2574 .ctm-mega__expand-col-links { 2575 list-style: none; 2576 margin: 0; 2577 padding: 0; 2578 } 2579 2580 .ctm-mega__expand-col-links a { 2581 display: block; 2582 color: #17191d; 2583 text-decoration: none; 2584 font-size: 14px; 2585 padding: 6px 0; 2586 transition: opacity 0.15s ease; 2587 } 2588 2589 .ctm-mega__expand-col-links a:hover { opacity: 0.7; } 2590 2591 .ctm-mega__expand-feature-thumbs { 2592 display: grid; 2593 grid-template-columns: repeat(5, 1fr); 2594 gap: 20px; 2595 margin-bottom: 40px; 2596 } 2597 2598 .ctm-mega__expand-feature-thumbs .ctm-mega__thumb-label { 2599 text-decoration: underline; 2600 text-underline-offset: 3px; 2601 } 2602 2603 .ctm-mega__shopall-wrap { 2604 display: flex; 2605 justify-content: center; 2606 } 2607 2608 .ctm-mega__shopall { 2609 display: inline-flex;
2610 align-items: center; 2611 justify-content: center; 2612 height: 48px; 2613 width: 200px; 2614 background: #142858; 2615 color: #ffffff; 2616 text-decoration: none; 2617 font-size: 14px; 2618 font-weight: 600; 2619 text-transform: uppercase; 2620 letter-spacing: 0.05em; 2621 border-radius: 4px; 2622 transition: opacity 0.2s ease; 2623 } 2624 2625 .ctm-mega__shopall:hover { opacity: 0.85; } 2626 2627 /* ================================================================ 2628 LAYOUT 5 — 3 Thumbs + Text List with Icons (Featured style) 2629 ================================================================ */ 2630 .ctm-mega--featured .ctm-mega__inner { 2631 display: grid; 2632 grid-template-columns: 1fr 1fr 1fr 220px; 2633 gap: 20px; 2634 align-items: start; 2635 } 2636 2637 /* ================================================================ 2638 MOBILE DRAWER (unchanged) 2639 ================================================================ */ 2640 .ctm-header__drawer { 2641 display: none; 2642 position: fixed; top: 0; left: 0; 2643 width: 100%; height: 100%; 2644 z-index: 9999; 2645 } 2646 .ctm-header__drawer.is-open { display: block; } 2647 .ctm-header__drawer-overlay { 2648 position: absolute; top: 0; left: 0; 2649 width: 100%; height: 100%; 2650 background: rgba(0, 0, 0, 0.4); 2651 } 2652 .ctm-header__drawer-panel { 2653 position: absolute; top: 0; left: 0; 2654 width: 75%; 2655 max-width: 100%; 2656 height: 100%; 2657 background-color: #111111; 2658 padding: 0; 2659 overflow-y: auto; 2660 overflow-x: hidden; 2661 transform: translateX(-100%); 2662 transition: transform 0.35s ease; 2663 -webkit-overflow-scrolling: touch; 2664 } 2665 @media screen and (min-width: 990px) { 2666 .ctm-header__drawer-panel { width: 400px; max-width: 90%; } 2667 } 2668 .ctm-header__drawer.is-open .ctm-header__drawer-panel { transform: translateX(0); } 2669 2670 .ctm-header__drawer-close { 2671 background: none; border: none; cursor: pointer; 2672 padding: 20px 20px 10px; 2673 display: flex; align-items: center; 2674 } 2675 .ctm-header__drawer-close svg { 2676 width: 28px; height: 28px; 2677 stroke: #ffffff; 2678 stroke-width: 2; 2679 } 2680 2681 .ctm-header__drawer-search { position: relative; margin: 0 20px 20px; } 2682 .ctm-header__drawer-search-input { 2683 width: 100%; 2684 background: rgba(0, 0, 0, 0.05); 2685 border: 1px solid rgba(0, 0, 0, 0.15); 2686 border-radius: 6px; 2687 padding: 12px 42px 12px 14px; 2688 color: #ffffff; 2689 font-size: 14px; 2690 outline: none; 2691 font-family: inherit; 2692 box-sizing: border-box; 2693 } 2694 .ctm-header__drawer-search-input::placeholder { color: rgba(0, 0, 0, 0.4); } 2695 .ctm-header__drawer-search-btn { 2696 position: absolute; right: 12px; top: 50%; transform: translateY(-50%); 2697 background: none; border: none; cursor: pointer; padding: 0; display: flex; 2698 } 2699 .ctm-header__drawer-search-btn svg { 2700 width: 18px; height: 18px; 2701 stroke: #ffffff; 2702 opacity: 0.55; 2703 } 2704 2705 .ctm-header__drawer-nav { list-style: none; margin: 0; padding: 0; } 2706 .ctm-header__drawer-nav-item { border-top: 1px solid #e5e5e5; } 2707 .ctm-header__drawer-nav-item:last-child { border-bottom: 1px solid #e5e5e5; } 2708 2709 .ctm-header__drawer-nav-link, 2710 .ctm-header__drawer-toggle { 2711 display: flex; align-items: center; justify-content: space-between; width: 100%; 2712 color: #ffffff; 2713 background: none; border: none; text-decoration: none; 2714 font-family: inherit; 2715 font-size: 16px; 2716 font-weight: 700; 2717 text-transform: uppercase; 2718 letter-spacing: 0.02em; 2719 padding: 16px 20px; 2720 cursor: pointer; text-align: left; 2721 transition: opacity 0.2s ease; 2722 } 2723 .ctm-header__drawer-nav-link:hover, 2724 .ctm-header__drawer-toggle:hover { opacity: 0.7; } 2725 2726 .ctm-header__drawer-nav-link--sale { color: #e34b4b !important; } 2727 2728 .ctm-header__drawer-toggle-icon { width: 22px; height: 22px; position: relative; flex-shrink: 0; } 2729 .ctm-header__drawer-toggle-icon::before, 2730 .ctm-header__drawer-toggle-icon::after { 2731 content: ''; position: absolute; 2732 background-color: #ffffff; 2733 top: 50%; left: 50%; 2734 } 2735 .ctm-header__drawer-toggle-icon::before { width: 16px; height: 2px; transform: translate(-50%, -50%); }
2736 .ctm-header__drawer-toggle-icon::after { 2737 width: 2px; height: 16px; 2738 transform: translate(-50%, -50%); 2739 transition: transform 0.2s ease, opacity 0.2s ease; 2740 } 2741 .ctm-header__drawer-toggle[aria-expanded="true"] .ctm-header__drawer-toggle-icon::after { 2742 transform: translate(-50%, -50%) rotate(90deg); opacity: 0; 2743 } 2744 2745 .ctm-header__drawer-sub { list-style: none; margin: 0; padding: 0 20px 16px; display: none; } 2746 .ctm-header__drawer-sub.is-open { display: block; } 2747 2748 .ctm-header__drawer-sub-link, 2749 .ctm-header__drawer-sub-toggle { 2750 display: flex; align-items: center; justify-content: space-between; width: 100%; 2751 color: #ffffff; 2752 background: none; border: none; text-decoration: none; 2753 font-family: inherit; 2754 font-size: 15px; 2755 font-weight: 400; 2756 padding: 10px 0; 2757 cursor: pointer; text-align: left; 2758 } 2759 .ctm-header__drawer-sub-link:hover, 2760 .ctm-header__drawer-sub-toggle:hover { opacity: 0.7; } 2761 2762 .ctm-header__drawer-sub-sub { list-style: none; margin: 0; padding: 0 0 8px 16px; display: none; } 2763 .ctm-header__drawer-sub-sub.is-open { display: block; } 2764 .ctm-header__drawer-sub-sub-link { 2765 display: block; 2766 color: #ffffff; 2767 text-decoration: none; 2768 font-size: 14px; 2769 font-weight: 400; 2770 padding: 6px 0; 2771 opacity: 0.75; 2772 } 2773 .ctm-header__drawer-sub-sub-link:hover { opacity: 1; } 2774 .ctm-header__drawer-sub-toggle .ctm-header__drawer-toggle-icon { width: 18px; height: 18px; } 2775 .ctm-header__drawer-sub-toggle .ctm-header__drawer-toggle-icon::before { width: 12px; } 2776 .ctm-header__drawer-sub-toggle .ctm-header__drawer-toggle-icon::after { height: 12px; } 2777 2778 .ctm-header__drawer-thumbs { 2779 display: flex; gap: 14px; 2780 padding: 12px 20px 20px; 2781 overflow-x: auto; overflow-y: hidden; 2782 scrollbar-width: none; 2783 -webkit-overflow-scrolling: touch; 2784 scroll-snap-type: x mandatory; 2785 } 2786 .ctm-header__drawer-thumbs::-webkit-scrollbar { display: none; } 2787 .ctm-header__drawer-thumb { 2788 flex: 0 0 140px; 2789 text-decoration: none; 2790 scroll-snap-align: start; 2791 display: block; 2792 } 2793 .ctm-header__drawer-thumb-img { 2794 width: 100%; aspect-ratio: 1 / 1; 2795 background: #f5f5f5; border-radius: 4px; overflow: hidden; 2796 display: block; margin-bottom: 8px; 2797 } 2798 .ctm-header__drawer-thumb-img img { width: 100%; height: 100%; object-fit: cover; display: block; } 2799 .ctm-header__drawer-thumb-label { 2800 color: #ffffff; 2801 font-size: 12px; 2802 font-weight: 700; 2803 text-transform: uppercase; 2804 letter-spacing: 0.04em; 2805 text-align: center; 2806 display: block; line-height: 1.3; 2807 } 2808 .ctm-header__drawer-footer { padding: 20px; } 2809 .ctm-header__drawer-account { 2810 display: flex; align-items: center; gap: 10px; 2811 color: #ffffff; 2812 text-decoration: none; font-size: 15px; padding: 10px 0; 2813 } 2814 .ctm-header__drawer-account svg { width: 22px; height: 22px; stroke: #ffffff; fill: none; }</style><header class="ctm-header" data-section-id="sections--20396945768639__ctm_header_new_GMC6c3"> 2815 <div class="ctm-header__wrapper"> 2816 2817 <!-- MOBILE HAMBURGER --> 2818 <div class="ctm-header__mobile-icons"> 2819 <button class="ctm-header__hamburger" aria-label="Open menu" aria-expanded="false"> 2820 <span></span><span></span><span></span> 2821 </button> 2822 </div> 2823 2824 <!-- LOGO --> 2825 <div class="ctm-header__logo"> 2826 <a href="/" title="Cornhole Bags"><img src="//www.cornholebags.com/cdn/shop/files/large_logo.png?v=1790035713" alt="Cornhole Bags" loading="eager"></a> 2827 </div> 2828 2829 <!-- DESKTOP CENTER --> 2830 <div class="ctm-header__center"> 2831 <nav aria-label="Main navigation"> 2832 <ul class="ctm-header__nav-list"><li class="ctm-header__nav-item"> 2833 <a href="/collections/all-cornhole-bags" class="ctm-header__nav-link"> 2834 Cornhole Bags 2835 </a><div class="ctm-mega ctm-mega--collections"> 2836 <div class="ctm-mega__inner"> 2837 2838 <!-- Left: text links --> 2839 <div class="ctm-mega__left"><div class="ctm-mega__col-heading">Cornhole Bags</div><ul class="ctm-mega__links"><li><a href="/collections/all-cornhole-bags" class="ctm-mega__link">Shop All Bags</a></li><li><a href="/collections/pro-cornhole-bags" class="ctm-mega__link">Pro Bags</a></li><li><a href="/collections/recreational-cornhole-bags" class="ctm-mega__link">Recreational</a></li><li><a href="/collections/custom-cornhole-bags" class="ctm-mega__link">Custom Bags</a></li><li><a href="/collections/college-team-bags" class="ctm-mega__link">College Team Bags</a></li><li><a href="/collections/pro-team-bags" class="ctm-mega__link">Pro Team Bags</a></li><li><a href="/collections/funny-novelty-cornhole-bags" class="ctm-mega__link">Funny & Novelty Bags</a></li><li><a href="/collections/regulation-cornhole-bags" class="ctm-mega__link">Regulation Bags</a></li><li><a href="/collections/patriotic-cornhole-bags" class="ctm-mega__link">Patriotic Bags</a></li><li><a href="/collections/wsoc-cornhole-bags" class="ctm-mega__link">WSOC Bags</a></li><li><a href="/collections" class="ctm-mega__link">All Collections</a></li></ul> 2840 </div> 2841 2842 <!-- Large thumb --><a href="/collections/custom-cornhole-bags" class="ctm-mega__thumb ctm-mega__large"> 2843 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/CustomCornholeBAg
2843shyrbridcarpet58_600x600_crop_center.png?v=1790051955" alt="Shop Custom Bags" loading="lazy"></div> 2844 <span class="ctm-mega__thumb-label">Shop Custom Bags</span> 2845 </a><!-- 4 small thumbs in 2x2 --> 2846 <div class="ctm-mega__small-grid"><a href="/collections/acl-cornhole-bags" class="ctm-mega__thumb"> 2847 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/acl_logo_b0885fb7-8ef0-47be-af32-a2d86ef22931_400x400_crop_center.png?v=1791049813" alt="ACL Cornhole Bags" loading="lazy"></div> 2848 <span class="ctm-mega__thumb-label">ACL Cornhole Bags</span> 2849 </a><a href="/collections/aco-cornhole-bags" class="ctm-mega__thumb"> 2850 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/aco_approved_bag_400x400_crop_center.webp?v=1791055224" alt="ACO Cornhole Bags" loading="lazy"></div> 2851 <span class="ctm-mega__thumb-label">ACO Cornhole Bags</span> 2852 </a><a href="/collections/american-cornhole-association-cornhole-bags" class="ctm-mega__thumb"> 2853 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/ACA_Logo_400x400_crop_center.png?v=1791049950" alt="ACA Cornhole Bags" loading="lazy"></div> 2854 <span class="ctm-mega__thumb-label">ACA Cornhole Bags</span> 2855 </a><a href="/collections/wolrd-series-of-cornhole-wsoc" class="ctm-mega__thumb"> 2856 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/wsoc_cornhole_logo_400x400_crop_center.png?v=1791055143" alt="WSOC Cornhole Bags" loading="lazy"></div> 2857 <span class="ctm-mega__thumb-label">WSOC Cornhole Bags</span> 2858 </a></div> 2859 2860 </div> 2861</div> 2862�</li> 2863�<li class="ctm-header__nav-item"> 2864 <a href="/collections/all-cornhole-boards" class="ctm-header__nav-link"> 2865 Cornhole Boards 2866 </a><div class="ctm-mega ctm-mega--collections"> 2867 <div class="ctm-mega__inner"> 2868 2869 <!-- Left: text links --> 2870 <div class="ctm-mega__left"><div class="ctm-mega__col-heading">Cornhole Boards</div><ul class="ctm-mega__links"><li><a href="/collections/all-cornhole-boards" class="ctm-mega__link">Shop All Boards</a></li><li><a href="/collections/regulation-cornhole-boards-4-x-2" class="ctm-mega__link">Regulation Boards</a></li><li><a href="/collections/custom-cornhole-boards" class="ctm-mega__link">Custom Boards</a></li><li><a href="/collections/corporate-cornhole-boards" class="ctm-mega__link">Corporate Logo Boards</a></li><li><a href="/collections/wraps-decals" class="ctm-mega__link">Wraps / Decals</a></li><li><a href="/collections" class="ctm-mega__link">All Collections</a></li></ul> 2871 </div> 2872 2873 <!-- Large thumb --><a href="https://www.cornholebags.com/pages/design-your-own-boards" class="ctm-mega__thumb ctm-mega__large"> 2874 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/design_your_boards_600x600_crop_center.png?v=1791069678" alt="Create Your Own Board Design" loading="lazy"></div> 2875 <span class="ctm-mega__thumb-label">Create Your Own Board Design</span> 2876 </a><!-- 4 small thumbs in 2x2 --> 2877 <div class="ctm-mega__small-grid"><a href="/collections/custom-cornhole-boards" class="ctm-mega__thumb"> 2878 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/custom_boards_mobile_400x400_crop_center.png?v=1790275519" alt="Design your own board." loading="lazy"></div> 2879 <span class="ctm-mega__thumb-label">Design your own board.</span> 2880 </a><a href="/collections/corporate-cornhole-boards" class="ctm-mega__thumb"> 2881 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/corporate_custom_cornhole_boards_image_400x400_crop_center.png?v=1790623563" alt="Corporate Logo Boards" loading="lazy"></div> 2882 <span class="ctm-mega__thumb-label">Corporate Logo Boards</span> 2883 </a><a href="/collections/all-weather-cornhole-boards" class="ctm-mega__thumb"> 2884 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/All-Weather-Boards-Waterproof_400x400_crop_center.jpg?v=1775835672" alt="Weatherproof your game." loading="lazy"></div>
2885 <span class="ctm-mega__thumb-label">Weatherproof your game.</span> 2886 </a><a href="#" class="ctm-mega__thumb"> 2887 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/freepik_ultrarealistic-premium-pr_2801907275_400x400_crop_center.png?v=1776368503" alt="Shop Cornhole Accessories" loading="lazy"></div> 2888 <span class="ctm-mega__thumb-label">Shop Cornhole Accessories</span> 2889 </a></div> 2890 2891 </div> 2892</div> 2893�</li> 2894�</ul> 2895 </nav> 2896 2897 <div class="ctm-header__search"> 2898 <form action="/search" method="get" class="ctm-header__search-form" role="search"> 2899 <input type="search" name="q" placeholder="Search bags, brands and speeds" class="ctm-header__search-input" aria-label="Search" autocomplete="off"> 2900 <button type="submit" class="ctm-header__search-btn" aria-label="Submit search"> 2901 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 2902 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/> 2903 </svg> 2904 </button> 2905 </form> 2906 </div> 2907 2908 <nav aria-label="Main navigation right"> 2909 <ul class="ctm-header__nav-list"><li class="ctm-header__nav-item"> 2910 <a href="/collections/cornhole-accessories" class="ctm-header__nav-link"> 2911 Accessories 2912 </a><div class="ctm-mega ctm-mega--collections"> 2913 <div class="ctm-mega__inner"> 2914 2915 <!-- Left: text links --> 2916 <div class="ctm-mega__left"><div class="ctm-mega__col-heading">Accessories</div><ul class="ctm-mega__links"><li><a href="/collections/pucs-cornhole-board-stabilization" class="ctm-mega__link">PUCS Cornhole Board Stabilization</a></li><li><a href="/collections/beer-pong-party-games" class="ctm-mega__link">Beer Funnels / Drinking Accessories</a></li><li><a href="/collections/cornhole-accessories" class="ctm-mega__link">Cornhole Accessories</a></li><li><a href="/collections/cornhole-lights-and-night-play" class="ctm-mega__link">Lights & Night Play</a></li><li><a href="/collections/cornhole-scoreboards-stands" class="ctm-mega__link">Scoreboards & Stands</a></li><li><a href="/products/toss-sauce-cornhole-bag-break-in-solution" class="ctm-mega__link">Toss Sauce</a></li><li><a href="/collections/cornhole-accessories" class="ctm-mega__link">Maintenance Supplies</a></li><li><a href="/collections/wraps-decals" class="ctm-mega__link">Wraps / Decals</a></li><li><a href="/collections" class="ctm-mega__link">All Collections</a></li></ul> 2917 </div> 2918 2919 <!-- Large thumb --><a href="/collections/cornhole-accessories" class="ctm-mega__thumb ctm-mega__large"> 2920 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/PUCSCornholeACLLeaguePackage-142_bf602172-4b05-48ca-a09c-0d09f4e36e6f_600x600_crop_center.jpg?v=1789770098" alt="Shop Cornhole Accessories" loading="lazy"></div> 2921 <span class="ctm-mega__thumb-label">Shop Cornhole Accessories</span> 2922 </a><!-- 4 small thumbs in 2x2 --> 2923 <div class="ctm-mega__small-grid"><a href="/collections/cornhole-accessories" class="ctm-mega__thumb"> 2924 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/case_header_image_400x400_crop_center.jpg?v=1776390071" alt="Carrying Cases" loading="lazy"></div> 2925 <span class="ctm-mega__thumb-label">Carrying Cases</span> 2926 </a><a href="/collections/cornhole-accessories" class="ctm-mega__thumb"> 2927 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/led_lights_400x400_crop_center.jpg?v=1776390132" alt="LED Board Lights" loading="lazy"></div> 2928 <span class="ctm-mega__thumb-label">LED Board Lights</span> 2929 </a><a href="/collections/beer-funnels-drinking-accessories" class="ctm-mega__thumb"> 2930 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/beer_bong_400x400_crop_center.jpg?v=1776390146" alt="Party starts here." loading="lazy"></div>
2931 <span class="ctm-mega__thumb-label">Party starts here.</span> 2932 </a><a href="/collections/cornhole-accessories" class="ctm-mega__thumb"> 2933 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/potenza_pickleball_case_400x400_crop_center.jpg?v=1776397274" alt="Case closed. Paddle safe." loading="lazy"></div> 2934 <span class="ctm-mega__thumb-label">Case closed. Paddle safe.</span> 2935 </a></div> 2936 2937 </div> 2938</div> 2939�</li> 2940�<li class="ctm-header__nav-item"> 2941 <a href="/collections/lawn-backyard-games" class="ctm-header__nav-link"> 2942 Outdoor Games 2943 </a><div class="ctm-mega ctm-mega--collections"> 2944 <div class="ctm-mega__inner"> 2945 2946 <!-- Left: text links --> 2947 <div class="ctm-mega__left"><div class="ctm-mega__col-heading">Outdoor Games</div><ul class="ctm-mega__links"><li><a href="/collections/lawn-backyard-games" class="ctm-mega__link">Lawn & Backyard Games</a></li><li><a href="/collections/party-social-games" class="ctm-mega__link">Party & Social Games</a></li><li><a href="/collections/net-portable-sports" class="ctm-mega__link">Portable Sports & Net Games</a></li><li><a href="/collections/lawn-backyard-games" class="ctm-mega__link">Ladder Toss</a></li><li><a href="/collections/lawn-backyard-games" class="ctm-mega__link">Washers</a></li><li><a href="/collections/lawn-backyard-games" class="ctm-mega__link">Bocce Ball</a></li><li><a href="/collections/lawn-backyard-games" class="ctm-mega__link">
2947Croquet</a></li><li><a href="/collections/disc-golf" class="ctm-mega__link">Disc Golf</a></li><li><a href="/collections/lawn-backyard-games" class="ctm-mega__link">Badminton</a></li><li><a href="/collections/pickleball" class="ctm-mega__link">Pickleball</a></li><li><a href="/collections" class="ctm-mega__link">All Collections</a></li></ul> 2948 </div> 2949 2950 <!-- Large thumb --><a href="/collections/lawn-backyard-games" class="ctm-mega__thumb ctm-mega__large"> 2951 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/lawnb_backyard_card_600x600_crop_center.jpg?v=1776397305" alt="Backyard fun starts here." loading="lazy"></div> 2952 <span class="ctm-mega__thumb-label">Backyard fun starts here.</span> 2953 </a><!-- 4 small thumbs in 2x2 --> 2954 <div class="ctm-mega__small-grid"><a href="/collections/party-social-games" class="ctm-mega__thumb"> 2955 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/beer_pong_a814ae2c-594f-4532-b7d3-c65fac6ac7fe_400x400_crop_center.jpg?v=1776397344" alt="Every party needs a game." loading="lazy"></div> 2956 <span class="ctm-mega__thumb-label">Every party needs a game.</span> 2957 </a><a href="/collections/lawn-backyard-games" class="ctm-mega__thumb"> 2958 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/ladder_toss_400x400_crop_center.jpg?v=1776397526" alt="Ladder Toss" loading="lazy"></div> 2959 <span class="ctm-mega__thumb-label">Ladder Toss</span> 2960 </a><a href="/collections/pickleball" class="ctm-mega__thumb"> 2961 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/pickleball_collection_banner_image_mobile_400x400_crop_center.jpg?v=1776375640" alt="Shop pickleball." loading="lazy"></div> 2962 <span class="ctm-mega__thumb-label">Shop pickleball.</span> 2963 </a><a href="/collections/lawn-backyard-games" class="ctm-mega__thumb"> 2964 <div class="ctm-mega__thumb-img"><img src="//www.cornholebags.com/cdn/shop/files/lawn_darts_400x400_crop_center.jpg?v=1776397538" alt="Lawn Darts" loading="lazy"></div> 2965 <span class="ctm-mega__thumb-label">Lawn Darts</span> 2966 </a></div> 2967 2968 </div> 2969</div> 2970�</li> 2971�<li class="ctm-header__nav-item"> 2972 <a href="/collections/new-arrivals" class="ctm-header__nav-link"> 2973 New Arrivals 2974 </a></li> 2975�<li class="ctm-header__nav-item"> 2976 <a href="/collections/sale" class="ctm-header__nav-link ctm-header__nav-link--sale"> 2977 Sale 2978 </a></li> 2979�</ul> 2980 </nav> 2981 </div> 2982 2983 <!-- DESKTOP ACCOUNT & CART --> 2984 <div class="ctm-header__actions"> 2985 <a href="/account" class="ctm-header__action-link" aria-label="Account"> 2986 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 2987 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/> 2988 </svg> 2989 </a> 2990 <a href="/cart" class="ctm-header__action-link" aria-label="Cart"> 2991 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 2992 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"/> 2993 </svg> 2994 <span class="ctm-header__cart-count">0</span> 2995 </a> 2996 </div> 2997 2998 <!-- MOBILE RIGHT --> 2999 <div class="ctm-header__mobile-icons" style="order: 0; margin-left: auto;"> 3000 <a href="/account" class="ctm-header__icon-btn" aria-label="Account"> 3001 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3002 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/> 3003 </svg> 3004 </a> 3005 <a href="/cart" class="ctm-header__icon-btn" aria-label="Cart" style="position:relative;"> 3006 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3007 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5
3007h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"/> 3008 </svg> 3009 <span class="ctm-header__cart-count">0</span> 3010 </a> 3011 </div> 3012 3013 </div> 3014</header> 3015 3016<!-- ================================================================ 3017 MOBILE DRAWER 3018================================================================ --> 3019<div class="ctm-header__drawer" id="ctm-mobile-drawer" aria-hidden="true"> 3020 <div class="ctm-header__drawer-overlay"></div> 3021 <div class="ctm-header__drawer-panel" role="dialog" aria-label="Main menu"> 3022 3023 <button class="ctm-header__drawer-close" aria-label="Close menu"> 3024 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3025 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 3026 </svg> 3027 </button> 3028 3029 3030 <div class="ctm-header__drawer-search"> 3031 <form action="/search" method="get" role="search"> 3032 <input type="search" name="q" placeholder="Search bags, brands and speeds" class="ctm-header__drawer-search-input" aria-label="Search" autocomplete="off"> 3033 <button type="submit" class="ctm-header__drawer-search-btn" aria-label="Submit search"> 3034 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 3035 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/> 3036 </svg> 3037 </button> 3038 </form> 3039 </div> 3040 3041 3042 <ul class="ctm-header__drawer-nav"><li class="ctm-header__drawer-nav-item"><button class="ctm-header__drawer-toggle" data-toggle="drawer-sub-1" aria-expanded="false"> 3043 <span>Cornhole Bags</span> 3044 <span class="ctm-header__drawer-toggle-icon" aria-hidden="true"></span> 3045 </button>
3046 <ul class="ctm-header__drawer-sub" id="drawer-sub-1"><li><a href="/collections/all-cornhole-bags" class="ctm-header__drawer-sub-link">Bags</a></li><li><button class="ctm-header__drawer-sub-toggle" data-toggle="drawer-sub-sub-1-2" aria-expanded="false"> 3047 <span>Pro & Tournament</span> 3048 <span class="ctm-header__drawer-toggle-icon" aria-hidden="true"></span> 3049 </button> 3050 <ul class="ctm-header__drawer-sub-sub" id="drawer-sub-sub-1-2"> 3051 <li><a href="/collections/pro-cornhole-bags" class="ctm-header__drawer-sub-sub-link">View all Pro & Tournament</a></li><li><a href="/collections/shop-by-speed" class="ctm-header__drawer-sub-sub-link">Shop by Speed</a></li><li><a href="/collections/carpet-cornhole-bags" class="ctm-header__drawer-sub-sub-link">Carpet</a></li><li><a href="/collections/acl-cornhole-bags" class="ctm-header__drawer-sub-sub-link">ACL-Approved</a></li><li><a href="/collections/aco-cornhole-bags" class="ctm-header__drawer-sub-sub-link">ACO-Approved</a></li></ul></li><li><a href="/collections/recreational-cornhole-bags" class="ctm-header__drawer-sub-link">Recreational (Dual-Sided)</a></li><li><a href="/collections/funny-novelty-cornhole-bags" class="ctm-header__drawer-sub-link">Funny & Novelty</a></li><li><a href="/collections/patriotic-cornhole-bags" class="ctm-header__drawer-sub-link">Patriotic & Graphic</a></li><li><a href="/collections/custom-cornhole-bags" class="ctm-header__drawer-sub-link">Custom</a></li><li><a href="/collections/all-cornhole-bags" class="ctm-header__drawer-sub-link">View All</a></li></ul></li><li class="ctm-header__drawer-nav-item"><button class="ctm-header__drawer-toggle" data-toggle="drawer-sub-2" aria-expanded="false"> 3052 <span>Cornhole Boards</span> 3053 <span class="ctm-header__drawer-toggle-icon" aria-hidden="true"></span> 3054 </button>
3055 <ul class="ctm-header__drawer-sub" id="drawer-sub-2"><li><a href="/collections/regulation-cornhole-boards-4-x-2" class="ctm-header__drawer-sub-link">Regulation 2x4</a></li><li><a href="/collections/tabletop-games" class="ctm-header__drawer-sub-link">Recreational 2x3 & Travel</a></li><li><a href="/collections/custom-cornhole-boards" class="ctm-header__drawer-sub-link">Custom</a></li><li><a href="/collections/all-cornhole-boards" class="ctm-header__drawer-sub-link">View All</a></li></ul></li><li class="ctm-header__drawer-nav-item"><button class="ctm-header__drawer-toggle" data-toggle="drawer-sub-3" aria-expanded="false"> 3056 <span>Accessories</span> 3057 <span class="ctm-header__drawer-toggle-icon" aria-hidden="true"></span> 3058 </button> 3059 <ul class="ctm-header__drawer-sub" id="drawer-sub-3"><li><a href="/collections/cornhole-lights-and-night-play" class="ctm-header__drawer-sub-link">Lights and Night Play</a></li><li><a href="/collections/cornhole-scoreboards-stands" class="ctm-header__drawer-sub-link">Scoreboards & Stands</a></li><li><a href="/collections/wraps-decals" class="ctm-header__drawer-sub-link">Wraps & Decals</a></li><li><a href="/collections/cornhole-accessories" class="ctm-header__drawer-sub-link">View All</a></li></ul></li><li class="ctm-header__drawer-nav-item"><button class="ctm-header__drawer-toggle" data-toggle="drawer-sub-4" aria-expanded="false"> 3060 <span>Outdoor Games</span> 3061 <span class="ctm-header__drawer-toggle-icon" aria-hidden="true"></span> 3062 </button>
3063 <ul class="ctm-header__drawer-sub" id="drawer-sub-4"><li><a href="/collections/bocce-ball" class="ctm-header__drawer-sub-link">Bocce Ball</a></li><li><a href="/collections/croquet" class="ctm-header__drawer-sub-link">Croquet</a></li><li><a href="/collections/beer-pong-party-games" class="ctm-header__drawer-sub-link">Beer Pong & Party Games</a></li><li><a href="/collections/lawn-backyard-games" class="ctm-header__drawer-sub-link">View All</a></li></ul></li><li class="ctm-header__drawer-nav-item"><a href="/collections/new-arrivals" class="ctm-header__drawer-nav-link">New Arrivals</a></li><li class="ctm-header__drawer-nav-item"><a href="/collections/sale" class="ctm-header__drawer-nav-link ctm-header__drawer-nav-link--sale">Sale</a></li></ul> 3064 3065 <div class="ctm-header__drawer-footer"> 3066 <a href="/account" class="ctm-header__drawer-account"> 3067 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 3068 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/> 3069 </svg> 3070 <span>Login</span> 3071 </a> 3072 </div> 3073 3074 </div> 3075</div> 3076
3077<script> 3078 (function() { 3079 var header = document.querySelector('[data-section-id="sections--20396945768639__ctm_header_new_GMC6c3"]'); 3080 var hamburger = header.querySelector('.ctm-header__hamburger'); 3081 var drawer = document.getElementById('ctm-mobile-drawer'); 3082 var overlay = drawer.querySelector('.ctm-header__drawer-overlay'); 3083 var closeBtn = drawer.querySelector('.ctm-header__drawer-close'); 3084 3085 window.addEventListener('scroll', function() { 3086 if (window.scrollY > 50) header.classList.add('is-scrolled'); 3087 else header.classList.remove('is-scrolled'); 3088 }, { passive: true }); 3089 3090 function openDrawer() { 3091 drawer.classList.add('is-open'); 3092 drawer.setAttribute('aria-hidden', 'false'); 3093 if (hamburger) { hamburger.classList.add('is-active'); hamburger.setAttribute('aria-expanded', 'true'); } 3094 document.body.style.overflow = 'hidden'; 3095 } 3096 function closeDrawer() { 3097 drawer.classList.remove('is-open'); 3098 drawer.setAttribute('aria-hidden', 'true'); 3099 if (hamburger) { hamburger.classList.remove('is-active'); hamburger.setAttribute('aria-expanded', 'false'); } 3100 document.body.style.overflow = ''; 3101 } 3102 if (hamburger) hamburger.addEventListener('click', function() { drawer.classList.contains('is-open') ? closeDrawer() : openDrawer(); }); 3103 overlay.addEventListener('click', closeDrawer); 3104 closeBtn.addEventListener('click', closeDrawer); 3105 document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && drawer.classList.contains('is-open')) closeDrawer(); }); 3106 3107 var toggles = drawer.querySelectorAll('.ctm-header__drawer-toggle, .ctm-header__drawer-sub-toggle'); 3108 toggles.forEach(function(toggle) { 3109 toggle.addEventListener('click', function(e) { 3110 e.preventDefault(); 3111 var targetId = this.getAttribute('data-toggle'); 3112 var subMenu = document.getElementById(targetId); 3113 if (!subMenu) return; 3114 var isOpen = subMenu.classList.toggle('is-open'); 3115 this.setAttribute('aria-expanded', isOpen); 3116 }); 3117 }); 3118 3119 // Mega menu "Expand Menu" buttons 3120 var expandToggles = header.querySelectorAll('.ctm-mega__expand-toggle'); 3121 expandToggles.forEach(function(btn) { 3122 btn.addEventListener('click', function(e) { 3123 e.preventDefault(); 3124 var targetId = this.getAttribute('data-expand-target'); 3125 var content = document.getElementById(targetId); 3126 if (!content) return; 3127 var isOpen = content.classList.toggle('is-open'); 3128 this.setAttribute('aria-expanded', isOpen); 3129 }); 3130 }); 3131 3132 // ======================================================== 3133 // MEGA MENU HOVER INTENT (desktop only) 3134 // Adds delays so menus don't close instantly when moving 3135 // between nav link and mega panel. 3136 // ======================================================== 3137 var OPEN_DELAY = 100; // ms — how long before opening 3138 var CLOSE_DELAY = 300; // ms — how long before closing (grace period) 3139 3140 // Position mega menus directly below the header 3141 function positionMegas() { 3142 var headerRect = header.getBoundingClientRect(); 3143 var topPos = headerRect.bottom; 3144 header.querySelectorAll('.ctm-mega').forEach(function(mega) { 3145 mega.style.top = topPos + 'px'; 3146 }); 3147 } 3148 positionMegas(); 3149 window.addEventListener('resize', positionMegas); 3150 window.addEventListener('scroll', positionMegas, { passive: true }); 3151 3152 var navItems = header.querySelectorAll('.ctm-header__nav-item'); 3153 navItems.forEach(function(item) { 3154 // Only apply to items that have a mega menu 3155 var mega = item.querySelector('.ctm-mega'); 3156 if (!mega) return; 3157 3158 var openTimer = null; 3159 var closeTimer = null; 3160 3161 function openMega() { 3162 clearTimeout(closeTimer); 3163 if (item.classList.contains('is-mega-open')) return; 3164 openTimer = setTimeout(function() { 3165 // Close any other open megas first 3166 header.querySelectorAll('.ctm-header__nav-item.is-mega-open').forEach(function(other) { 3167 if (other !== item) other.classList.remove('is-mega-open'); 3168 }); 3169 item.classList.add('is-mega-open'); 3170 }, OPEN_DELAY); 3171 } 3172 3173 function closeMega() { 3174 clearTimeout(openTimer); 3175 closeTimer = setTimeout(function() { 3176 item.classList.remove('is-mega-open'); 3177 }, CLOSE_DELAY); 3178 } 3179 3180 // Nav item (link) hover 3181 item.addEventListener('mouseenter', openMega); 3182 item.addEventListener('mouseleave', closeMega); 3183 3184 // Mega panel hover — cancels the close timer so menu stays open 3185 mega.addEventListener('mouseenter', function() { 3186 clearTimeout(closeTimer); 3187 }); 3188 mega.addEventListener('mouseleave', closeMega); 3189 3190 // Keyboard accessibility 3191 var link = item.querySelector('.ctm-header__nav-link'); 3192 if (link) { 3193 link.addEventListener('focus', openMega); 3194 } 3195 item.addEventListener('focusout', function(e) { 3196 // Only close if focus left the entire nav item 3197 if (!item.contains(e.relatedTarget)) { 3198 closeMega(); 3199 } 3200 }); 3201 });
3202 3203 // Close all megas on Escape 3204 document.addEventListener('keydown', function(e) { 3205 if (e.key === 'Escape') { 3206 header.querySelectorAll('.ctm-header__nav-item.is-mega-open').forEach(function(item) { 3207 item.classList.remove('is-mega-open'); 3208 }); 3209 } 3210 }); 3211 })(); 3212</script>
3212 3213 3214 3215</div> 3216<!-- END sections: header-group --> 3217 3218 <div style="--background-color: #ffffff"> 3219 3220 3221 3222 </div> 3223 3224 <div class="intersection-target" data-header-intersection-target></div> 3225 <div class="site-main-dimmer" data-site-main-dimmer></div> 3226 <main id="site-main" class="site-main" aria-label="Main content" tabindex="-1"> 3227 <section id="shopify-section-template--20396952092863__col_hero_banner_BAANaM" class="shopify-section shopify-section--hero-banner">�<style> 3228 #hero-template--20396952092863__col_hero_banner_BAANaM { 3229 --hero-text-color: #ffffff; 3230 --hero-overlay-color: #000000; 3231 --hero-overlay-opacity: 0.0; 3232 --hero-desktop-height: 500px; 3233 --hero-mobile-height: 380px; 3234 } 3235 3236 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner { 3237 position: relative; 3238 width: 100%; 3239 overflow: hidden; 3240 height: var(--hero-mobile-height); 3241 background-color: #f1f1f1; 3242 } 3243 3244 @media screen and (min-width: 720px) { 3245 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner { 3246 height: var(--hero-desktop-height); 3247 } 3248 } 3249 3250 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__image { 3251 position: absolute; 3252 inset: 0; 3253 width: 100%; 3254 height: 100%; 3255 object-fit: cover; 3256 object-position: center; 3257 } 3258 3259 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__image--mobile { display: block; } 3260 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__image--desktop { display: none; } 3261 3262 @media screen and (min-width: 720px) { 3263 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__image--mobile { display: none; } 3264 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__image--desktop { display: block; } 3265 } 3266 3267 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__overlay { 3268 position: absolute; 3269 inset: 0; 3270 background-color: var(--hero-overlay-color); 3271 opacity: var(--hero-overlay-opacity); 3272 pointer-events: none; 3273 } 3274 3275 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper { 3276 position: relative; 3277 z-index: 2; 3278 display: flex; 3279 width: 100%; 3280 height: 100%; 3281 padding: 20px 1.40625rem 20px; 3282 color: var(--hero-text-color); 3283 } 3284 3285 @media screen and (min-width: 720px) { 3286 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper { 3287 padding: 35px 2.25rem 35px; 3288 } 3289 } 3290 3291 /* Desktop content position */ 3292 @media screen and (min-width: 720px) { 3293 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="top-left"] { align-items: flex-start; justify-content: flex-start; } 3294 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="top-center"] { align-items: flex-start; justify-content: center; } 3295 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="top-right"] { align-items: flex-start; justify-content: flex-end; } 3296 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="middle-left"] { align-items: center; justify-content: flex-start; } 3297 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="middle-center"] { align-items: center; justify-content: center; } 3298 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="middle-right"] { align-items: center; justify-content: flex-end; } 3299 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="bottom-left"] { align-items: flex-end; justify-content: flex-start; } 3300 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-position="bottom-center"] { align-items: flex-end; justify-content: center; } 3301 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-
3301position="bottom-right"] { align-items: flex-end; justify-content: flex-end; } 3302 } 3303 3304 /* Mobile content position */ 3305 @media screen and (max-width: 719px) { 3306 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="top-left"] { align-items: flex-start; justify-content: flex-start; } 3307 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="top-center"] { align-items: flex-start; justify-content: center; } 3308 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="top-right"] { align-items: flex-start; justify-content: flex-end; } 3309 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="middle-left"] { align-items: center; justify-content: flex-start; } 3310 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="middle-center"] { align-items: center; justify-content: center; } 3311 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="middle-right"] { align-items: center; justify-content: flex-end; } 3312 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="bottom-left"] { align-items: flex-end; justify-content: flex-start; } 3313 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="bottom-center"] { align-items: flex-end; justify-content: center; } 3314 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content-wrapper[data-mobile-position="bottom-right"] { align-items: flex-end; justify-content: flex-end; } 3315 } 3316 3317 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__content { 3318 max-width: 700px; 3319 text-align: center; 3320 } 3321 3322 /* ===== EYEBROW ===== */ 3323 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__eyebrow { 3324 font-family: Montserrat, sans-serif; 3325 font-weight: 700; 3326 color: #ffffff; 3327 font-size: 12px; 3328 text-transform: uppercase; 3329 letter-spacing: 0.2em; 3330 line-height: 1.4; 3331 margin: 0 0 15px; 3332 text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25); 3333 } 3334 3335 @media screen and (min-width: 720px) { 3336 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__eyebrow { 3337 font-size: 14px; 3338 } 3339 } 3340 3341 /* ===== HEADING ===== */ 3342 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__heading { 3343 font-family: Poppins, sans-serif; 3344 font-weight: 900; 3345 text-transform: uppercase; 3346 letter-spacing: 0em; 3347 color: var(--hero-text-color); 3348 margin: 0 0 10px; 3349 font-size: 40px; 3350 line-height: 1.2; 3351 text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25); 3352 } 3353 3354 @media screen and (min-width: 720px) { 3355 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__heading { 3356 font-size: 72px; 3357 line-height: 1.1; 3358 margin-bottom: 15px; 3359 } 3360 } 3361 3362 /* ===== SUBHEADING ===== */ 3363 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__subheading { 3364 font-family: Montserrat, sans-serif; 3365 font-weight: 400; 3366 margin: 0 0 20px; 3367 font-size: 14px; 3368 line-height: 1.4; 3369 text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25); 3370 } 3371 3372 @media screen and (min-width: 720px) { 3373 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__subheading { 3374 font-size: 18px; 3375 line-height: 1.5; 3376 margin-bottom: 25px; 3377 } 3378 } 3379 3380 /* ===== BUTTON ===== */ 3381 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button { 3382 display: inline-block; 3383 padding: 0.875rem 1.75rem; 3384 font-family: Jost, sans-serif; 3385 font-weight: 500; 3386 font-size: 1rem; 3387 letter-spacing: 0.02em; 3388 text-decoration: none; 3389 border-radius: 3px; 3390 border: 1px solid transparent; 3391 cursor: pointer; 3392 transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease; 3393 } 3394 3395 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button:hover { 3396 box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); 3397 transform: translateY(-1px); 3398 } 3399 3400 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button--primary { 3401 color: #ffffff; background-color: #be1e2d; border-color: #be1e2d; 3402 } 3403 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button--primary:hover { 3404 background-color: rgb(197, 53, 66); border-color: rgb(197, 53, 66); 3405 } 3406 3407 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button--secondary { 3408 color: #be1e2d; background-color: #ffffff; border-color: #142858; 3409 } 3410 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button--secondary:hover { 3411 background-color: #ffffff; border-color: #122450; 3412 } 3413 3414 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button--outline { 3415 color: #ffffff; background-color: transparent; border-color: #ffffff; 3416 } 3417 #hero-template--20396952092863__col_hero_banner_BAANaM .hero-banner__button--outline:hover { 3418 background-color: rgba(255, 255, 255, 0.15); 3419 } 3420</style> 3421 3422<section 3423 id="hero-template--20396952092863__col_hero_banner_BAANaM" 3424 class="hero-banner-section" 3425 aria-label="" 3426> 3427 <div class="hero-banner"><div class="hero-banner__placeholder" style="position:absolute;inset:0;background:#e5e5e5;display:flex;align-items:center;justify-content:center;color:#999;"> 3428 Add a background image in the theme editor 3429 </div><div class="hero-banner__overlay"></div> 3430 3431 <div 3432 class="hero-banner__content-wrapper" 3433 data-position="middle-center" 3434 data-mobile-position="middle-center" 3435 > 3436 <div class="hero-banner__content"></div> 3437 </div> 3438 </div> 3439</section> 3440 3441 3442</section><section id="shopify-section-template--20396952092863__col_scrl_maq_xEQqMP" class="shopify-section shopify-section--marquee">�<style> 3443 #marquee-template--20396952092863__col_scrl_maq_xEQqMP { 3444 --marquee-bg: #142858; 3445 --marquee-text: #ffffff; 3446 --marquee-gap: 50px; 3447 --marquee-font-size-mobile: 12px; 3448 --marquee-font-size-desktop: 14px; 3449 --marquee-padding-mobile: 10px; 3450 --marquee-padding-desktop: 14px; 3451 --marquee-speed-mobile: 25s; 3452 --marquee-speed-desktop: 40s; 3453 --marquee-letter-spacing: 0.1em; 3454 --marquee-border-color: #ffffff; 3455 } 3456 3457 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee { 3458 width: 100%; 3459 background-color: var(--marquee-bg); 3460 color: var(--marquee-text); 3461 padding-top: var(--marquee-padding-mobile); 3462 padding-bottom: var(--marquee-padding-mobile); 3463 overflow: hidden; 3464 position: relative; 3465 3466 3467 } 3468 3469 @media screen and (min-width: 720px) { 3470 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee { 3471 padding-top: var(--marquee-padding-desktop); 3472 padding-bottom: var(--marquee-padding-desktop); 3473 } 3474 } 3475 3476 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__track { 3477 display: flex; 3478 width: max-content; 3479 animation: marquee-scroll-template--20396952092863__col_scrl_maq_xEQqMP var(--marquee-speed-mobile) linear infinite; 3480 will-change: transform; 3481 } 3482 3483 @media screen and (min-width: 720px) { 3484 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__track { 3485 animation-duration: var(--marquee-speed-desktop); 3486 } 3487 } 3488 3489 3490 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee:hover .marquee__track { 3491 animation-play-state: paused; 3492 } 3493 3494 3495 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__group { 3496 display: flex;
3497 align-items: center; 3498 justify-content: space-around; 3499 gap: var(--marquee-gap); 3500 padding-right: var(--marquee-gap); 3501 flex-shrink: 0; 3502 min-width: 100vw; 3503 } 3504 3505 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__item { 3506 font-family: Montserrat, sans-serif; 3507 font-weight: 700; 3508 font-size: var(--marquee-font-size-mobile); 3509 line-height: 1; 3510 letter-spacing: var(--marquee-letter-spacing); 3511 white-space: nowrap; 3512 color: var(--marquee-text); 3513 text-decoration: none; 3514 text-transform: uppercase; 3515 display: inline-flex; 3516 align-items: center; 3517 gap: 0.5rem; 3518 } 3519 3520 @media screen and (min-width: 720px) { 3521 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__item { 3522 font-size: var(--marquee-font-size-desktop); 3523 } 3524 } 3525 3526 #marquee-template--20396952092863__col_scrl_maq_xEQqMP a.marquee__item:hover { 3527 opacity: 0.75; 3528 } 3529 3530 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__separator { 3531 display: inline-flex;
3532 align-items: center; 3533 color: var(--marquee-text); 3534 opacity: 0.5; 3535 font-size: var(--marquee-font-size-mobile); 3536 } 3537 3538 @media screen and (min-width: 720px) { 3539 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__separator { 3540 font-size: var(--marquee-font-size-desktop); 3541 } 3542 } 3543 3544 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__icon { 3545 height: 1.2em; 3546 width: auto; 3547 display: block; 3548 } 3549 3550 @keyframes marquee-scroll-template--20396952092863__col_scrl_maq_xEQqMP { 3551 3552 from { transform: translateX(0); } 3553 to { transform: translateX(-50%); } 3554 3555 } 3556 3557 @media (prefers-reduced-motion: reduce) { 3558 #marquee-template--20396952092863__col_scrl_maq_xEQqMP .marquee__track { 3559 animation: none; 3560 transform: translateX(0); 3561 } 3562 } 3563</style> 3564 3565<section 3566 id="marquee-template--20396952092863__col_scrl_maq_xEQqMP" 3567 class="marquee-section" 3568 aria-label="Announcements" 3569> 3570 <div class="marquee"> 3571 <div class="marquee__track" aria-hidden="false"><div class="marquee__group" ><span class="marquee__item" >One Site. Best Brands. Better Prices. 3572 </span><span class="marquee__separator" aria-hidden="true">★</span><span class="marquee__item" >One Site. Best Brands. Better Prices. 3573 </span><span class="marquee__separator" aria-hidden="true">★</span><span class="marquee__item" >One Site. Best Brands. Better Prices. 3574 </span><span class="marquee__separator" aria-hidden="true">★</span><span class="marquee__item" >One Site. Best Brands. Better Prices. 3575 </span><span class="marquee__separator" aria-hidden="true">★</span></div><div class="marquee__group" aria-hidden="true"><span class="marquee__item" >One Site. Best Brands. Better Prices. 3576 </span><span class="marquee__separator" aria-hidden="true">★</span><span class="marquee__item" >One Site. Best Brands. Better Prices. 3577 </span><span class="marquee__separator" aria-hidden="true">★</span><span class="marquee__item" >One Site. Best Brands. Better Prices. 3578 </span><span class="marquee__separator" aria-hidden="true">★</span><span class="marquee__item" >One Site. Best Brands. Better Prices. 3579 </span><span class="marquee__separator" aria-hidden="true">★</span></div></div> 3580 </div> 3581</section> 3582 3583 3584</section><div id="shopify-section-template--20396952092863__ctm_collection_descrip_jKr9Bf" class="shopify-section"> 3585 3586 3587</div><section id="shopify-section-template--20396952092863__featured_collection_grid_HMEihA" class="shopify-section shopify-section--fcg">�<style> 3588 #fcg-template--20396952092863__featured_collection_grid_HMEihA { 3589 --fcg-bg: #ffffff; 3590 --fcg-text: #142858; 3591 --fcg-card-bg: #ffffff; 3592 --fcg-price: #142858; 3593 --fcg-sale: #f04f36; 3594 --fcg-accent: #be1e2d; 3595 --fcg-cols-desktop: 3; 3596 --fcg-cols-mobile: 2; 3597 --fcg-gap-desktop: 20px; 3598 --fcg-gap-mobile: 10px; 3599 --fcg-row-gap-desktop: 20px; 3600 --fcg-row-gap-mobile: 15px; 3601 --fcg-card-min-h: 0px; 3602 --fcg-card-pad: 0px; 3603 --fcg-card-pad-m: 0px; 3604 --fcg-card-radius: 0px; 3605 --fcg-top-padding: 40px; 3606 --fcg-bottom-padding: 40px; 3607 background-color: var(--fcg-bg); 3608 color: var(--fcg-text); 3609 padding-top: var(--fcg-top-padding); 3610 padding-bottom: var(--fcg-bottom-padding); 3611 } 3612 3613 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__container { max-width: 1820px; margin: 0 auto; padding: 0 20px; position: relative; } 3614 @media screen and (min-width: 1024px) { #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__container { padding: 0 25px; } } 3615 3616 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__header { text-align: left; margin-bottom: 1.5rem; } 3617 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__heading { 3618 font-family: Poppins, sans-serif; font-weight: 900; text-transform: uppercase; 3619 margin: 0; color: var(--fcg-text); font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.2; 3620 } 3621 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__subheading { font-family: Montserrat, sans-serif; margin: 0.5rem 0 0; color: var(--fcg-text); opacity: 0.8; } 3622 3623 /* Layout */ 3624 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__layout { display: flex; flex-direction: column; gap: 20px; } 3625 @media screen and (min-width: 1024px) { #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__layout { flex-direction: row; gap: 32px; } } 3626 3627 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__sidebar { display: none; } 3628 @media screen and (min-width: 1024px) { 3629 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__sidebar { 3630 display: block; flex: 0 0 240px; max-width: 240px; 3631 align-self: flex-start; position: sticky; top: 20px; 3632 max-height: calc(100vh - 40px); overflow-y: auto; padding-right: 8px; 3633 } 3634 } 3635 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__content { flex: 1; min-width: 0; } 3636 3637 /* Mobile bar */ 3638 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__mobile-bar { display: none; } 3639 @media screen and (min-width: 1024px) { #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__mobile-bar { display: none; } } 3640 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__mobile-btn { 3641 flex: 1; display: flex; align-items: center; justify-content: center; 3642 gap: 0.6rem; padding: 1rem; background: transparent; border: none; 3643 font-family: Montserrat, sans-serif; font-weight: 500; font-size: 0.95rem; 3644 color: var(--fcg-text); cursor: pointer; 3645 } 3646 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__mobile-btn svg { width: 20p
3646x; height: 20px; } 3647 3648 /* Desktop bar */ 3649 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__desktop-bar { display: none; } 3650 @media screen and (min-width: 1024px) { 3651 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__desktop-bar { 3652 display: flex; align-items: center; justify-content: space-between; 3653 margin-bottom: 1.25rem; padding-bottom: 0.75rem; 3654 } 3655 } 3656 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__count { font-family: Montserrat, sans-serif; font-size: 0.875rem; color: #4d4d4d; } 3657 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__sort-wrap { display: flex; align-items: center; gap: 0.5rem; } 3658 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__sort-label { font-family: Montserrat, sans-serif; font-size: 0.875rem; color: #4d4d4d; } 3659 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__sort-select { 3660 font-family: Montserrat, sans-serif; font-size: 0.875rem; 3661 padding: 0.5rem 2rem 0.5rem 0.75rem; border: 1px solid #e5e5e5; border-radius: 3px; 3662 background: #fff; color: var(--fcg-text); cursor: pointer; 3663 appearance: none; -webkit-appearance: none; 3664 background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23142858' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e"); 3665 background-repeat: no-repeat; background-position: right 0.5rem center; background-size: 14px; 3666 } 3667 3668 /* Filter styles */ 3669 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-group { border-bottom: 1px solid #e5e5e5; } 3670 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-summary { 3671 font-family: Montserrat, sans-serif; font-weight: 700; font-size: 0.875rem; 3672 text-transform: uppercase; letter-spacing: 0.05em; padding: 1rem 0; cursor: pointer; 3673 list-style: none; display: flex; justify-content: space-between; align-items: center; color: var(--fcg-text); 3674 } 3675 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-summary::-webkit-details-marker { display: none; } 3676 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-summary::after { content: '+'; font-size: 1.25rem; font-weight: 400; color: var(--fcg-accent); } 3677 #fcg-template--20396952092863__featured_collection_grid_HMEihA details[open] .fcg__filter-summary::after { content: '−'; } 3678 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-body { padding: 0 0 1rem; max-height: 280px; overflow-y: auto; } 3679 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-option { 3680 display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0; 3681 font-family: Montserrat, sans-serif; font-size: 0.875rem; color: var(--fcg-text); cursor: pointer; 3682 } 3683 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-option input[type="checkbox"], 3684 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-option input[type="radio"] { accent-color: var(--fcg-accent); width: 16px; height: 16px; cursor: pointer; flex-shrink: 0; } 3685 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-option-count { color: #949494; margin-left: auto; font-size: 0.8125rem; } 3686 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__filter-option--disabled { opacity: 0.5; cursor: not-allowed; } 3687 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__color-grid { display: flex; flex-wrap: wrap; gap: 8px; padding: 0.25rem 0; } 3688 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__color-label { position: relative; display: block; width: 30px; height: 30px; cursor: pointer; } 3689 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__color-label input[type="checkbox"] { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; } 3690 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__color-swatch { width: 100%; height: 100%; border-radius: 50%; border: 2px solid transparent; display: block; } 3691 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__color-swatch::before { content: ''; position: absolute; inset: 2px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); background-color: inherit; } 3692 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__color-label input:checked + .fcg__color-swatch { border-color: var(--fcg-accent); } 3693 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__price-inputs { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; } 3694 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__price-input { width: 100%; padding: 0.5rem; border: 1px solid #e5e5e5; border-radius: 3px; font-family: Montserrat, sans-serif; font-size: 0.875rem; } 3695 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__active-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; align-items: center; } 3696 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__chip { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.75rem; background: #f6f6f6; border-radius: 14px; font-family: Montserrat, sans-serif; font-size: 0.8125rem; color: var(--fcg-text); text-decoration: none; } 3697 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__chip:hover { background: #eaeaea; } 3698 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__chip-x { font-weight: 700; color: var(--fcg-accent); } 3699 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__clear-all { font-family: Montserrat, sans-serif; font-size: 0.8125rem; color: var(--fcg-accent); text-decoration: underline; margin-left: 0.5rem; } 3700 3701 /* ===== PRODUCT GRID ===== */ 3702 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__grid { 3703 display: grid; 3704 grid-template-columns: repeat(var(--fcg-cols-mobile), 1fr); 3705 column-gap: var(--fcg-gap-mobile); 3706 row-gap: var(--fcg-row-gap-mobile); 3707 scroll-margin-top: 80px; 3708 } 3709 @media screen and (min-width: 720px) { 3710 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__grid { 3711 grid-template-columns: repeat(var(--fcg-cols-desktop), 1fr); 3712 column-gap: var(--fcg-gap-desktop); 3713 row-gap: var(--fcg-row-gap-desktop); 3714 } 3715 } 3716 3717 /* ===== PRODUCT CARD ===== */ 3718 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card { 3719 position: relative; 3720 background: var(--fcg-card-bg); 3721 text-decoration: none; 3722 color: inherit; 3723 display: flex; 3724 flex-direction: column; 3725 border-radius: var(--fcg-card-radius); 3726 overflow: hidden; 3727 border: 1px solid rgba(0, 0, 0, 0.08); 3728 3729 } 3730 3731 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card-image-wrap { 3732 position: relative; width: 100%; overflow: hidden; background: #f6f6f6; 3733 aspect-ratio: 1 / 1; 3734 3735 } 3736 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card-image { width: 100%; height: 100%; object-fit: cover; display: block; } 3737 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card-image--secondary { position: absolute; inset: 0; opacity: 0; transition: opacity 300ms ease; } 3738 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card:hover .fcg__card-image--secondary { opacity: 1; } 3739 3740 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__badge { 3741 position: absolute; top: 8px; left: 8px; z-index: 2; 3742 background: #f04f36; color: #fff; 3743 font-family: Montserrat, sans-serif; font-weight: 700; 3744 font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; 3745 padding: 4px 8px; border-radius: 2px; 3746 } 3747 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__badge--soldout { background: #4d4d4d; } 3748 3749 /* ===== CARD INFO ===== */ 3750 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card-info { 3751 padding: var(--fcg-card-pad-m); 3752 flex: 1; 3753 display: flex; 3754 flex-direction: column; 3755 } 3756 3757 @media screen and (min-width: 720px) { 3758 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card-info { 3759 padding: var(--fcg-card-pad); 3760 } 3761 } 3762 3763 3764 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card-info { padding: 0.5rem 0 0; } 3765 3766 3767 @media screen and (min-width: 720px) { 3768 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__card-info { padding: 0.5rem 0 0; } 3769 } 3770 3771 3772 /* ===== TYPOGRAPHY ===== */ 3773 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__vendor { 3774 font-family: Montserrat, sans-serif; 3775 font-weight: 400; 3776 font-size: 11px; 3777 text-transform: uppercase; 3778 text-align: left; 3779 letter-spacing: 0em; 3780 line-height: 1.3; 3781 color: #949494; 3782 margin: 0 0 0.25rem; 3783 } 3784 @media screen and (min-width: 720px) { 3785 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__vendor { font-size: 12px; } 3786 } 3787 3788 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__title { 3789 font-family: Montserrat, sans-serif; 3790 font-weight: 400; 3791 font-size: 13px; 3792 text-transform: none; 3793 text-align: left; 3794 letter-spacing: 0em; 3795 line-height: 1.4; 3796 color: var(--fcg-text); 3797 margin: 0 0 0.4rem; 3798 word-break: break-word; 3799 } 3800 @media screen and (min-width: 720px) { 3801 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__title { font-size: 15px; } 3802 } 3803 3804 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__rating { 3805 display: flex; align-items: center; gap: 0.3rem; 3806 margin: 0.15rem 0 0.4rem; 3807 font-size: 12px; 3808 color: #949494; 3809 justify-content: flex-start; 3810 } 3811 @media screen and (min-width: 720px) { 3812 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__rating { font-size: 14px; } 3813 } 3814 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__rating-stars { color: #ffab41; letter-spacing: 0.05em; } 3815 3816 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__price { 3817 margin-top: auto; padding-top: 0.4rem; 3818 font-family: Montserrat, sans-serif; 3819 font-weight: 400; 3820 font-size: 13px; 3821 text-transform: none; 3822 text-align: left; 3823 letter-spacing: 0em; 3824 line-height: 1.3; 3825 } 3826 @media screen and (min-width: 720px) { 3827 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__price { font-size: 15px; } 3828 } 3829 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__price-current { color: var(--fcg-price); } 3830 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__price-current--on-sale { color: var(--fcg-sale); } 3831 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__price-compare { color: #949494; text-decoration: line-through; font-size: 0.85em; margin-right: 0.35rem; } 3832 3833 /* ===== PAGINATION ===== */ 3834 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__pagination { 3835 display: flex; justify-content: center; align-items: center; gap: 0.25rem; 3836 margin-top: 2.25rem; padding-top: 1.5rem; flex-wrap: wrap; 3837 } 3838 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__page-link { 3839 display: inline-flex; align-items: center; justify-content: center; 3840 min-width: 38px; height: 38px; padding: 0 0.5rem; 3841 border: 1px solid #e5e5e5; background: #fff; color: var(--fcg-text); 3842 text-decoration: none; font-family: Montserrat, sans-serif; font-size: 0.9375rem; 3843 border-radius: 3px; transition: all 150ms ease; 3844 } 3845 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__page-link:hover { border-color: var(--fcg-accent); color: var(--fcg-accent); } 3846 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__page-link--current { background: var(--fcg-accent); border-color: var(--fcg-accent); color: #fff; font-weight: 700; pointer-events: none; } 3847 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__page-link--disabled { opacity: 0.4; pointer-events: none; } 3848 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__page-dots { padding: 0 0.4rem; color: #949494; } 3849 3850 /* ===== DRAWER ===== */ 3851 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer { position: fixed; inset: 0; z-index: 9999; display: none; pointer-events: none; } 3852 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer[data-open="true"] { display: block; pointer-events: auto; } 3853 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer
3853-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 250ms ease; } 3854 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer[data-open="true"] .fcg__drawer-overlay { opacity: 1; } 3855 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-panel { 3856 position: absolute; top: 0; left: 0; bottom: 0; width: 88%; max-width: 380px; 3857 background: #fff; transform: translateX(-100%); 3858 transition: transform 300ms cubic-bezier(0.4,0,0.2,1); display: flex; flex-direction: column; 3859 } 3860 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer[data-open="true"] .fcg__drawer-panel { transform: translateX(0); } 3861 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #e5e5e5; } 3862 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-title { font-family: Poppins, sans-serif; font-weight: 900; text-transform: uppercase; font-size: 1.125rem; margin: 0; color: var(--fcg-text); } 3863 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-close { background: transparent; border: none; cursor: pointer; padding: 0.5rem; color: var(--fcg-text); display: flex; } 3864 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-close svg { width: 22px; height: 22px; } 3865 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-body { flex: 1; overflow-y: auto; padding: 0 1.25rem; } 3866 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-footer { padding: 1rem 1.25rem; border-top: 1px solid #e5e5e5; display: flex; gap: 0.6rem; } 3867 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__drawer-footer .fcg__btn { flex: 1; padding: 0.85rem; border-radius: 3px; font-family: Jost, sans-serif; font-weight: 500; font-size: 0.9375rem; text-align: center; border: 1px solid; cursor: pointer; text-decoration: none; display: flex; align-items: center; justify-content: center; } 3868 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__btn--clear { background: #fff; color: var(--fcg-text); border-color: #e5e5e5; } 3869 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__btn--apply { background: var(--fcg-accent); color: #fff; border-color: var(--fcg-accent); } 3870 3871 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__empty { text-align: center; padding: 3rem 1rem; color: #949494; font-family: Montserrat, sans-serif; } 3872 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__empty-title { font-family: Poppins, sans-serif; font-weight: 900; font-size: 1.25rem; color: var(--fcg-text); text-transform: uppercase; margin: 0 0 0.5rem; } 3873 body.fcg-drawer-open { overflow: hidden; } 3874 3875 /* ===== AJAX LOADING STATE ===== */ 3876 #fcg-template--20396952092863__featured_collection_grid_HMEihA.fcg--loading .fcg__content, 3877 #fcg-template--20396952092863__featured_collection_grid_HMEihA.fcg--loading .fcg__sidebar { 3878 opacity: 0.5; 3879 pointer-events: none; 3880 transition: opacity 150ms ease; 3881 } 3882 #fcg-template--20396952092863__featured_collection_grid_HMEihA .fcg__ajax-bar { 3883 position: absolute; top: 0; left: 0; height: 2px; width: 0; 3884 background: var(--fcg-accent); z-index: 100; 3885 transition: width 200ms ease, opacity 200ms ease; 3886 opacity: 0; pointer-events: none; 3887 } 3888 #fcg-template--20396952092863__featured_collection_grid_HMEihA.fcg--loading .fcg__ajax-bar { 3889 opacity: 1; 3890 animation: fcg-bar-progress 1.2s ease-out forwards; 3891 } 3892 @keyframes fcg-bar-progress { 3893 0% { width: 0; } 3894 50% { width: 70%; } 3895 100% { width: 90%; } 3896 } 3897</style> 3898 3899<section id="fcg-template--20396952092863__featured_collection_grid_HMEihA" class="featured-collection-grid-section" data-fcg-section-id="template--20396952092863__featured_collection_grid_HMEihA"> 3900 <div class="fcg__ajax-bar" aria-hidden="true"></div> 3901 <div class="fcg__container"><div class="fcg__layout"><aside class="fcg__sidebar" aria-label="Filters"> 3902 <form id="fcg-template--20396952092863__featured_collection_grid_HMEihA-filter-form" class="fcg__filter-form" data-fcg-filter-form>�<input type="hidden" name="sort_by" value="most-relevant"><details class="fcg__filter-group" open> 3903 <summary class="fcg__filter-summary">Sort by</summary> 3904 <div class="fcg__filter-body"><label class="fcg__filter-option"> 3905 <input 3906 type="radio" 3907 name="sort_by_sidebar" 3908 value="manual" 3909 3910 >
3911 <span>Featured</span> 3912 </label><label class="fcg__filter-option"> 3913 <input 3914 type="radio" 3915 name="sort_by_sidebar" 3916 value="most-relevant" 3917 checked 3918 > 3919 <span>Most relevant</span> 3920 </label><label class="fcg__filter-option"> 3921 <input 3922 type="radio" 3923 name="sort_by_sidebar" 3924 value="best-selling" 3925 3926 > 3927 <span>Best selling</span> 3928 </label><label class="fcg__filter-option"> 3929 <input 3930 type="radio" 3931 name="sort_by_sidebar" 3932 value="title-ascending" 3933 3934 > 3935 <span>Alphabetically, A-Z</span> 3936 </label><label class="fcg__filter-option"> 3937 <input 3938 type="radio" 3939 name="sort_by_sidebar" 3940 value="title-descending" 3941 3942 > 3943 <span>Alphabetically, Z-A</span> 3944 </label><label class="fcg__filter-option"> 3945 <input 3946 type="radio" 3947 name="sort_by_sidebar" 3948 value="price-ascending" 3949 3950 > 3951 <span>Price, low to high</span> 3952 </label><label class="fcg__filter-option"> 3953 <input 3954 type="radio" 3955 name="sort_by_sidebar" 3956 value="price-descending" 3957 3958 > 3959 <span>Price, high to low</span> 3960 </label><label class="fcg__filter-option"> 3961 <input 3962 type="radio" 3963 name="sort_by_sidebar" 3964 value="created-ascending" 3965 3966 > 3967 <span>Date, old to new</span> 3968 </label><label class="fcg__filter-option"> 3969 <input 3970 type="radio" 3971 name="sort_by_sidebar" 3972 value="created-descending" 3973 3974 > 3975 <span>Date, new to old</span> 3976 </label></div> 3977 </details><noscript> 3978 <button type="submit" class="fcg__filter-submit">Apply filters</button> 3979 </noscript></form> 3980 </aside><div class="fcg__content"><div class="fcg__mobile-bar"><button type="button" class="fcg__mobile-btn" data-fcg-open-drawer> 3981 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="14" y2="12"/><line x1="4" y1="18" x2="10" y2="18"/><circle cx="17" cy="6" r="2" fill="currentColor"/><circle cx="10" cy="12" r="2" fill="currentColor"/><circle cx="6" cy="18" r="2" fill="currentColor"/></svg> 3982 Filters 3983 </button><div class="fcg__mobile-btn" style="position:relative;padding:0;"> 3984 <label for="fcg-template--20396952092863__featured_collection_grid_HMEihA-mobile-sort" style="cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;gap:0.6rem;padding:1rem;"> 3985 Sort by 3986 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg> 3987 </label> 3988 <select id="fcg-template--20396952092863__featured_collection_grid_HMEihA-mobile-sort" data-fcg-sort-select aria-label="Sort by" style="position:absolute;inset:0;opacity:0;cursor:pointer;font-size:16px;"><option value="manual" >Featured</option><option value="most-relevant" selected>Most relevant</option><option value="best-selling" >Best selling</option><option value="title-ascending" >Alphabetically, A-Z</option><option value="title-descending" >Alphabetically, Z-A</option><option value="price-ascending" >Price, low to high</option><option value="price-descending" >Price, high to low</option><option value="created-ascending" >Date, old to new</option><option value="created-descending" >Date, new to old</option></select> 3989 </div></div><div class="fcg__desktop-bar"> 3990 <p class="fcg__count">0 products</p><div class="fcg__sort-wrap"> 3991 <label class="fcg__sort-label" for="fcg-template--20396952092863__featured_collection_grid_HMEihA-desktop-sort">Sort by:</label> 3992 <select id="fcg-template--20396952092863__featured_collection_grid_HMEihA-desktop-sort" class="fcg__sort-select" data-fcg-sort-select><option value="manual" >Featured</option><option value="most-relevant" selected>Most relevant</option><option value="best-selling" >Best selling</option><option value="title-ascending" >Alphabetically, A-Z</option><option value="title-descending" >Alphabetically, Z-A</option><option value="price-ascending" >Price, low to high</option><option value="price-descending" >Price, high to low</option><option value="created-ascending" >Date, old to new</option><option value="created-descending" >Date, new to old</option></select> 3993 </div></div><div class="fcg__empty"><p class="fcg__empty-title">No products found</p><p>Try removing some filters.</p></div></div> 3994 </div><div class="fcg__drawer" data-fcg-drawer aria-hidden="true">
3995 <div class="fcg__drawer-overlay" data-fcg-close-drawer></div> 3996 <div class="fcg__drawer-panel" role="dialog" aria-label="Filters"> 3997 <div class="fcg__drawer-header"> 3998 <h2 class="fcg__drawer-title">Filters</h2> 3999 <button type="button" class="fcg__drawer-close" data-fcg-close-drawer aria-label="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button> 4000 </div> 4001 <form id="fcg-template--20396952092863__featured_collection_grid_HMEihA-drawer-form" class="fcg__drawer-body" data-fcg-drawer-form>�<input type="hidden" name="sort_by" value="most-relevant"><details class="fcg__filter-group" open> 4002 <summary class="fcg__filter-summary">Sort by</summary> 4003 <div class="fcg__filter-body"><label class="fcg__filter-option"> 4004 <input 4005 type="radio" 4006 name="sort_by_sidebar" 4007 value="manual" 4008 4009 > 4010 <span>Featured</span> 4011 </label><label class="fcg__filter-option"> 4012 <input 4013 type="radio" 4014 name="sort_by_sidebar" 4015 value="most-relevant" 4016 checked 4017 > 4018 <span>Most relevant</span> 4019 </label><label class="fcg__filter-option"> 4020 <input 4021 type="radio" 4022 name="sort_by_sidebar" 4023 value="best-selling" 4024 4025 > 4026 <span>Best selling</span> 4027 </label><label class="fcg__filter-option"> 4028 <input 4029 type="radio" 4030 name="sort_by_sidebar" 4031 value="title-ascending" 4032 4033 > 4034 <span>Alphabetically, A-Z</span> 4035 </label><label class="fcg__filter-option"> 4036 <input 4037 type="radio" 4038 name="sort_by_sidebar" 4039 value="title-descending" 4040 4041 > 4042 <span>Alphabetically, Z-A</span> 4043 </label><label class="fcg__filter-option"> 4044 <input 4045 type="radio" 4046 name="sort_by_sidebar" 4047 value="price-ascending" 4048 4049 > 4050 <span>Price, low to high</span> 4051 </label><label class="fcg__filter-option"> 4052 <input 4053 type="radio" 4054 name="sort_by_sidebar" 4055 value="price-descending" 4056 4057 > 4058 <span>Price, high to low</span> 4059 </label><label class="fcg__filter-option"> 4060 <input 4061 type="radio" 4062 name="sort_by_sidebar" 4063 value="created-ascending" 4064 4065 > 4066 <span>Date, old to new</span> 4067 </label><label class="fcg__filter-option"> 4068 <input 4069 type="radio" 4070 name="sort_by_sidebar" 4071 value="created-descending" 4072 4073 > 4074 <span>Date, new to old</span> 4075 </label></div> 4076 </details></form> 4077 <div class="fcg__drawer-footer"> 4078 <a href="/collections/shop-by-speed" class="fcg__btn fcg__btn--clear" data-fcg-clear>Clear all</a> 4079 <button type="submit" form="fcg-template--20396952092863__featured_collection_grid_HMEihA-drawer-form" class="fcg__btn fcg__btn--apply">Apply</button> 4080 </div> 4081 </div> 4082 </div></div> 4083</section> 4084
4085<script> 4086(function(){ 4087 var sectionEl = document.getElementById('fcg-template--20396952092863__featured_collection_grid_HMEihA'); 4088 if(!sectionEl) return; 4089 if(sectionEl.dataset.fcgInit === '1') return; 4090 sectionEl.dataset.fcgInit = '1'; 4091 4092 var sectionIdRaw = sectionEl.dataset.fcgSectionId; 4093 var anchorId = 'fcg-template--20396952092863__featured_collection_grid_HMEihA-products'; 4094 var filterFormId = 'fcg-template--20396952092863__featured_collection_grid_HMEihA-filter-form'; 4095 var drawerFormId = 'fcg-template--20396952092863__featured_collection_grid_HMEihA-drawer-form'; 4096 var activeController = null; 4097 var observer = null; 4098 4099 function openDrawer(){ 4100 var d = sectionEl.querySelector('[data-fcg-drawer]'); 4101 if(!d) return; 4102 d.setAttribute('data-open','true'); 4103 d.setAttribute('aria-hidden','false'); 4104 document.body.classList.add('fcg-drawer-open'); 4105 } 4106 function closeDrawer(){ 4107 var d = sectionEl.querySelector('[data-fcg-drawer]'); 4108 if(!d) return; 4109 d.setAttribute('data-open','false'); 4110 d.setAttribute('aria-hidden','true'); 4111 document.body.classList.remove('fcg-drawer-open'); 4112 } 4113 4114 function setupStickySentinel(){ 4115 if(observer){ observer.disconnect(); observer = null; } 4116 var mbar = sectionEl.querySelector('.fcg__mobile-bar'); 4117 if(mbar && window.IntersectionObserver){ 4118 var existing = sectionEl.querySelector('[data-fcg-sentinel]'); 4119 if(existing) existing.remove(); 4120 var sentinel = document.createElement('div'); 4121 sentinel.setAttribute('data-fcg-sentinel', ''); 4122 sentinel.style.cssText = 'height:1px;margin-top:-1px;pointer-events:none;visibility:hidden;'; 4123 mbar.parentNode.insertBefore(sentinel, mbar); 4124 observer = new IntersectionObserver(function(entries){ 4125 mbar.classList.toggle('is-stuck', !entries[0].isIntersecting); 4126 }, { threshold: 0 }); 4127 observer.observe(sentinel); 4128 } 4129 } 4130 setupStickySentinel(); 4131 4132 function buildUrlFromForm(form){ 4133 var url = new URL(window.location.href); 4134 var toDelete = []; 4135 url.searchParams.forEach(function(val, key){ 4136 if(key.indexOf('filter.') === 0 || key === 'page') toDelete.push(key); 4137 }); 4138 toDelete.forEach(function(k){ url.searchParams.delete(k); }); 4139 4140 var fd = new FormData(form); 4141 fd.forEach(function(val, key){ 4142 if(val === '') return; 4143 if(key === 'sort_by_sidebar') return; 4144 if(key === 'sort_by'){ 4145 url.searchParams.set('sort_by', val); 4146 } else { 4147 url.searchParams.append(key, val); 4148 } 4149 }); 4150 return url; 4151 } 4152 4153 function fetchAndUpdate(targetUrl, options){ 4154 options = options || {}; 4155 var scrollToGrid = options.scrollToGrid === true; 4156 4157 if(activeController){ try{ activeController.abort(); } catch(e){} } 4158 activeController = new AbortController(); 4159 4160 sectionEl.classList.add('fcg--loading'); 4161 4162 var fetchUrl = new URL(targetUrl.toString()); 4163 fetchUrl.searchParams.set('section_id', sectionIdRaw); 4164 4165 fetch(fetchUrl.toString(), { 4166 signal: activeController.signal, 4167 headers: { 'X-Requested-With': 'XMLHttpRequest' } 4168 }) 4169 .then(function(r){ 4170 if(!r.ok) throw new Error('Request failed: ' + r.status); 4171 return r.text(); 4172 }) 4173 .then(function(html){ 4174 var parser = new DOMParser(); 4175 var doc = parser.parseFromString(html, 'text/html'); 4176 var newSection = doc.getElementById('fcg-template--20396952092863__featured_collection_grid_HMEihA'); 4177 if(!newSection){ 4178 window.location.href = targetUrl.toString(); 4179 return; 4180 } 4181 var newContainer = newSection.querySelector('.fcg__container'); 4182 var curContainer = sectionEl.querySelector('.fcg__container'); 4183 if(!newContainer || !curContainer){ 4184 window.location.href = targetUrl.toString(); 4185 return; 4186 } 4187 4188 var ajaxBar = curContainer.previousElementSibling; 4189 4190 var drawerOpen = false; 4191 var curDrawer = sectionEl.querySelector('[data-fcg-drawer]'); 4192 if(curDrawer && curDrawer.getAttribute('data-open') === 'true') drawerOpen = true; 4193 4194 curContainer.innerHTML = newContainer.innerHTML; 4195 4196 var cleanUrl = new URL(targetUrl.toString()); 4197 cleanUrl.searchParams.delete('section_id'); 4198 try { 4199 history.pushState({ fcg: true }, '', cleanUrl.pathname + cleanUrl.search + cleanUrl.hash); 4200 } catch(e){} 4201 4202 if(drawerOpen){ 4203 var newDrawer = sectionEl.querySelector('[data-fcg-drawer]'); 4204 if(newDrawer){ 4205 newDrawer.setAttribute('data-open', 'true'); 4206 newDrawer.setAttribute('aria-hidden', 'false'); 4207 } 4208 } 4209 4210 setupStickySentinel(); 4211 4212 if(scrollToGrid){ 4213 var grid = sectionEl.querySelector('#' + anchorId) || sectionEl.querySelector('.fcg__grid'); 4214 if(grid){ 4215 setTimeout(function(){ 4216 grid.scrollIntoView({ behavior: 'smooth', block: 'start' }); 4217 }, 50); 4218 } 4219 } 4220 4221 sectionEl.classList.remove('fcg--loading'); 4222 sectionEl.dispatchEvent(new CustomEvent('fcg:updated', { bubbles: true })); 4223 }) 4224 .catch(function(err){ 4225 if(err && err.name === 'AbortError') return; 4226 sectionEl.classList.remove('fcg--loading'); 4227 window.location.href = targetUrl.toString(); 4228 }); 4229 } 4230 4231 sectionEl.addEventListener('click', function(e){
4232 var openBtn = e.target.closest('[data-fcg-open-drawer]'); 4233 if(openBtn){ openDrawer(); return; } 4234 4235 var closeBtn = e.target.closest('[data-fcg-close-drawer]'); 4236 if(closeBtn){ closeDrawer(); return; } 4237 4238 var chip = e.target.closest('[data-fcg-chip], [data-fcg-clear]'); 4239 if(chip && chip.href){ 4240 e.preventDefault(); 4241 if(chip.closest('.fcg__drawer-footer')){ closeDrawer(); } 4242 fetchAndUpdate(new URL(chip.href)); 4243 return; 4244 } 4245 4246 var pageLink = e.target.closest('[data-fcg-page]'); 4247 if(pageLink && pageLink.href){ 4248 e.preventDefault(); 4249 fetchAndUpdate(new URL(pageLink.href), { scrollToGrid: true }); 4250 return; 4251 } 4252 }); 4253 4254 sectionEl.addEventListener('change', function(e){ 4255 var t = e.target; 4256 4257 if(t.matches('[data-fcg-sort-select]')){ 4258 var u = new URL(window.location.href); 4259 u.searchParams.set('sort_by', t.value); 4260 u.searchParams.delete('page'); 4261 fetchAndUpdate(u); 4262 return; 4263 } 4264 4265 if(t.matches('input[type="radio"]') && t.name === 'sort_by_sidebar'){ 4266 var u2 = new URL(window.location.href); 4267 u2.searchParams.set('sort_by', t.value); 4268 u2.searchParams.delete('page'); 4269 fetchAndUpdate(u2); 4270 return; 4271 } 4272 4273 if(t.matches('input[type="checkbox"]')){ 4274 var sidebarForm = document.getElementById(filterFormId); 4275 if(sidebarForm && sidebarForm.contains(t)){ 4276 var u3 = buildUrlFromForm(sidebarForm); 4277 fetchAndUpdate(u3); 4278 return; 4279 } 4280 } 4281 }); 4282 4283 sectionEl.addEventListener('submit', function(e){ 4284 if(e.target && e.target.id === drawerFormId){ 4285 e.preventDefault(); 4286 var u = buildUrlFromForm(e.target); 4287 closeDrawer(); 4288 fetchAndUpdate(u); 4289 } 4290 }); 4291 4292 sectionEl.addEventListener('blur', function(e){ 4293 if(e.target.matches('.fcg__price-input')){ 4294 var form = e.target.closest('form'); 4295 if(form && form.id === filterFormId){ 4296 var u = buildUrlFromForm(form); 4297 fetchAndUpdate(u); 4298 } 4299 } 4300 }, true); 4301 4302 sectionEl.addEventListener('keydown', function(e){ 4303 if(e.key === 'Escape'){ 4304 var d = sectionEl.querySelector('[data-fcg-drawer]'); 4305 if(d && d.getAttribute('data-open') === 'true') closeDrawer(); 4306 } 4307 if(e.key === 'Enter' && e.target.matches('.fcg__price-input')){ 4308 e.preventDefault(); 4309 var form = e.target.closest('form'); 4310 if(form && form.id === filterFormId){ 4311 var u = buildUrlFromForm(form); 4312 fetchAndUpdate(u); 4313 } 4314 } 4315 }); 4316 4317 window.addEventListener('popstate', function(){ 4318 fetchAndUpdate(new URL(window.location.href)); 4319 }); 4320})(); 4321</script>
4321 4322 4323</section> 4324 </main><div 4325 class="back-to-top" 4326 data-back-to-top 4327> 4328<button class="back-to-top__button"> 4329 <span class="back-to-top__desktop-label-wrapper"> 4330 <span 4331 class=" 4332 back-to-top__button-label 4333 back-to-top__button-label--desktop 4334 " 4335 >Top</span> 4336 </span> 4337 4338 <span 4339 class=" 4340 back-to-top__button-label 4341 back-to-top__button-label--mobile 4342 " 4343 >Back to top</span> 4344 <svg 4345 aria-hidden="true" 4346 focusable="false" 4347 role="presentation" 4348 width="8" 4349 height="6" 4350 viewBox="0 0 8 6" 4351 fill="none" 4352 xmlns="http://www.w3.org/2000/svg" 4353 class="icon-chevron-down" 4354> 4355<path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4356<path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> 4357</svg> 4358 4359 </button> 4360</div> 4361<!-- BEGIN sections: footer-group --> 4362<div id="shopify-section-sections--20396945735871__footer" class="shopify-section shopify-section-group-footer-group"><!-- sections/ctm-footer --><style data-shopify>.ctm-footer { 4363 font-family: 'Futura', 'Futura PT', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif; 4364 color: #c5cedb; 4365 background: #000000; 4366 margin: 0; 4367 } 4368 4369 .shopify-section:has(.ctm-footer) { 4370 margin-top: 0 !important; 4371 } 4372 4373 .ctm-footer a { 4374 color: inherit; 4375 text-decoration: none; 4376 transition: color 0.2s ease; 4377 } 4378 4379 .ctm-footer a:hover { 4380 color: #ffffff; 4381 } 4382 4383 /* ===== TOP NEWSLETTER BANNER ===== *//* ===== MAIN ===== */ 4384 .ctm-footer__main { 4385 padding: 40px 20px; 4386 } 4387 4388 @media screen and (min-width: 750px) { 4389 .ctm-footer__main { 4390 padding: 85px 40px; 4391 } 4392 } 4393 4394 .ctm-footer__main-inner { 4395 max-width: 1400px; 4396 margin: 0 auto; 4397 } 4398 4399 /* ===== ROWS ===== */ 4400 .ctm-footer__row { 4401 display: grid; 4402 grid-template-columns: 1fr; 4403 gap: 32px; 4404 margin-bottom: 48px; 4405 } 4406 4407 .ctm-footer__row:last-child { 4408 margin-bottom: 0; 4409 } 4410 4411 @media screen and (min-width: 750px) { 4412 .ctm-footer__row--1 { 4413 grid-template-columns: 2fr 2fr 1fr 1fr; 4414 } 4415 .ctm-footer__row--2 { 4416 grid-template-columns: 1fr 2fr 1fr 1fr; 4417 } 4418 } 4419 4420 /* ===== CELL ===== */ 4421 .ctm-footer__cell { 4422 min-width: 0; 4423 text-align: left; 4424 display: flex; 4425 flex-direction: column; 4426 align-items: flex-start; 4427 gap: 14px; 4428 } 4429 4430 /* ===== HEADING ===== */ 4431 .ctm-footer__heading { 4432 color: #ffffff; 4433 font-size: 18px; 4434 font-weight: 800; 4435 letter-spacing: 0.02em; 4436 line-height: 1.2; 4437 margin: 0; 4438 padding-bottom: 8px; 4439 position: relative; 4440 } 4441 4442 .ctm-footer__heading--underlined::after { 4443 content: ''; 4444 position: absolute; 4445 bottom: 0; 4446 left: 0; 4447 width: 40px; 4448 height: 2px; 4449 background: #d63027; 4450 } 4451 4452 /* ===== MENU LIST ===== */ 4453 .ctm-footer__menu { 4454 list-style: none; 4455 padding: 0; 4456 margin: 0; 4457 display: grid; 4458 grid-template-columns: 1fr; 4459 gap: 12px; 4460 width: 100%; 4461 } 4462 4463 .ctm-footer__menu a { 4464 font-size: 14px; 4465 font-weight: 400; 4466 line-height: 1.4; 4467 } 4468 4469 /* ===== TEXT ===== */ 4470 .ctm-footer__text { 4471 font-size: 14px; 4472 line-height: 1.6; 4473 margin: 0; 4474 } 4475 4476 .ctm-footer__text p { 4477 margin: 0 0 8px; 4478 } 4479 4480 .ctm-footer__text p:last-child { 4481 margin-bottom: 0; 4482 } 4483 4484 .ctm-footer__text a { 4485 text-decoration: underline; 4486 text-underline-offset: 2px; 4487 } 4488 4489 /* ===== LOGO ===== */ 4490 .ctm-footer__logo img { 4491 max-width: 100%; 4492 height: auto; 4493 display: block; 4494 } 4495 4496 .ctm-footer__logo-payments { 4497 display: flex; 4498 flex-wrap: wrap; 4499 gap: 8px; 4500 justify-content: center; 4501 padding-top: 20px; 4502 margin-top: 20px; 4503 border-top: 1px solid rgba(255, 255, 255, 0.1); 4504 width: 100%; 4505 max-width: 280px; 4506 } 4507 4508 /* ===== IMAGE ===== */ 4509 .ctm-footer__image img { 4510 max-width: 100%; 4511 height: auto; 4512 display: block; 4513 border-radius: 4px; 4514 } 4515 4516 /* ===== PAYMENT ICONS ===== */ 4517 .ctm-footer__payments { 4518 display: flex; 4519 flex-wrap: wrap; 4520 gap: 8px; 4521 } 4522 4523 .ctm-footer__payment-icon { 4524 width: 38px; 4525 height: 24px; 4526 background: #FFFFFF; 4527 border-radius: 4px; 4528 display: flex;
4529 align-items: center; 4530 justify-content: center; 4531 padding: 0 2px; 4532 } 4533 4534 .ctm-footer__payment-icon svg, 4535 .ctm-footer__payment-icon img { 4536 max-width: 100%; 4537 max-height: 100%; 4538 } 4539 4540 /* ===== SOCIAL ICONS ===== */ 4541 .ctm-footer__socials { 4542 display: flex; 4543 gap: 12px; 4544 } 4545 4546 .ctm-footer__social { 4547 width: 36px; 4548 height: 36px; 4549 border-radius: 50%; 4550 background: rgba(255, 255, 255, 0.1); 4551 display: flex; 4552 align-items: center; 4553 justify-content: center; 4554 transition: background 0.2s ease, transform 0.2s ease; 4555 } 4556 4557 .ctm-footer__social:hover { 4558 background: #d63027; 4559 transform: scale(1.1); 4560 } 4561 4562 .ctm-footer__social svg { 4563 width: 16px; 4564 height: 16px; 4565 fill: #FFFFFF; 4566 } 4567 4568 /* ===== NEWSLETTER FORM ===== */ 4569 .ctm-footer__newsletter-block { 4570 width: 100%; 4571 max-width: 480px; 4572 } 4573 4574 .ctm-footer__form { 4575 display: flex; 4576 align-items: stretch; 4577 background: #FFFFFF; 4578 border-radius: 50px; 4579 padding: 4px; 4580 } 4581 4582 .ctm-footer__form-input { 4583 flex: 1; 4584 border: none; 4585 background: transparent; 4586 padding: 12px 20px; 4587 font-family: inherit; 4588 font-size: 14px; 4589 color: #0F2A47; 4590 outline: none; 4591 min-width: 0; 4592 } 4593 4594 .ctm-footer__form-input::placeholder { 4595 color: #8A93A0; 4596 } 4597 4598 .ctm-footer__form-btn { 4599 background: #d63027; 4600 color: #ffffff; 4601 border: none; 4602 border-radius: 50px; 4603 padding: 12px 28px; 4604 font-family: inherit; 4605 font-size: 13px; 4606 font-weight: 700; 4607 letter-spacing: 0.08em; 4608 text-transform: uppercase; 4609 cursor: pointer; 4610 transition: background 0.25s ease; 4611 white-space: nowrap; 4612 } 4613 4614 .ctm-footer__form-btn:hover { 4615 background: #b02520; 4616 } 4617 4618 /* ===== HTML ===== */ 4619 .ctm-footer__html { 4620 width: 100%; 4621 font-size: 14px; 4622 line-height: 1.5; 4623 } 4624 4625 /* ===== COPYRIGHT BAR ===== */ 4626 .ctm-footer__copyright { 4627 border-top: 1px solid rgba(255, 255, 255, 0.15); 4628 padding: 26px 20px; 4629 margin-top: 0px; 4630 } 4631 4632 @media screen and (min-width: 750px) { 4633 .ctm-footer__copyright { 4634 padding: 26px 40px; 4635 } 4636 } 4637 4638 .ctm-footer__copyright-inner { 4639 max-width: 1400px; 4640 margin: 0 auto; 4641 display: flex; 4642 flex-direction: column; 4643 align-items: center; 4644 gap: 12px; 4645 font-size: 14px; 4646 color: #8a93a0; 4647 font-family: 'Futura', 'Futura PT', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif; 4648 } 4649 4650 @media screen and (min-width: 750px) { 4651 .ctm-footer__copyright-inner { 4652 flex-direction: row; 4653 justify-content: space-between; 4654 align-items: center; 4655 } 4656 } 4657 4658 .ctm-footer__copyright p { 4659 margin: 0; 4660 } 4661 4662 .ctm-footer__copyright a { 4663 color: #8a93a0; 4664 text-decoration: none; 4665 transition: color 0.2s ease; 4666 } 4667 4668 .ctm-footer__copyright a:hover { 4669 color: #ffffff; 4670 } 4671 4672 .ctm-footer__copyright-links { 4673 display: flex; 4674 gap: 24px; 4675 flex-wrap: wrap; 4676 justify-content: center; 4677 } 4678 4679 @media screen and (min-width: 750px) { 4680 .ctm-footer__copyright-links { 4681 justify-content: flex-end; 4682 } 4683 } 4684 4685 /* ===== POSITIONING (uses CSS grid placement) ===== */ 4686 @media screen and (min-width: 750px) {.ctm-footer__cell--menu_bhAXAi { 4687 grid-column: 1; 4688 }.ctm-footer__cell--logo_YDC8nA { 4689 grid-column: 2; 4690 }.ctm-footer__cell--menu_cUQrLh { 4691 grid-column: 3; 4692 }.ctm-footer__cell--text_qQRFd4 { 4693 grid-column: 4; 4694 }} 4695 4696 /* ===== PER-BLOCK STYLE OVERRIDES ===== */.ctm-footer__cell--menu_bhAXAi .ctm-footer__menu { 4697 grid-template-columns: 1fr 1fr; 4698 column-gap: 12px; 4699 }.ctm-footer__cell--menu_bhAXAi {gap: 24px;} 4700 4701 .ctm-footer__cell--menu_bhAXAi .ctm-footer__heading {color: #ffffff;font-size: 24px;letter-spacing: 0em;}.ctm-footer__cell--menu_bhAXAi .ctm-footer__heading--underlined::after { 4702 background: #eb0d0d; 4703 }.ctm-footer__cell--menu_bhAXAi .ctm-footer__menu a, 4704 .ctm-footer__cell--menu_bhAXAi .ctm-footer__text {color: #ffffff;font-size: 15px;}.ctm-footer__cell--menu_bhAXAi .ctm-footer__menu { 4705 gap: 16px; 4706 }.ctm-footer__cell--logo_YDC8nA {text-align: center; 4707 align-items: center;} 4708 4709 .ctm-footer__cell--logo_YDC8nA .ctm-footer__heading {}.ctm-footer__cell--logo_YDC8nA .ctm-footer__menu a, 4710 .ctm-footer__cell--logo_YDC8nA .ctm-footer__text {}.ctm-footer__cell--menu_cUQrLh {gap: 24px;} 4711 4712 .ctm-footer__cell--menu_cUQrLh .ctm-footer__heading {color: #ffffff;font-size: 24px;letter-spacing: 0em;}.ctm-footer__cell--menu_cUQrLh .ctm-footer__heading--underlined::after { 4713 background: #eb0d0d; 4714 }.ctm-footer__cell--menu_cUQrLh .ctm-footer__menu a, 4715 .ctm-footer__cell--menu_cUQrLh .ctm-footer__text {color: #ffffff;font-size: 15px;}.ctm-footer__cell--menu_cUQrLh .ctm-footer__menu { 4716 gap: 16px; 4717 }.ctm-footer__cell--text_qQRFd4 {gap: 24px;} 4718 4719 .ctm-footer__cell--text_qQRFd4 .ctm-footer__heading {color: #ffffff;font-size: 24px;letter-spacing: 0em;}.ctm-footer__cell--text_qQRFd4 .ctm-footer__heading--underlined::after { 4720 background: #eb0d0d; 4721 }.ctm-footer__cell--text_qQRFd4 .ctm-footer__menu a, 4722 .ctm-footer__cell--text_qQRFd4 .ctm-footer__text {color: #ffffff;font-size: 15px;}</style><footer class="ctm-footer"><div class="ctm-footer__main"> 4723 <div class="ctm-footer__main-inner"><div class="ctm-footer__row ctm-footer__row--1"><div class="ctm-footer__cell ctm-footer__cell--menu_bhAXAi" ><h3 class="ctm-footer__heading ctm-footer__heading--underlined">HELPFUL INFO</h3><ul class="ctm-footer__menu"><li><a href="https://www.cornholebags.com/pages/contact-us">Contact Us</a></li><li><a href="/pages/about-us">About Us</a></li><li><a href="/pages/shipping-policy">Shipping Policy</a></li><li><a href="/pages/privacy-policy">Privacy Policy</a></li><li><a href="/policies/terms-of-service">Terms of Service</a></li><li><a href="/policies/refund-policy">Refund policy</a></li><li><a href="/pages/html-sitemap">HTML Sitemap</a></li></ul></div><div class="ctm-footer__cell ctm-footer__cell--logo_YDC8nA" ><a href="/" class="ctm-footer__logo" aria-label="Cornhole Bags"><img src="//www.cornholebags.com/cdn/shop/files/large_logo.png?v=1790035713" alt="Cornhole Bags" loading="lazy" style="max-width: 320px;"></a><div class="ctm-footer__logo-payments"><div class="ctm-footer__payment-icon"><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/>
4723<path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 4724</div><div class="ctm-footer__payment-icon"><svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" />
4724<path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> 4725</div><div class="ctm-footer__payment-icon"><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg></div><div class="ctm-footer__payment-icon"><svg class="payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg></div><div class="ctm-footer__payment-icon"><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
472506zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> 4726</div><div class="ctm-footer__payment-icon"><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 4727</div><div class="ctm-footer__payment-icon"><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2
47270-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></div><div class="ctm-footer__payment-icon"><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> 4728</div><div class="ctm-footer__payment-icon"><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
472816.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 4729</div></div></div><div class="ctm-footer__cell ctm-footer__cell--menu_cUQrLh" ><h3 class="ctm-footer__heading ctm-footer__heading--underlined">SHOP</h3><ul class="ctm-footer__menu"><li><a href="/collections/all-cornhole-boards">All Cornhole Boards</a></li><li><a href="/collections">Sale</a></li><li><a href="/collections/lawn-backyard-games">Lawn & Backyard Games</a></li></ul></div><div class="ctm-footer__cell ctm-footer__cell--text_qQRFd4" ><h3 class="ctm-footer__heading ctm-footer__heading--underlined">GET IN TOUCH</h3><div class="ctm-footer__text"><p><strong>Hours</strong>: 7:00 AM - 7:00 PM PST Monday to Friday<br/><br/><strong>Email Us:</strong> [email protected]</p></div></div></div><div class="ctm-footer__row ctm-footer__row--2"></div> 4730 4731 </div> 4732 </div><div class="ctm-footer__copyright"> 4733 <div class="ctm-footer__copyright-inner"> 4734 <p>Copyright © 2026 CornholeBags.com.</p><div class="ctm-footer__copyright-links"><a href="/policies/privacy-policy">Privacy Policy</a><a href="/policies/terms-of-service">Terms of Service</a></div></div> 4735 </div></footer> 4736 4737 4738</div> 4739<!-- END sections: footer-group --> 4740 4741 4742 <div style="display: none;" aria-hidden="true" data-templates> 4743 4744 <div 4745 class="message-banner--container" 4746 role="alert" 4747 data-message-banner 4748 > 4749 <div class="message-banner--outer"> 4750 <div class="message-banner--inner" data-message-banner-content></div> 4751 4752 <button 4753 class="message-banner--close" 4754 type="button" 4755 aria-label="Close" 4756 data-message-banner-close 4757 ><svg 4758 aria-hidden="true" 4759 focusable="false" 4760 role="presentation" 4761 xmlns="http://www.w3.org/2000/svg" 4762 width="13" 4763 height="13" 4764 viewBox="0 0 13 13" 4765> 4766 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 4767</svg></button> 4768 </div> 4769 </div> 4770 4771 4772 4773 <section class="atc-banner--container" role="log" data-atc-banner> 4774 <div class="atc-banner--outer"> 4775 <div class="atc-banner--inner"> 4776 <div class="atc-banner--product"> 4777 <h2 class="atc-banner--product-title"> 4778 <span class="atc-banner--product-title--icon"> 4779 4780 4781 4782 <svg class="icon-checkmark " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="evenodd" d="M6.23 9.1L2.078 5.2 0 7.15 6.23 13 18 1.95 15.923 0z" /> </svg> 4783 4784 </span> 4785 Added to your cart: 4786 </h2> 4787 4788 <div class="atc--product"> 4789 <div class="atc--product-image" data-atc-banner-product-image> 4790 <svg class="placeholder--image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 4791 </div> 4792 <div class="atc--product-details"> 4793 <h2 class="atc--product-details--title" data-atc-banner-product-title></h2>
4794 <span class="atc--product-details--options" data-atc-banner-product-options></span> 4795 <span class="atc--product-details--price"> 4796 <span class="atc--product-details--price-quantity" data-atc-banner-product-price-quantity></span> 4797 <span class="atc--product-details--price-value money" data-atc-banner-product-price-value></span> 4798 <span class="atc--product-details--price-discounted money" data-atc-banner-product-price-discounted></span> 4799 <span class="atc--product-details--unit-price hidden" data-atc-banner-unit-price> 4800 ** total_quantity ** | ** unit_price ** / ** unit_measure ** 4801 </span> 4802 </span> 4803 <ul class="discount-list" data-atc-banner-product-discounts> 4804 <li class="discount-list-item"> 4805 4806 4807 4808 <svg class="icon-sale-tag " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="350" height="350" viewBox="0 0 350 350" fill="none"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 197.826C0 192.95 1.93821 188.275 5.38762 184.83L179.459 10.7587C186.348 3.86966 195.692 -0.000356971 205.435 2.46966e-08H334.782C343.187 2.46966e-08 350 6.81304 350 15.2173V144.565C350 154.308 346.13 163.651 339.241 170.541L165.17 344.612C161.725 348.061 157.049 350 152.174 350C147.299 350 142.624 348.061 139.179 344.612L5.38762 210.821C1.93821 207.376 0 202.701 0 197.826ZM304.348 68.4786C304.348 81.085 294.128 91.3046 281.521 91.3046C268.915 91.3046 258.695 81.085 258.695 68.4786C258.695 55.8721 268.915 45.6525 281.521 45.6525C294.128 45.6525 304.348 55.8721 304.348 68.4786Z" fill="currentColor"/> </svg> 4809 4810 <span class="discount-title"></span> 4811 (-<span class="money discount-amount"></span>) 4812 </li> 4813 </ul> 4814 <span class="atc--line-item-subscriptions" data-atc-banner-product-subscription-title></span> 4815 </div> 4816 </div> 4817 </div> 4818 4819 <div class="atc-banner--cart"> 4820 <div class="atc-banner--cart-subtotal"> 4821 <span class="atc-subtotal--label"> 4822 Cart subtotal 4823 </span> 4824 <span class="atc-subtotal--price money" data-atc-banner-cart-subtotal></span> 4825 </div> 4826<footer class="atc-banner--cart-footer"> 4827 <a class="button-secondary atc-button--viewcart" href="/cart" data-atc-banner-cart-button> 4828 View cart (<span></span>) 4829 </a> 4830 <form 4831 class="atc-banner__form" 4832 action="/cart" 4833 method="post" 4834 aria-label="cart checkout" 4835 > 4836 <button class="button-primary atc-button--checkout" type="submit" name="checkout"> 4837 4838 <span>Checkout</span> 4839 </button> 4840 </form> 4841 </footer> 4842 </div> 4843 </div> 4844 4845 <button 4846 class="atc-banner--close" 4847 type="button" 4848 aria-label="Close" 4849 data-atc-banner-close 4850 ><svg 4851 aria-hidden="true" 4852 focusable="false" 4853 role="presentation" 4854 xmlns="http://www.w3.org/2000/svg" 4855 width="13" 4856 height="13" 4857 viewBox="0 0 13 13" 4858> 4859 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 4860</svg></button> 4861 </div> 4862 </section> 4863 4864 4865 </div> 4866 4867 4868 4869 <div class="modal" data-modal-container aria-label="modal window" data-trap-focus> 4870 <div class="modal-inner" data-modal-inner> 4871 <button 4872 class="modal-close" 4873 type="button" 4874 aria-label="Close" 4875 data-modal-close 4876 > 4877 <svg 4878 aria-hidden="true" 4879 focusable="false" 4880 role="presentation" 4881 xmlns="http://www.w3.org/2000/svg" 4882 width="13" 4883 height="13" 4884 viewBox="0 0 13 13" 4885>
4886 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 4887</svg> 4888 </button> 4889 <div class="modal-content" data-modal-content></div> 4890 </div> 4891 </div> 4892 4893 <div class="modal-1" data-modal-container-1 aria-label="modal window"> 4894 <div class="modal-inner" data-modal-inner> 4895 <button 4896 class="modal-close" 4897 type="button" 4898 aria-label="Close" 4899 data-modal-1-close 4900 > 4901 <svg 4902 aria-hidden="true" 4903 focusable="false" 4904 role="presentation" 4905 xmlns="http://www.w3.org/2000/svg" 4906 width="13" 4907 height="13" 4908 viewBox="0 0 13 13" 4909> 4910 <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> 4911</svg> 4912 </button> 4913 <div class="modal-content" data-modal-content></div> 4914 </div> 4915 </div> 4916 4917 4918 4919 4920 4921 4922 <div 4923 class="pswp" 4924 tabindex="-1" 4925 role="dialog" 4926 aria-hidden="true" 4927 aria-label="Product zoom dialog" 4928 data-photoswipe 4929 > 4930 4931 4932 <div class="pswp__bg"></div> 4933 4934 4935 <div class="pswp__scroll-wrap"> 4936 4937 <div class="pswp__container" aria-hidden="true"> 4938 <div class="pswp__item"></div> 4939 <div class="pswp__item"></div> 4940 <div class="pswp__item"></div> 4941 </div> 4942 4943 4944 <div class="pswp__ui pswp__ui--hidden"> 4945 <div class="pswp__top-bar"> 4946 4947 <div class="pswp__counter"></div> 4948 <button class="pswp__button pswp__button--close" title="Close"> 4949 <span tabindex="-1"> 4950 4951 4952 4953 <svg class="icon-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> 4954 4955 </span> 4956 </button> 4957 <button class="pswp__button pswp__button--share" title="Share"></button> 4958 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 4959 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 4960 4961 4962 4963 <div class="pswp__preloader"> 4964 <div class="pswp__preloader__icn"> 4965 <div class="pswp__preloader__cut"> 4966 <div class="pswp__preloader__donut"></div> 4967 </div> 4968 </div> 4969 </div> 4970 </div> 4971 4972 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 4973 <div class="pswp__share-tooltip"></div> 4974 </div> 4975 4976 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> 4977 </button> 4978 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> 4979 </button> 4980 4981 <div class="pswp__caption"> 4982 <div class="pswp__caption__center"></div> 4983 </div> 4984 </div> 4985 </div> 4986 <div class="product-zoom--thumbnails" data-photoswipe-thumbs> 4987 <button 4988 class="gallery-navigation--scroll-button scroll-left" 4989 aria-label="Scroll thumbnails left" 4990 data-gallery-scroll-button 4991 > 4992 <svg 4993 aria-hidden="true" 4994 focusable="false" 4995 role="presentation" 4996 width="14" 4997 height="8" 4998 viewBox="0 0 14 8" 4999 fill="none" 5000 xmlns="http://www.w3.org/2000/svg" 5001> 5002 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 5003 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 5004</svg> 5005 5006 </button> 5007 <button 5008 class="gallery-navigation--scroll-button scroll-right" 5009 aria-label="Scroll thumbnails right" 5010 data-gallery-scroll-button 5011 > 5012 <svg 5013 aria-hidden="true" 5014 focusable="false" 5015 role="presentation" 5016 width="14" 5017 height="8" 5018 viewBox="0 0 14 8" 5019 fill="none" 5020 xmlns="http://www.w3.org/2000/svg" 5021> 5022 <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 5023 <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> 5024</svg> 5025 5026 </button> 5027 <div class="product-zoom--thumb-scroller" data-photoswipe-thumb-scroller></div> 5028 </div> 5029 </div> 5030 5031 5032 5033 5034 5035 5036 5037 5038 5039 5040 5041 5042 5043
5043<script> 5044 ( 5045 function () { 5046 var classes = { 5047 block: 'pxu-lia-block', 5048 element: 'pxu-lia-element', 5049 }; 5050 5051 document 5052 .querySelectorAll('[type="application/pxs-animation-mapping+json"]') 5053 .forEach(function (mappingEl) { 5054 const section = mappingEl.parentNode; 5055 try { 5056 const mapping = JSON.parse(mappingEl.innerHTML); 5057 mapping.elements.forEach(function (elementSelector) { 5058 section 5059 .querySelectorAll(elementSelector) 5060 .forEach(function (element) { element.classList.add(classes.element); }); 5061 }); 5062 5063 mapping.blocks.forEach(function (blockSelector) { 5064 section 5065 .querySelectorAll(blockSelector) 5066 .forEach(function (block) { block.classList.add(classes.block); }); 5067 }); 5068 } catch (error) { 5069 console.warn('Unable to parse animation mapping', mappingEl, error); 5070 } 5071 }); 5072 } 5073 )() 5074 </script>
5074 5075
5076<script 5077 src="//www.cornholebags.com/cdn/shop/t/44/assets/empire.js?v=86223914703286183641776694889" 5078 data-scripts 5079 data-shopify-api-url="//www.cornholebags.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" 5080 data-shopify-countries="/services/javascripts/countries.js" 5081 data-shopify-common="//www.cornholebags.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" 5082 data-shopify-cart="//www.cornholebags.com/cdn/shop/t/44/assets/jquery.cart.js?v=94406" 5083 data-pxu-polyfills="//www.cornholebags.com/cdn/shop/t/44/assets/polyfills.min.js?v=52656273479642985171776694889" 5084 async 5085 ></script>
5085 5086 5087 5088 5089 5090 5091 5092 5093 5094
5094<script type="application/ld+json"> 5095 { 5096 "@context": "http://schema.org", 5097 "@type": "BreadcrumbList", 5098 "itemListElement": [ 5099 5100 { 5101 "@type": "ListItem", 5102 "position": 1, 5103 "item": { 5104 "@id": "https://www.cornholebags.com/collections", 5105 "name": "Collections" 5106 } 5107 }, 5108 { 5109 "@type": "ListItem", 5110 "position": 2, 5111 "item": { 5112 "@id": "https://www.cornholebags.com/collections/shop-by-speed", 5113 "name": "Shop by Speed" 5114 } 5115 } 5116 5117 5118 5119 ] 5120 } 5121 </script>
5121 5122 5123 5124 5125 5126 5127 5128 5129
5130<script type="application/ld+json"> 5131 { 5132 "@context": "http://schema.org", 5133 "@type": "WebSite", 5134 "name": "Cornhole Bags", 5135 "url": "https://www.cornholebags.com" 5136 } 5137</script>
5137 5138 5139 5140
5140<script> 5141 (function () { 5142 function handleFirstTab(e) { 5143 if (e.keyCode === 9) { // the "I am a keyboard user" key 5144 document.body.classList.add('user-is-tabbing'); 5145 window.removeEventListener('keydown', handleFirstTab); 5146 } 5147 } 5148 window.addEventListener('keydown', handleFirstTab); 5149 })(); 5150 </script>
5150 5151 5152
5152<script> 5153 document.addEventListener("DOMContentLoaded", function() { 5154 document.querySelectorAll(".navmenu a").forEach(function(link) { 5155 if (link.hostname && link.hostname !== location.hostname) { 5156 link.setAttribute("target", "_blank"); 5157 link.setAttribute("rel", "noopener noreferrer"); 5158 } 5159 }); 5160}); 5161 </script>
5161 5162 5163
5163<script 5164 src="//www.cornholebags.com/cdn/shop/t/44/assets/instantPage.min.js?v=69349586249780280781776694889" 5165 type="module" 5166 defer 5167 > 5168 </script>
5168 5169 5170 5171
5171<script>(function(n, v) {/* eslint-disable-next-line max-len */if (window.Shopify && window.Shopify.theme && navigator && navigator.sendBeacon && window.Shopify.designMode) {if (sessionStorage.getItem('oots_beacon')) return;navigator.sendBeacon('https://app.outofthesandbox.com/beacon', new URLSearchParams({shop_domain: window.Shopify.shop.toLowerCase(),shop_id: window.BOOMR.shopId,shop_email: '[email protected]',theme_name: n.toLowerCase(),theme_version: v.toLowerCase(),theme_store_id: window.Shopify.theme.theme_store_id,theme_id: window.Shopify.theme.id,theme_role: window.Shopify.theme.role,}));sessionStorage.setItem('oots_beacon', '');}}('empire','11.1.3'))</script>
5171 5172 5173 <!-- yotpo --> 5174
5174<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/YqgUDi4ic0Of2OiWNnArGoO3uvld28cDXMBfIshq" async></script>
5174<script id="gspfProduct" type="template/html"> 5175 {%- assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%} 5176 {%- assign image_options = '' | downcase | split: "~~" | uniq -%} 5177 {%- assign text_options = 'Size' | downcase | split: "~~" | uniq -%} 5178 5179 {%- assign image_size = '360x504' -%} 5180 {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} 5181 5182 {%- assign featured_image = product.featured_image -%} 5183 {%- assign product_price = product.price -%} 5184 {%- assign product_compare_at_price = product.compare_at_price -%} 5185 {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} 5186 {%- assign variant_url = '' -%} 5187 {%- if product.selected_or_first_available_variant -%} 5188 {%- assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id -%} 5189 {%- endif -%} 5190 {% if product.selected_variant %} 5191 {% assign selected_or_first_available_variant = product.selected_variant %} 5192 {% assign product_price = selected_or_first_available_variant.price %} 5193 {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} 5194 {% if selected_or_first_available_variant.image %} 5195 {% assign featured_image = selected_or_first_available_variant.image %} 5196 {% endif %} 5197 {% endif %} 5198 {%- assign images_count = product.images | size -%} 5199{%- assign variants_count = product.variants | size -%} 5200 {%- assign product_grid_show_second_image = settings.product_grid_show_second_image %} 5201 {%- assign emphasize_price = settings.product_grid_emphasize_price %} 5202 {%- assign quick_shop_display = settings.product_grid_quick_shop_display %} 5203 {%- assign enable_quickshop = settings.product_grid_enable_quickshop %} 5204 {%- assign atc_display = settings.product_grid_show_atc %} 5205 {%- assign atc_button = settings.product_grid_show_atc_button %} 5206 5207 {% if product %} 5208 {%- assign compare_at_price = product.compare_at_price %} 5209 {%- assign compare_at_price_varies = product.compare_at_price_varies %} 5210 {%- assign price = product.price %} 5211 {%- assign price_varies = product.price_varies %} 5212 {%- assign product_available = product.available %} 5213 {%- assign product_title = product.title %} 5214 {%- assign product_vendor = product.vendor %} 5215 {%- assign product_link = product.url %} 5216 {%- assign product_description = product.description | strip_html %} 5217 {%- assign product_description_size = product.description | strip_html | size %} 5218 {% else %} 5219 {%- assign onboarding = true %} 5220 {%- assign compare_at_price = 1999 %} 5221 {%- assign compare_at_price_varies = false %} 5222 {%- assign price = 1999 %} 5223 {%- assign price_varies = false %} 5224 {%- assign product_available = true %} 5225 {%- assign product_title = themeTranslation.onboarding.product.title %} 5226 {%- assign product_vendor = themeTranslation.onboarding.product.vendor %} 5227 {%- assign product_link = '#' %} 5228 {% endif %} 5229 5230 {%- assign on_sale = false %} 5231 {%- for variant in product.variants -%} 5232 {% if variant.compare_at_price > variant.price %} 5233 {%- assign on_sale = true %} 5234 {% break %} 5235 {% endif %} 5236 {% endfor %} 5237 5238 {%- assign has_variants = false %} 5239 {% if variants_count > 1 %} 5240 {%- assign has_variants = true %} 5241 {% endif %} 5242 5243 {%- assign consistent_saved = false %} 5244 {% capture consistent_savings %} 5245 {%- assign variants = product.variants %} 5246 {% capture _ %} 5247 {% comment %} 5248 @param variants {Object} 5249 Product variants 5250 5251 @param on_sale {Bool} 5252 {% endcomment %} 5253 5254 {%- assign consistent_saved = false %} 5255 {%- assign lowest_price = false %} 5256 5257 {%- assign variant_sale_price = false %} 5258 {%- assign variant_sale_price_differs = false %} 5259 {%- assign variant_compare_at_price = false %} 5260 {%- assign variant_compare_at_price_differs = false %} 5261 5262 {%- if on_sale -%} 5263 {%- for variant in variants -%} 5264 {%- if lowest_price == false or variant.price <= lowest_price -%} 5265 {%- assign lowest_price = variant.price %} 5266 {%- endif -%} 5267 5268 {% unless variant.compare_at_price %} 5269 {%- assign variant_sale_price_differs = true %} 5270 {%- assign variant_compare_at_price_differs = true %} 5271 {% break %} 5272 {% endunless %} 5273 5274 {%- if variant.price < variant.compare_at_price -%} 5275 {% if variant_sale_price == false %} 5276 {%- assign variant_sale_price = variant.price %} 5277 {% endif %} 5278 5279 {% if variant_sale_price != variant.price %} 5280 {%- assign variant_sale_price_differs = true %} 5281 {% endif %} 5282 5283 {% if variant_compare_at_price == false %} 5284 {%- assign variant_compare_at_price = variant.compare_at_price %} 5285 {% endif %} 5286 5287 {% if variant_compare_at_price != variant.compare_at_price %} 5288 {%- assign variant_compare_at_price_differs = true %} 5289 {% endif %} 5290 {%- endif -%} 5291 {%- endfor -%} 5292 {%- endif -%} 5293 5294 {%- if variant_sale_price_differs == false and variant_compare_at_price_differs == false -%} 5295 {%- if lowest_price >= variant_sale_price -%} 5296 {%- assign consistent_saved = true -%} 5297 {%- endif -%} 5298 {%- endif -%} 5299 {% endcapture %} 5300 {{ consistent_saved }} 5301 {% endcapture %}
5302 {% if consistent_savings contains 'true' %} 5303 {%- assign consistent_saved = true %} 5304 {% endif %} 5305 5306 {%- capture classes -%} 5307 productgrid--item 5308 imagestyle--{% if settings.product_grid_image_crop and settings.product_grid_image_style != 'natural' %}cropped-{% endif %}{{ settings.product_grid_image_style }} 5309 {% unless product.featured_image %}imagestyle--no-image{% endunless %} 5310 {% if on_sale %}productitem--sale{% endif %} 5311 {% if emphasize_price %}productitem--emphasis{% endif %} 5312 {% if atc_display == 'always' or quick_shop_display == 'always' %}show-actions--mobile{% endif %} 5313 {%- endcapture -%} 5314 5315 {%- assign show_swatches = false -%} 5316 {%- assign initial_image = product.featured_image %} 5317 {%- if settings.swatches_enable -%} 5318 {% comment %} Check if product should show swatches {% endcomment %} 5319 {%- for option in product.options -%} 5320 {%- assign swatch_trigger = settings.swatches_swatch_trigger | strip | downcase -%} 5321 {%- assign option_name = option.name | downcase -%} 5322 {%- if option_name == swatch_trigger -%} 5323 {%- assign show_swatches = true -%} 5324 {%- assign swatch_values = option.values -%} 5325 {%- assign swatch_values_count = option.values.size -%} 5326 {%- assign swatch_option_key = 'option' | append: forloop.index -%} 5327 {%- break -%} 5328 {%- endif -%} 5329 {%- endfor -%} 5330 5331 {% if section.settings.filter_style == 'groups' and current_tags and show_swatches %} 5332 {% comment %} We are filtered by tags, so check and see if it's filtering by swatch {% endcomment %} 5333 {% for tag in current_tags %} 5334 {%- assign tag_group = tag | split: '_' | first | downcase %} 5335 {% if tag_group == swatch_trigger %} 5336 {%- assign active_swatch_name = tag | split: '_' | last | downcase %} 5337 5338 {% comment %} Filter variants by swatch (for ex. where color == blue). Can't use | where due to case sensitivity {% endcomment %} 5339 {%- for variant in product.variants -%} 5340 {%- assign option_value = variant[swatch_option_key] | downcase %} 5341 {% if option_value == active_swatch_name %} 5342 {% if variant.image %} 5343 {%- assign initial_image = variant.image %} 5344 {% endif %} 5345 {% break %} 5346 {% endif %} 5347 {% endfor %} 5348 {% break %} 5349 {% endif %} 5350 {% endfor %} 5351 {% endif %} 5352 5353 {% capture product_item_swatches %} 5354 {%- if show_swatches -%} 5355 <div 5356 class=" 5357 productitem--swatches 5358 {% if settings.swatches_shape == 'square' and settings.swatches_option_style == 'variant_image' %} 5359 swatches-variant-images-square 5360 {% endif %} 5361 " 5362 data-swatches 5363 > 5364
5364<scripttag type="application/json" data-swatch-data> 5365 { 5366 "swatchOptionKey": {{ swatch_option_key | json }}, 5367 "variants": {{ product.variants | json }} 5368 } 5369 </scripttag> 5370 {%- assign swatch_trigger = settings.swatches_swatch_trigger %} 5371 {%- assign product_title = product.title %} 5372 <form 5373 class="productitem--swatches-container" 5374 data-swatches-container 5375 aria-label="{{ swatch_trigger }} options for {{ product_title }}" 5376 > 5377 {% for swatch_value in swatch_values %} 5378 {%- assign swatch_value_downcased = swatch_value | downcase %} 5379 <label> 5380 <input 5381 class="productitem--swatches-input sold_out_option--{{ settings.sold_out_options }}" 5382 type="radio" 5383 tabindex="0" 5384 name="swatch" 5385 value="{{ swatch_value | escape }}" 5386 aria-label="{{ swatch_value | escape }}" 5387 {% if swatch_value_downcased == active_swatch_name %}checked{% endif %} 5388 > 5389 {%- assign use_variant_images = false %} 5390 {% if settings.swatches_option_style == 'variant_image' %} 5391 {%- assign use_variant_images = true %} 5392 {% endif %} 5393 {%- assign use_aspect_ratio = false %} 5394 {% if settings.swatches_shape == 'square' %} 5395 {%- assign use_aspect_ratio = true %} 5396 {% endif %} 5397 {%- capture swatch_styles - %} 5398 {%- assign color_name = swatch_value %} 5399 {%- assign swatch_product = product %} 5400 {%- assign swatch_option_key = swatch_option_key %} 5401 {%- assign swatch_size = settings.swatches_product_card_size %} 5402 {%- capture _ -%} 5403 {%- assign use_variant_images = use_variant_images | default: false -%} 5404 {%- assign swatch_product = swatch_product | default: blank -%} 5405 {%- assign swatch_option_key = swatch_option_key | default: blank -%} 5406 {%- assign swatch_size = swatch_size | default: 32 -%} 5407 {%- assign use_aspect_ratio = use_aspect_ratio | default: true, allow_false: true -%} 5408 5409 {%- assign swatch_bg_color = blank -%} 5410 {%- assign swatch_bg_image = blank -%} 5411 {%- assign swatch_bg_variables = blank -%} 5412 {%- assign swatch_colors = settings.swatches_custom_colors -%} 5413 5414 {% comment %} First look for a defined custom color {% endcomment %} 5415 {%- assign swatch_colors = swatch_colors | newline_to_br | strip_newlines | split: '<br />' -%} 5416 {%- assign swatch_search_color = color_name | downcase -%} 5417 {%- for swatch_option in swatch_colors -%} 5418 {%- assign swatch_color = swatch_option | split: ':' -%} 5419 {%- assign swatch_color_name = swatch_color[0] | strip | downcase -%} 5420 {%- assign swatch_color_value = swatch_color[1] | strip -%} 5421 {%- if swatch_search_color == swatch_color_name -%} 5422 {% capture swatch_bg_color %} 5423 background-color: {{ swatch_color_value }}; 5424 {% endcapture %} 5425 {%- break -%} 5426 {%- endif -%} 5427 {%- endfor -%} 5428 5429 {% comment %} Otherwise default to the raw color name, which will either be a 5430 valid named HTML color and displayed as such, or will be ignored by the browser. {% endcomment %} 5431 {%- if swatch_bg_color == '' -%} 5432 {% capture swatch_bg_color %} 5433 background-color: {{ color_name | handleize }}; 5434 {% endcapture %} 5435 {%- endif -%} 5436 5437 {%- if use_variant_images and swatch_product != blank and swatch_option_key != blank -%} 5438 {% for variant in swatch_product.variants %} 5439 {%- assign option_value_downcased = variant[swatch_option_key] | downcase %} 5440 {% if option_value_downcased == swatch_search_color %} 5441 {% if variant.image != blank %} 5442 {%- assign swatch_image_resolution = swatch_size | times: 2 | prepend: 'x' -%} 5443 {%- assign swatch_file_url = variant.image | img_url: swatch_image_resolution, crop: 'center' -%} 5444 {%- assign swatch_height = swatch_size | times: 1.0 -%} 5445 {%- assign swatch_width = swatch_size | times: 1.0 -%} 5446 {%- if use_aspect_ratio -%} 5447 {%- assign swatch_width = swatch_size | times: variant.image.as
5447pect_ratio -%} 5448 {%- endif -%} 5449 {%- capture swatch_bg_image -%} 5450 background-image: url('{{- swatch_file_url -}}'); 5451 width: {{ swatch_width }}px; 5452 border: 0; {% comment %}Variant image swatches don't get inset borders{% endcomment %} 5453 {%- endcapture -%} 5454 {%- assign selected_border_offset = 2 | times: 2 -%} 5455 {%- capture swatch_bg_variables -%} 5456 --swatch-inner-transform-x: {{ swatch_width | minus: selected_border_offset | divided_by: swatch_width }}; 5457 --swatch-inner-transform-y: {{ swatch_height | minus: selected_border_offset | divided_by: swatch_height }}; 5458 {%- endcapture -%} 5459 {% endif %} 5460 {%- break -%} 5461 {% endif %} 5462 {% endfor %} 5463 {%- else -%} 5464 {% comment %} Then look for a pattern image. {% endcomment %} 5465 {%- assign swatch_file_name = color_name | downcase | handleize | append: '.png' %} 5466 {%- if images[swatch_file_name] != blank -%} 5467 {%- capture swatch_image_resolution -%}{{ swatch_size | times: 2 }}x{{ swatch_size | times: 2 }}{%- endcapture -%} 5468 {%- assign swatch_file_url = swatch_file_name | file_img_url: swatch_image_resolution, crop: 'center' -%} 5469 {%- capture swatch_bg_image -%} 5470 background-image: url('{{- swatch_file_url -}}'); 5471 {%- endcapture -%} 5472 {%- endif -%} 5473 {%- endif -%} 5474 5475 {%- endcapture -%} 5476 {{ swatch_bg_color }} 5477 {{ swatch_bg_image }} 5478 /* variables */ 5479 {{ swatch_bg_variables }} 5480 {%- endcapture -%} 5481 <div 5482 class="productitem--swatches-swatch-wrapper" 5483 data-swatch-tooltip="{{ swatch_value | escape }}" 5484 data-swatch 5485 style="{{ swatch_styles | split: '/* variables */' | last | remove: '/* variables */'}}" 5486 > 5487 <div class="productitem--swatches-swatch"> 5488 <div 5489 class="productitem--swatches-swatch-inner" 5490 style=" 5491 {{ swatch_styles | split: '/* variables */' | first }} 5492 {% comment %} {% if use_variant_images and settings.swatches_shape == 'square' %}border-radius: 0;{% endif %} {% endcomment %} 5493 " 5494 > 5495 </div> 5496 </div> 5497 </div> 5498 </label> 5499 {% endfor %} 5500 </form> 5501 {%- assign swatch_trigger = settings.swatches_swatch_trigger %} 5502 <button 5503 class="productitem--swatches-count-wrapper" 5504 tabindex="0" 5505 data-swatch-count-wrapper 5506 aria-label="Toggle swatches" 5507 > 5508 <div class="productitem--swatches-count" data-swatch-count>+</div> 5509 </button> 5510 </div> 5511 {%- endif -%} 5512 {% endcapture %} 5513 {%- endif -%} 5514 5515 <li 5516 5517 {% if showPageData %} data-page="{{page}}"{% endif %} 5518 class="{{ classes | strip_newlines }}" 5519 data-product-item 5520 data-product-quickshop-url="{{ product_link }}" 5521 > 5522 <div class="productitem" data-product-item-content data-animation="open=>closed"> 5523 {% comment %}Inject template-allows-compare begin{% endcomment %} 5524 {%- assign template_allows_compare = settings.enable_product_compare %} 5525 5526 {% comment %}Inject template-allows-compare end{% endcomment %} 5527 5528 {% if onboarding %} 5529 {%- assign template_allows_compare = false %} 5530 {% endif %} 5531 5532 {% if template_allows_compare %} 5533 {% capture product_compare_image %} 5534 {% if initial_image %} 5535 <img 5536 class="gflazyload productitem--image-primary" 5537 srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 5538 src="{{initial_image.src | img_url: image_size}}" 5539 data-src="{{ initial_image.src | img_lazyload_url }}" 5540 data-sizes="auto"
5541 data-aspectratio="{{initial_image.aspect_ratio}}" 5542 data-parent-fit="contain" 5543 alt="{{initial_image.alt | escape}}" 5544 /> 5545 {% else %} 5546 <svg class="placeholder--image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 5547 {% endif %} 5548 {% endcapture %} 5549 5550
5550<scripttag type="application/json" data-product-compare-data> 5551 { 5552 "title": {{ product.title | json }}, 5553 "handle": {{ product.handle | json }}, 5554 "image": {{ product_compare_image | json }}, 5555 "imageAspectRatio": {{ initial_image.aspect_ratio | default: '1/1' | json }}, 5556 "url": {{ product.url | json }} 5557 } 5558 </scripttag> 5559 5560 <div 5561 class=" 5562 productitem__compare-wrapper 5563 productitem__compare-wrapper-{{ settings.product_compare_display }} 5564 " 5565 data-compare-item-wrapper data-animation-state="closed" 5566 > 5567 <div class="productitem__compare" data-compare-item> 5568 <input 5569 class="productitem__compare-checkbox" 5570 id="productitem__compare-checkbox-{{ product.id }}" 5571 type="checkbox" 5572 data-compare-checkbox 5573 > 5574 <label class="productitem__compare-checkbox-label" for="productitem__compare-checkbox-{{ product.id }}"> 5575 <span class="productitem__compare-checkbox-icon"> 5576 <svg 5577 class="checkmark" 5578 aria-hidden="true" 5579 focusable="false" 5580 role="presentation" 5581 width="14" 5582 height="14" 5583 xmlns="http://www.w3.org/2000/svg"
5584 viewBox="0 0 14 14" 5585 data-animation-state="unchecked" 5586 > 5587 <path class="checkmark__check" fill="none" d="M2.5 7L5.5 10L11.5 4" data-animation-state="unchecked" /> 5588 <path class="checkmark__indeterminate" fill="none" d="M2.5 7L6 7L12 7" data-animation-state="unchecked" /> 5589 </svg> 5590 </span> 5591 <span class="productitem__compare-checkbox-text"> 5592 Compare 5593 </span> 5594 </label> 5595 </div> 5596 </div> 5597 {% endif %} 5598 5599 <div class="productitem__container"> 5600 5601 5602 5603 <div class="productitem__stktag"> 5604 {% if product.tags contains 'BOGO' or product.tags contains 'Bogo' %} 5605 {% if settings.bogotxt != blank %} 5606 <div class="productitem__offerstag"> 5607 <span>{{ settings.bogotxt }}</span> 5608 </div> 5609 {% endif %} 5610 {% endif %} 5611 5612 {% if product.tags contains 'Rapid Shipping' %} 5613 <div class="productitem__rapidtag"> 5614 <span>{{ settings.rapidshiptxt }}</span> 5615 </div> 5616 {% endif %} 5617 </div> 5618 5619 5620 5621 5622 <div class="productitem__image-container"> 5623 <a 5624 class="productitem--image-link" 5625 href="{{ product.url }}" 5626 tabindex="-1" 5627 data-product-page-link 5628 > 5629 <figure 5630 class="productitem--image" 5631 data-product-item-image 5632 {% if settings.product_grid_image_style == 'natural' and initial_image %} 5633 style="--product-grid-item-image-aspect-ratio: {{ initial_image.aspect_ratio }};" 5634 {% endif %} 5635 > 5636 {% if initial_image %} 5637 {% if product_grid_show_second_image and images_count > 1 %} 5638 {%- assign second_image = product.images[1] %} 5639 <img 5640 class="gflazyload productitem--image-alternate" 5641 srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 5642 src="{{second_image.src | img_url: image_size}}" 5643 data-src="{{ second_image.src | img_lazyload_url }}" 5644 data-sizes="auto" 5645 data-aspectratio="{{second_image.aspect_ratio}}" 5646 data-parent-fit="contain" 5647 alt="{{second_image.alt | escape}}" 5648 /> 5649 {% endif %} 5650 <img 5651 class="gflazyload productitem--image-primary" 5652 srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 5653 src="{{initial_image.src | img_url: image_size}}" 5654 data-src="{{ initial_image.src | img_lazyload_url }}" 5655 data-sizes="auto" 5656 data-aspectratio="{{initial_image.aspect_ratio}}" 5657 data-parent-fit="contain" 5658 alt="{{initial_image.alt | escape}}" 5659 /> 5660 {% else %} 5661 <svg class="placeholder--image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 5662 {% endif %} 5663 {%- assign class_root = 'productitem' %} 5664 {%- assign show_saved = consistent_saved %} 5665 {%- assign include_range = true %} 5666 {%- assign sales_badge = settings.product_sales_badge %} 5667 {%- assign sales_badge_style = settings.product_sales_badge_style %} 5668 {%- assign savings_money_range = 0 %} 5669 {%- assign savings_percentage_range = 0 %} 5670 5671 {%- assign price_min = nil %} 5672 {%- assign price_max = nil %} 5673 {%- assign compare_at_price_min = nil %} 5674 {%- assign compare_at_price_max = nil %} 5675 {%- assign price_varies = false %} 5676 {%- for variant in product.variants -%} 5677 {% if price_min == nil or variant.price < price_min %} 5678 {%- assign price_min = variant.price %} 5679 {% endif %} 5680 {% if price_max == nil or variant.price > price_max %} 5681 {%- assign price_max = variant.price %} 5682 {% endif %} 5683 {%- assign tmp_compare_at_price = variant.compare_at_price %} 5684 {% unless variant.compare_at_price %} 5685 {%- assign tmp_compare_at_price = variant.price %} 5686 {% endunless %}
5687 {% if compare_at_price_min == nil or tmp_compare_at_price < compare_at_price_min %} 5688 {%- assign compare_at_price_min = tmp_compare_at_price %} 5689 {% endif %} 5690 {% if compare_at_price_max == nil or tmp_compare_at_price > compare_at_price_max %} 5691 {%- assign compare_at_price_max = tmp_compare_at_price %} 5692 {% endif %} 5693 {% if variant.price != price_min %} 5694 {%- assign price_varies = true %} 5695 {% endif %} 5696 5697 {%- assign price_difference = tmp_compare_at_price | minus: variant.price %} 5698 {% if price_difference > savings_money_range %} 5699 {%- assign savings_money_range = price_difference %} 5700 {%- assign savings_percentage_range = savings_money_range | times: 100.0 | divided_by: variant.compare_at_price | round %} 5701 {% endif %} 5702 {% endfor %} 5703 5704 {%- assign savings_money_single = selected_variant.compare_at_price | minus: selected_variant.price %} 5705 {%- assign savings_percentage_single = savings_money_single | times: 100.0 | divided_by: selected_variant.compare_at_price | round %} 5706 5707 {%- assign product_available = product_available | default: product.available %} 5708 5709 {%- if product_available != true -%} 5710 <span class="{{ class_root }}__badge {{ class_root }}__badge--soldout"> 5711 Sold out 5712 </span> 5713 {%- elsif sales_badge -%} 5714 {%- assign saved_price_single = savings_money_single | money %} 5715 {%- assign saved_price_range = savings_money_range | money %} 5716 {%- assign on_sale = on_sale | default: true %} 5717 {% if savings_money_range <= 0 %} 5718 {%- assign on_sale = false %} 5719 {% endif %} 5720 5721 <span class="{{ class_root }}__badge {{ class_root }}__badge--sale" 5722 data-badge-sales 5723 {% if on_sale != true %}style="display: none;"{% endif %} 5724 > 5725 <span data-badge-sales-range> 5726 {% if sales_badge_style == 'percent' %} 5727 {% if price_varies %} 5728 {%- assign savings = savings_percentage_range | strip_newlines %} 5729 Save up to <span data-price-percent-saved>{{ savings }}</span>% 5730 {% else %} 5731 {%- assign savings = savings_percentage_range | strip_newlines %} 5732 Save <span data-price-percent-saved>{{ savings }}</span>% 5733 {% endif %} 5734 {% elsif sales_badge_style == 'money' %} 5735 {% if price_varies %} 5736 {%- assign savings = saved_price_range | strip_newlines %} 5737 Save up to <span class="money" data-price-money-saved>{{ savings }}</span> 5738 {% else %} 5739 {%- assign savings = saved_price_range | strip_newlines %} 5740 Save <span class="money" data-price-money-saved>{{ savings }}</span> 5741 {% endif %} 5742 {% else %} 5743 Sale 5744 {% endif %} 5745 </span> 5746 <span data-badge-sales-single style="display: none;"> 5747 {% if sales_badge_style == 'percent' %} 5748 {%- assign savings = savings_percentage_single | strip_newlines %} 5749 Save <span data-price-percent-saved>{{ savings }}</span>% 5750 {% elsif sales_badge_style == 'money' %} 5751 {%- assign savings = saved_price_single | strip_newlines %} 5752 Save <span class="money" data-price-money-saved>{{ savings }}</span> 5753 {% else %} 5754 Sale 5755 {% endif %} 5756 </span> 5757 </span> 5758 {%- endif -%} 5759 </figure> 5760 </a> 5761 </div> 5762 5763 {%- capture product_item_price -%} 5764 {%- assign class_root = 'productitem' %} 5765 {%- assign show_original = true %} 5766 {%- assign show_range = true %} 5767 {%- assign include_hidden_price = false %} 5768 {%- assign include_hidden_price = include_hidden_price | default: true %} 5769 {%- assign price_min = nil %} 5770 {%- assign price_max = nil %} 5771 {%- assign compare_at_price_min = nil %} 5772 {%- assign compare_at_price_max = nil %} 5773 {%- assign price_varies = false %} 5774 {%- for variant in product.variants -%} 5775 {% if price_min == nil or variant.price < price_min %} 5776 {%- assign price_min = variant.price %} 5777 {% endif %} 5778 {% if price_max == nil or variant.price > price_max %} 5779 {%- assign price_max = variant.price %} 5780 {% endif %} 5781 {%- assign tmp_compare_at_price = variant.compare_at_price %} 5782 {% unless variant.compare_at_price %} 5783 {%- assign tmp_compare_at_price = variant.price %} 5784 {% endunless %}
5785 {% if compare_at_price_min == nil or tmp_compare_at_price < compare_at_price_min %} 5786 {%- assign compare_at_price_min = tmp_compare_at_price %} 5787 {% endif %} 5788 {% if compare_at_price_max == nil or tmp_compare_at_price > compare_at_price_max %} 5789 {%- assign compare_at_price_max = tmp_compare_at_price %} 5790 {% endif %} 5791 {% if variant.price != price_min %} 5792 {%- assign price_varies = true %} 5793 {% endif %} 5794 {% endfor %} 5795 5796 {%- assign show_range = show_range | default: false %} 5797 {%- assign price = product.price %} 5798 {%- assign compare_at_price = product.compare_at_price %} 5799 {%- assign variants = product.variants %} 5800 {%- assign price_range_format = price_range_format | default: 'range' %} 5801 {%- assign savings_format = savings_format | default: 'percentage' %} 5802 {%- assign on_sale = on_sale | default: false %} 5803 {%- assign emphasize_price = emphasize_price | default: false %} 5804 {%- assign show_original = show_original | default: false %} 5805 {%- assign show_savings = show_savings | default: false %} 5806 {%- assign class_root = class_root | default: 'product' %} 5807 {%- assign include_spacer = include_spacer | default: false %} 5808 {%- assign include_unit_price = include_unit_price | default: false %} 5809 {%- assign include_tax_line = include_tax_line | default: false %} 5810 {%- assign include_compare_price = include_compare_price | default: true %} 5811 5812 <div class="price {{ class_root }}__price"> 5813 {% if include_compare_price %} 5814 <div 5815 class="price__compare-at {% if emphasize_price or on_sale and show_original %}visible{% endif %}" 5816 data-price-compare-container 5817 > 5818 {%- capture compare_at_price_html -%} 5819 <span class="money price__compare-at--single" data-price-compare> 5820 {{ compare_at_price | money }} 5821 </span> 5822 {%- endcapture -%} 5823 5824 {% if on_sale and show_original %} 5825 {{ compare_at_price_html }} 5826 {% elsif emphasize_price and include_spacer %} 5827 <span class="price__spacer"></span> 5828 {% elsif show_original %} 5829 <span class="money price__original" data-price-original></span> 5830 {% endif %} 5831 </div> 5832 {% endif %} 5833 5834 <div class="price__current {% if emphasize_price %}price__current--emphasize{% endif %} {% if on_sale %}price__current--on-sale{% endif %}" data-price-container> 5835 {%- capture price_html -%} 5836 <span class="money" data-price> 5837 {{ price | money }} 5838 </span> 5839 {%- endcapture -%} 5840 5841 {% capture current_price_range_html %} 5842 {% if price_varies %} 5843 {% if price_range_format == 'range' %} 5844 <span class="money price__current--min" data-price-min>{{ price_min | money}}</span> 5845 - 5846 <span class="money price__current--max" data-price-max>{{ price_max | money }}</span> 5847 {% else %} 5848 {%- assign price = price_html | strip_newlines %} 5849 <span class="price--label">from</span> {{ price }} 5850 {% endif %} 5851 {% endif %} 5852 {% endcapture %} 5853 5854 {% capture current_price_html %} 5855 {{ price_html }} 5856 {% endcapture %} 5857 5858 {% if show_range and price_varies %} 5859 {{ current_price_range_html }} 5860 {% else %} 5861 {{ current_price_html }} 5862 {% endif %} 5863 </div> 5864 5865 {% if include_hidden_price %} 5866 {% comment %} 5867 Hide an element containing current price info to fill in the price when no variant is selected 5868 {% endcomment %} 5869 <div class="price__current--hidden" data-current-price-range-hidden> 5870 {% if price_range_format == 'range' %} 5871 <span class="money price__current--min" data-price-min>{{ price_min | money}}</span> 5872 -
5873 <span class="money price__current--max" data-price-max>{{ price_max | money }}</span> 5874 {% else %} 5875 {%- assign price = price_html | strip_newlines %} 5876 <span class="price--label">from</span> {{ price }} 5877 {% endif %} 5878 </div> 5879 <div class="price__current--hidden" data-current-price-hidden> 5880 {{ price_html }} 5881 </div> 5882 {% endif %} 5883 5884 {% if include_tax_line %} 5885 {%- capture tax_text -%} 5886 5887 {%- endcapture -%} 5888 5889 {%- if tax_text != blank and class_root != 'productitem' -%} 5890 <div class=" 5891 {{ class_root }}__tax 5892 {% unless variant.taxable %}hidden{% endunless %} 5893 " 5894 data-tax-line 5895 > 5896 {{ tax_text }} 5897 </div> 5898 {%- endif -%} 5899 {% endif %} 5900 </div> 5901 5902 {%- endcapture -%} 5903 5904 <div class="productitem--info"> 5905 5906 5907 5908 {{ product_item_swatches }} 5909 5910 5911 5912 5913 5914 5915 {% if emphasize_price %} 5916 {{ product_item_price }} 5917 {% endif %} 5918 5919 <h2 class="productitem--title"> 5920 <a href="{{ product_link }}" data-product-page-link> 5921 {{ product_title }} 5922 </a> 5923 </h2> 5924 {% if settings.product_show_vendor and product.vendor != blank %} 5925 <span class="productitem--vendor"> 5926 <a href="/collections/vendors?q={{product.vendor | url_encode}}">{{ product_vendor }}</a> 5927 </span> 5928 {% endif %} 5929 5930 {% unless emphasize_price %} 5931 {{ product_item_price }} 5932 {% endunless %} 5933 5934 {% if settings.inventory_status %} 5935 <div class="productitem__stock-level"> 5936 {%- assign inventory_display = settings.inventory_display %} 5937 {%- assign inventory_transfer = settings.inventory_transfer_notice %} 5938 {%- assign variant = product.selected_or_first_available_variant %} 5939 {%- assign verbose = false %} 5940 {% liquid 5941 assign stock_level = '' 5942 assign inventory_quantity = variant.inventory_quantity 5943 5944 if variant.inventory_policy == 'continue' 5945 if inventory_quantity <= 0 and variant.product.template_suffix contains 'pre-order' 5946 assign stock_level = 'pre-order' 5947 else 5948 assign stock_level = 'continue-selling' 5949 endif 5950 elsif inventory_quantity > settings.low_stock_threshold 5951 assign stock_level = 'high' 5952 elsif inventory_quantity > 0 and inventory_quantity <= settings.low_stock_threshold 5953 assign stock_level = 'low' 5954 elsif inventory_quantity <= 0 5955 assign stock_level = 'none' 5956 endif 5957 5958 if inventory_display == 'hidden' 5959 assign inventory_quantity = '' 5960 elsif inventory_display == 'low_stock_only' and stock_level == 'high' 5961 assign inventory_quantity = '' 5962 elsif inventory_display == 'low_stock_threshold' and stock_level == 'high' 5963 assign inventory_quantity = settings.low_stock_threshold 5964 else 5965 assign inventory_quantity = inventory_quantity 5966 endif 5967 %} 5968 5969 {% capture stock_badge_classes %} 5970 product-stock-level 5971 product-stock-level--{{ stock_level }} 5972 {% if variant.incoming and inventory_transfer %} 5973 product-stock-level--incoming 5974 {% endif %} 5975 {% endcapture %} 5976 5977 {% capture stock_badge_text %} 5978 {% if stock_level == 'pre-order' %} 5979 Coming soon 5980 {% elsif stock_level == 'continue-selling' %} 5981 In stock 5982 {% elsif stock_level == 'high' %} 5983 {% if inventory_display == 'low_stock_threshold' %} 5984 {% if verbose %} 5985 {{ inventory_quantity }}+ in stock, ready to be shipped 5986 {% else %} 5987 {{ inventory_quantity }}+ in stock 5988 {% endif %} 5989 {% elsif verbose %} 5990 {{ inventory_quantity }} in stock, ready to be shipped 5991 {% else %} 5992 {% if inventory_display == 'hidden' %} 5993 In stock 5994 {% else %} 5995 {{ inventory_quantity }} in stock 5996 {% endif %} 5997 {% endif %} 5998 {% elsif stock_level == 'low' %} 5999 {% if inventory_display == 'hidden' %} 6000 Low stock 6001 {% else %} 6002 Only {{ inventory_quantity }} left! 6003 {% endif %} 6004 {% elsif stock_level == 'none' %} 6005 {% if variant.incoming and inventory_transfer %} 6006 More on the way! 6007 {% else %} 6008 Out of stock 6009 {% endif %} 6010 {% endif %} 6011 {% endcapture %} 6012 6013 <div class="product-stock-level-wrapper" {{ attr }}> 6014 {% if variant.inventory_management %}
6015 <span class="{{ stock_badge_classes }}"> 6016 {% if verbose %} 6017 <span class="product-stock-level__availability"> 6018 Availability: 6019 </span> 6020 {% endif %} 6021 6022 <span class="product-stock-level__text"> 6023 {% if verbose and stock_level == 'high' %} 6024 <svg width="13" height="13" viewBox="0 0 13 13" fill="none"> 6025 <path d="M3.5 6.43688L5.62488 8.56188C6.90372 6.99748 10.9823 2.25069 12 1" stroke="currentColor" stroke-width="1.25"/> 6026 <path d="M10.8744 5.88869C11.3941 8.16809 10.2647 10.5033 8.15522 11.5112C6.04571 12.5191 3.51938 11.9305 2.0725 10.0942C0.625616 8.25777 0.644548 5.6639 2.11808 3.84882C3.59161 2.03375 6.12627 1.48215 8.22083 2.52073" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> 6027 </svg> 6028 {% endif %} 6029 <div class="product-stock-level__badge-text"> 6030 {{ stock_badge_text }} 6031 </div> 6032 </span> 6033 </span> 6034 {% endif %} 6035 </div> 6036 </div> 6037 {% endif %} 6038 6039 {% if product_description %} 6040 <div class="productitem--description"> 6041 <p>{{ product_description | truncate: 150 }}</p> 6042 6043 {% if product_description_size > 150 and product_link %} 6044 <a 6045 href="{{ product_link }}" 6046 class="productitem--link" 6047 data-product-page-link 6048 > 6049 View full details 6050 </a> 6051 {% endif %} 6052 </div> 6053 {% endif %} 6054 </div> 6055 6056 6057 6058 6059 6060 6061 6062 {% if enable_quickshop or atc_button %} 6063 {% comment %} 6064 Default button appearance and text 6065 {% endcomment %} 6066 {% assign quick_shop_text = 'Quick shop' %} 6067 {% assign quick_buy_text = 'Add to cart' %} 6068 {% capture quick_buy_text_inner %} 6069 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6.453 13.577q.48 0 .827.347.347.346.347.853t-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.854-.347 1.16 1.16 0 0 1-.346-.853q0-.507.346-.853.348-.347.88-.347m6.294 0q.48 0 .826.347.348.346.347.853 0 .507-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.853-.347 1.16 1.16 0 0 1-.347-.853q0-.507.347-.853.345-.347.88-.347m-9.6-12.48q.532 0 .933.32.4.32.56.853l1.92 8.267h6.4l1.28-5.12H7.733a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.587.76.76 0 0 1 .267-.586.86.86 0 0 1 .586-.24h6.72q.747 0 1.2.586.454.587.294 1.28l-1.387 5.44q-.107.534-.533.854t-.907.32H6.453a1.74 1.74 0 0 1-.933-.374 1.4 1.4 0 0 1-.507-.8L3.04 2.75H1.013a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.586.76.76 0 0 1 .267-.587.86.86 0 0 1 .586-.24z" fill="#fff"/></svg> 6070 {% endcapture %} 6071 6072 {% assign quick_shop_classes = 'productitem--action-trigger button-secondary' %} 6073 {% assign quick_buy_classes = 'productitem--action-trigger productitem--action-atc button-primary' %} 6074 6075 {% if has_variants %} 6076 {% assign quick_buy_text = 'Choose options' %} 6077 {% capture quick_buy_text_inner %} 6078 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6.453 13.577q.48 0 .827.347.347.346.347.853t-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.854-.347 1.16 1.16 0 0 1-.346-.853q0-.507.346-.853.348-.347.88-.347m6.294 0q.48 0 .826.347.348.346.347.853 0 .507-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.853-.347 1.16 1.16 0 0 1-.347-.853q0-.507.347-.853.345-.347.88-.347m-9.6-12.48q.532 0 .933.32.4.32.56.853l1.92 8.267h6.4l1.28-5.12H7.733a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.587.76.76 0 0 1 .267-.586.86.86 0 0 1 .586-.24h6.72q.747 0 1.2.586.454.587.294 1.28l-1.387 5.44q-.107.534-.533.854t-.907.32H6.453a1.74 1.74 0 0 1-.933-.374 1.4 1.4 0 0 1-.507-.8L3.04 2.75H1.013a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.586.76.76 0 0 1 .267-.587.86.86 0 0 1 .586-.24z" fill="#fff"/></svg> 6079 {% endcapture %} 6080 6081 {% else %} 6082 {% if product.template_suffix contains 'pre-order' %} 6083 {% assign quick_buy_text = 'Pre-order' %} 6084 {% capture quick_buy_text_inner %} 6085 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6.453 13.577q.48 0 .827.347.347.346.347.853t-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.854-.347 1.16 1.16 0 0 1-.346-.853q0-.507.346-.853.348-.347.88-.347m6.294 0q.48 0 .826.347.348.346.347.853 0 .507-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.853-.347 1.16 1.16 0 0 1-.347-.853q0-.507.347-.853.345-.347.88-.347m-9.6-12.48q.532 0 .933.32.4.32.56.853l1.92 8.267h6.4l1.28-5.12H7.733a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.587.76.76 0 0 1 .267-.586.86.86 0 0 1 .586-.24h6.72q.747 0 1.2.586.454.587.294 1.28l-1.387 5.44q-.107.534-.533.854t-.907.32H6.453a1.74 1.74 0 0 1-.933-.374 1.4 1.4 0 0 1-.507-.8L3.04 2.75H1.013a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.586.76.76 0 0 1 .267-.587.86.86 0 0 1 .586-.24z" fill="#fff"/></svg> 6086 {% endcapture %} 6087 {% endif %} 6088 {% endif %} 6089 6090 {% unless product_available %} 6091 {% assign quick_buy_text = 'Sold out' %} 6092 {% capture quick_buy_text_inner %} 6093 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6.453 13.577q.48 0 .827.347.347.346.347.853t-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.854-.347 1.16 1.16 0 0 1-.346-.853q0-.507.346-.853.348-.347.88-.347m6.294 0q.48 0 .826.347.348.346.347.853 0 .507-.347.853a1.16 1.16 0 0 1-.853.347 1.16 1.16 0 0 1-.853-.347 1.16 1.16 0 0 1-.347-.853q0-.507.347-.853.345-.347.88-.347m-9.6-12.48q.532 0 .933.32.4.32.56.853l1.92 8.267h6.4l1.28-5.12H7.733a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.587.76.76 0 0 1 .267-.586.86.86 0 0 1 .586-.24h6.72q.747 0 1.2.586.454.587.294 1.28l-1.387 5.44q-.107.534-.533.854t-.907.32H6.453a1.74 1.74 0 0 1-.933-.374 1.4 1.4 0 0 1-.507-.8L3.04 2.75H1.013a.86.86 0 0 1-.586-.24.76.76 0 0 1-.267-.586.76.76 0 0 1 .267-.587.86.86 0 0 1 .586-.24z" fill="#fff"/></svg> 6094 {% endcapture %} 6095 {% assign quick_buy_classes = quick_buy_classes | append: ' disabled' %} 6096 {% endunless %} 6097 6098 <div class="productitem--actions" data-product-actions> 6099 <div class="productitem--listview-price"> 6100 {{ product_item_price }} 6101 </div> 6102 6103 <div class="productitem--listview-badge"> 6104 {% comment %} 6105 {% 6106 render 'product-badge', 6107 product: product, 6108 class_root: 'productitem', 6109 product_available: product_available, 6110 price: price, 6111 price_varies: price_varies, 6112 compare_at_price: compare_at_price, 6113 compare_at_price_varies: compare_at_price_varies, 6114 on_sale: on_sale, 6115 show_saved: consistent_saved, 6116 include_range: true, 6117 %} 6118 {% endcomment %} 6119 </div> 6120 6121 {% if enable_quickshop %} 6122 <div 6123 class=" 6124 productitem--action 6125 quickshop-button 6126 {% if quick_shop_display == 'desktop' %}productitem-action--desktop{% endif %} 6127 " 6128 > 6129 <button 6130 class="{{ quick_shop_classes }}" 6131 data-quickshop-full 6132 {% if settings.gallery_thumbnail_position == 'left' %} 6133 data-thumbs-left 6134 {% endif %} 6135 {% if product == false %} 6136 disabled 6137 {% endif %} 6138 type="button" 6139 > 6140 {{ quick_shop_text }} 6141 </button> 6142 </div> 6143 {% endif %} 6144 6145 {% if atc_button %} 6146 <div 6147 class=" 6148 productitem--action 6149 atc--button 6150 {% if atc_display == 'desktop' %}productitem-action--desktop{% endif %} 6151 " 6152 > 6153 <button 6154 class="{{ quick_buy_classes }} tooltip__btn" 6155 type="button" 6156 aria-label="{{ quick_buy_text }}" data-tooltip="{{ quick_buy_text }}" 6157 {% unless has_variants %} 6158 data-quick-buy 6159 {% else %} 6160 data-quickshop-slim 6161 {% endunless %} 6162 data-variant-id="{{ product.selected_or_first_available_variant.id }}" 6163 {% if product == false or product_available == false %} 6164 disabled 6165 {% endif %} 6166 >
6167 <span class="tltip_span"> 6168 {{ quick_buy_text }} 6169 </span> 6170 <span class="atc-button--text"> 6171 {{ quick_buy_text_inner }} 6172 </span> 6173 <span class="atc-button--icon"> 6174 <svg aria-hidden="true" width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13m0-3.852a9.148 9.148 0 1 0 0-18.296 9.148 9.148 0 0 0 0 18.296" opacity=".29"/><path d="M13 26c7.18 0 13-5.82 13-13a1.926 1.926 0 0 0-3.852 0A9.15 9.15 0 0 1 13 22.148 1.926 1.926 0 0 0 13 26"/></g></svg> 6175 </span> 6176 </button> 6177 </div> 6178 {% endif %} 6179 </div> 6180 {% endif %} 6181 6182 6183 6184 </div> 6185 </div> 6186 6187 {% if atc_button %} 6188
6188<scripttag type="application/json" data-quick-buy-settings> 6189 { 6190 "cart_redirection": {{ settings.enable_cart_redirection | json }}, 6191 "money_format": "{{ currencyFormat }}" 6192 } 6193 </scripttag> 6194 {% endif %} 6195 </li> 6196 </script>
6196 6197<style> .ctm-footer::before,.ctm-footer::after {pointer-events: none;} </style>
6198<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6198 6199<shopify-store store-domain="https://www.cornholebags.com" country="US" language="en"></shopify-store> 6200<shopify-chat></shopify-chat> 6201</body> 6202</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.