1<!doctype html> 2<html class="no-js" lang="en"> 3 <head> 4
4<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"product","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0","state":{"template":"product","theme":135838793791,"product":"build-a-box-variety-granola-butter","collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790379547,"path":"\/products\/build-a-box-variety-granola-butter","locale_root_url":"\/","canonical_url":"https:\/\/oat.haus\/products\/build-a-box-variety-granola-butter","customer_id":null,"customer_id_signature":"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0","cart":null}</script>
4<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
4color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>"," .locksmith-ab .locksmith-b { display: none; }"," .locksmith-ab.toggled .locksmith-b { display: flex; }"," .locksmith-ab.toggled .locksmith-a { display: none; }"," .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }"," .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }"," .locksmith-message a { color: inherit; font-weight: bold; }"," .locksmith-message a:hover { color: inherit; opacity: 0.8; }"," a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }"," .locksmith-text { flex-grow: 1; }"," .locksmith-cta { flex-grow: 0; text-align: right; }"," .locksmith-cta button { transform: scale(0.8); transform-origin: left; }"," .locksmith-cta > * { display: block; }"," .locksmith-cta > * + * { margin-top: 10px; }"," .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }"," @media screen and (max-width: 600px) {"," .locksmith-wide-only { display: none !important; }"," .locksmith-flex { padding: 0 15px; }"," .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }"," .locksmith-cta { text-align: left; }"," }"," @media screen and (min-width: 601px) {"," .locksmith-narrow-only { display: none !important; }"," }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
4 5
5<script data-locksmith>Locksmith.cache.cart=null</script>
5 6 7
7<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"product\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0\",\"state\":{\"template\":\"product\",\"theme\":135838793791,\"product\":\"build-a-box-variety-granola-butter\",\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790379547,\"path\":\"\\\/products\\\/build-a-box-variety-granola-butter\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/oat.haus\\\/products\\\/build-a-box-variety-granola-butter\",\"customer_id\":null,\"customer_id_signature\":\"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0\",\"cart\":null}";Locksmith.jsonTagSignature="5e5032cc9df3097aa53eb5ecef8ed9b7621ca35b89fbea9df27b08dd39ebba2a"</script>
7 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 10 <meta name="viewport" content="width=device-width,initial-scale=1"> 11 <meta name="theme-color" content="#112a45"> 12 <meta name="google-site-verification" content="LcGsKdVS7xJMCz4sEJzbltKvw5QIHPKJjToDMU2zP9E"> 13 <meta name="keywords" content="Oat Haus Shopify"> 14 <meta name="author" content="oat.haus"> 15 <meta charset="utf-8"> 16 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 17 <meta name="viewport" content="width=device-width,initial-scale=1"> 18 <meta name="theme-color" content="#112a45"> 19 20<meta name="description" content="All oats, no brakes. Can't decide which Granola Butter ® flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all? Always organic, school-safe, gluten-free, and vegan!" /> 21 22 <meta 23 name="og:image" 24 content="//oat.haus/cdn/shop/files/GB-POP-UP-2_1200x1200.jpg?v=1739731175" 25 ><meta property="og:title" content="Granola Butter® Build a Box (Nut-Free Spreadable Granola)" /> 26<meta property="og:url" content="https://oat.haus/products/build-a-box-variety-granola-butter"> 27 <meta property="og:site_name" content="Oat.Haus"><meta property="og:type" content="product" /> 28<meta property="og:brand" content="Oat Haus"> 29 <meta property="product:price:amount" content="34.95"> 30 <meta property="product:price:currency" content="USD"> 31 <meta property="og:availability" content="instock"><link rel="canonical" href="https://oat.haus/products/build-a-box-variety-granola-butter"> 32 <link rel="preconnect" href="https://stats.g.doubleclick.net" crossorigin> 33 <link rel="preconnect" href="https://www.google.com" crossorigin> 34 <!-- <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> --> 35 <link rel="preconnect" href="https://www.facebook.com" crossorigin> 36 <link rel="preconnect" href="https://cdn.amplitude.com" crossorigin> 37 38 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 39 40 <link rel="preconnect" href="https://monorail-edge.shopifysvc.com"><link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590" as="style"> 41 <link 42 rel="preload" 43 as="font" 44 href="//oat.haus/cdn/shop/t/98/assets/AcherusGrotesque-Regular.woff2?v=90071873940701258241762726274" 45 type="font/woff2" 46 crossorigin 47 > 48 <link rel="preload" as="font" href="//oat.haus/cdn/shop/t/98/assets/briceUpper.woff2?v=66179181321747484971762726278" type="font/woff2" crossorigin> 49 <link rel="preload" as="font" href="//oat.haus/cdn/shop/t/98/assets/Margin2.woff2?v=73979697606249836921762726276" type="font/woff2" crossorigin> 50 <link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/theme.js?v=162985051904266444801762726276" as="script"> 51 <link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/lazysizes.js?v=63098554868324070131762726275" as="script"> 52 <link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/keen-slider.min.js?v=60563873875881527811762726278" as="script"> 53 <link rel="preconnect" href="https://fonts.googleapis.com"> 54 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 55 <link 56 href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" 57 rel="stylesheet" 58 > 59 <link 60 rel="stylesheet" 61 href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" 62 > 63 64
64<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
64<link rel="canonical" href="https://oat.haus/products/build-a-box-variety-granola-butter"><link rel="shortcut icon" href="//oat.haus/cdn/shop/files/Asset_70_32x32.png?v=1625860180" type="image/png"><title>Granola Butter® Build a Box (Nut-Free Spreadable Granola) 65– Oat Haus</title><meta name="description" content="All oats, no brakes. Can't decide which Granola Butter ® flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all? Always organic, school-safe, gluten-free, and vegan!"> 66<!-- /snippets/social-meta-tags.liquid --> 67 68 69<meta property="og:site_name" content="Oat Haus"> 70<meta property="og:url" content="https://oat.haus/products/build-a-box-variety-granola-butter"><meta property="og:title" content="Granola Butter® Build a Box (Nut-Free Spreadable Granola)"> 71<meta property="og:type" content="product"> 72<meta property="og:description" content="All oats, no brakes. Can't decide which Granola Butter ® flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all? Always organic, school-safe, gluten-free, and vegan!"> 73<meta property="og:image" content="http://oat.haus/cdn/shop/files/GB-POP-UP-2.jpg?v=1739731175"> 74<meta property="og:image:secure_url" content="https://oat.haus/cdn/shop/files/GB-POP-UP-2.jpg?v=1739731175"> 75<meta property="og:image:width" content="4680"> 76 <meta property="og:image:height" content="3930"> 77<meta property="og:price:amount" content="34.95"> 78<meta property="og:price:currency" content="USD"> 79 80 81 82<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Granola Butter® Build a Box (Nut-Free Spreadable Granola)"> 83<meta name="twitter:description" content="All oats, no brakes. Can't decide which Granola Butter ® flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all? Always organic, school-safe, gluten-free, and vegan!"> 84 85 86<style data-shopify> 87:root { 88 --color-header: #B4ECFF; 89 --color-text: #0c2a4a; 90 --color-text-rgb: 17, 42, 69 91 ; 92 --color-body-text: #112a45 93 ; 94 --color-sale-text: #ed7556 95 ; 96 --color-small-button-text-border: #112a45 97 ; 98 --color-text-field: #ffffff 99 ; 100 --color-text-field-text: #112a45 101 ; 102 --color-text-field-text-rgb: 17, 42, 69 103 ; 104 105 --color-btn-primary: #112a45 106 ; 107 --color-btn-primary-darker: #07111c 108 ; 109 --color-btn-primary-text: #ffffff 110 ; 111 112 --color-blankstate: rgba(17, 42, 69, 0.35) 113 ; 114 --color-blankstate-border: rgba(17, 42, 69, 0.2) 115 ; 116 --color-blankstate-background: rgba(17, 42, 69, 0.1) 117 ; 118 119 --color-text-focus:#204f82; 120 --color-overlay-text-focus:#e6e6e6; 121 --color-btn-primary-focus:#204f82; 122 --color-btn-social-focus:#204f82; 123 --color-small-button-text-border-focus:#204f82; 124 --predictive-search-focus:#fae4ca; 125 126 --color-baby-blue: #b2eafd; 127 --color-primary-header: #FFBE98; 128 --color-lightblue: #beeafc; 129 --color-blue-light: #DFF2F7; 130 --color-yellow: #f4b960; 131 --color-yellow-light: #ffeeca; 132 --color-bday-pink: #F689F9; 133 --color-bday-blue: #AEE2FF; 134 --color-bday-light: #ffdcee; 135 --color-orange: #fd6d4c; 136 --color-black: #333333; 137 --color-purple: #ee8eeb; 138 --color-purple-light: #EDE1F9; 139 --color-perrywinkle: #8d8af6; 140 --color-perrywinkle-light: #e7e7ff; 141 --color-strawberry: #ff5c6c; 142 --color-strawberry-light: #fcbec7; 143 --color-pumpkin: #fd6d4c; 144 --color-pumpkin-light: #fcbc8b; 145 --color-apple: #ff5c6c; 146 --color-apple-light: #e9fff2; 147 --color-smores-yellow: #F2B760; 148 --color-smores-green: #dffff8; 149 --color-ginger: #f4313f; 150 --color-ginger-light: #f6c994; 151 --color-holiday: #f4313f; 152 --color-holiday-light: #a9ebc3; 153 --color-darkblue: #0c2a4a; 154 --color-body: #fffaf9; 155 --color-bg: #FFFAF9; 156 --color-cookie: #f1cda9; 157 --color-cookie: #FFF3E3; 158 --color-cookie-dark: #fde8d4; 159 /* --color-cookie-secondary: #f16752; 160 --color-cookie-background: #FFF3E3; 161 --color-cookie-background-secondary: #f167521a; 162 --color-cookie-text: #fff; 163 --color-cookie-secondary-text: #0C2A4A; 164 165 166 --color-original-product-secondary: #0c2a4a; 167 --color-original-product-background: #DFF2F7; 168 --color-original-product-background-secondary: #fff; 169 --color-original-product-text: #0C2A4A; 170 --color-original-product-secondary-text: #fff; 171 172 --color-bday-secondary: #efa0df; 173 --color-bday-background: #ffdcee; 174 --color-bday-background-secondary: #fff; 175 --color-bday-text: #0C2A4A; 176 --color-bday-secondary-text: #fff; 177 178 --color-vanilla-secondary: #f4b960; 179 --color-vanilla-background: #ffeeca; 180 --color-vanilla-background-secondary: #fff; 181 --color-vanilla-text: #0C2A4A; 182 --color-vanilla-secondary-text: #fff; 183 184 --color-brownie-secondary: #833483; 185 --color-brownie-background: #f4c9f7; 186 --color-brownie-background-secondary: #fff; 187 --color-brownie-text: #0C2A4A; 188 --color-brownie-secondary-text: #fff; 189 190 --color-cinroll-secondary: #ff9f35; 191 --color-cinroll-background: #beeafc; 192 --color-cinroll-background-secondary: #fff; 193 --color-cinroll-text: #0C2A4A; 194 --color-cinroll-secondary-text: #fff; 195 196 --color-cookiesandcream-secondary: #47C9F3; 197 --color-cookiesandcream-background: #adadad; 198 --color-cookiesandcream-background-secondary: #fff; 199 --color-cookiesandcream-text: #fff; 200 --color-cookiesandcream-secondary-text: #0c2a4a; */ 201 202 --color-product-secondarycolor: #f16752; 203 --color-product-background: #fff3e3; 204 --color-product-background-secondary: #ffff; 205 --color-product-text: #0c2a4a; 206 --color-product-secondary-text: #fff; 207 --color-prodduct-tertiary-text: ; 208 --color-header-color: #f16752; 209 --color-cookiebrakes: #FFE8D4; 210 --color-coffee: #F6C999; 211 --color-brownie: #f4c9f7; 212 --color-brownie-dark: #833483; 213 --color-cinroll-blue: #beeafc; 214 --color-cinroll-yellow: #ff9f35; 215 --color-redvelvet: #b7374a; 216 --color-redvelvet-dark: #730404; 217 --color-banana-yellow: #FFF250; 218 --color-banana-bright-yellow: #Ffe600; 219 --color-banana-blue: #02AFFE; 220 --color-cbday-lpink: #fccde8; 221 --color-cbday-lblue: #C0ECFF; 222 --color-cbday-bpink: #f437a3; 223 --color-cookiesandcream-black: #282324; 224 --color-cookiesandcream-white: #ffffff; 225 --color-cookiesandcream-blue: #47C9F3; 226 --color-hotcocoa-p: #E7D2FC; 227 --color-hotcocoa-r: #E82A2A; 228 --color-wildberry-m: #b230a3; 229 --color-wildberry-db: #0263b3; 230 --color-wildberry-lb: #06adcb; 231 --color-cherrypie-red: #EB2029; 232 --color-cherrypie-blue: #6ED5F7; 233 --color-bluemonster-t: #CDBAB3; 234 --color-bluemonster-db: #0263B3; 235 --color-bluemonster-lb: #81b0d8; 236 --color-acd-gold: #CD8B39; 237 --color-acd-red: #D53433; 238 --color-acd-green: #343A25; 239 --color-btn-secondary: #FFFFFF; 240 --color-btn-secondary-text: #0C2A4A; 241 --color-bg-rgb: 242 ; 243 --color-bg-alt: rgba(17, 42, 69, 0.05) 244 ; 245 --color-bg-currency-selector: rgba(17, 42, 69, 0.2) 246 ; 247 248 --color-overlay-title-text: #ffffff 249 ; 250 --color-image-overlay: #685858 251 ; 252 --color-image-overlay-rgb: 104, 88, 88 253 ;--opacity-image-overlay: 0.4 254 ;--hover-overlay-opacity: 0.8 255 ; 256 257 --color-border: #112a45 258 ; 259 --color-border-form: #112a45 260 ; 261 --color-border-form-darker: #07111c 262 ; 263 264 --svg-select-icon: url('//oat.haus/cdn/shop/t/98/assets/ico-select.svg?v=105175441863714715401762726277'); 265 --slick-img-url: url('//oat.haus/cdn/shop/t/98/assets/ajax-loader.gif?v=93291764201814072961762726275'); 266 --keen-loader-url: url('//oat.haus/cdn/shop/t/98/assets/tail-spin.svg?v=69030561380201996061762726275'); 267 268 --font-weight-body--bold: 700 269 ; 270 --font-weight-body--bolder: 700 271 ; 272 273 --font-stack-header: 'Gliker', Arial, sans-serif 274 ; 275 --font-stack-header-margin: 'Gliker', Arial, sans-serif 276 ; 277 --font-style-header: normal 278 ; 279 --font-weight-header: 500; 280 281 --font-stack-body: 'Space Mono' , monospace 282 ; 283 --font-style-body: normal 284 ; 285 --font-weight-body: 400 286 ; 287 288 --font-size-header: 26 289 ; 290 291 --font-size-base: 15 292 ; 293 294 --font-h1-desktop: 35 295 ; 296 --font-h1-mobile: 32 297 ; 298 --font-h2-desktop: 20 299 ; 300 --font-h2-mobile: 18 301 ; 302 --font-h3-mobile: 20 303 ; 304 --font-h4-desktop: 17 305 ; 306 --font-h4-mobile: 15 307 ; 308 --font-h5-desktop: 15 309 ; 310 --font-h5-mobile: 13 311 ; 312 --font-h6-desktop: 14 313 ; 314 --font-h6-mobile: 12 315 ; 316 317 --font-mega-title-large-desktop: 65 318 ; 319 320 --font-rich-text-large: 17 321 ; 322 --font-rich-text-small: 13 323 ; 324 325 326--color-video-bg: #fae4ca 327 ; 328 329 --global-color-image-loader-primary: #fff; 330 --global-color-image-loader-secondary: rgba(17, 42, 69, 0.12) 331 ; 332 } 333</style> 334 335 336 337 <style> 338 *, 339 ::after, 340 ::before { 341 box-sizing: border-box; 342 } 343 body { 344 margin: 0; 345 } 346 body, 347 html { 348 background-color: var(--color-body); 349 } 350 body, 351 button {
352 font-size: calc(var(--font-size-base) * 1.5px); 353 font-family: var(--font-stack-body); 354 font-style: var(--font-style-body); 355 font-weight: var(--font-weight-body); 356 color: var(--color-text); 357 line-height: 1.5; 358 } 359 body, 360 button { 361 -webkit-font-smoothing: antialiased; 362 -webkit-text-size-adjust: 100%; 363 } 364 .border-bottom { 365 border-bottom: 1px solid var(--color-border); 366 } 367 .btn--link { 368 background-color: transparent; 369 border: 0; 370 margin: 0; 371 color: var(--color-text); 372 text-align: left; 373 } 374 .text-right { 375 text-align: right; 376 } 377 .icon { 378 display: inline-block; 379 width: 30px; 380 height: 30px; 381 vertical-align: middle; 382 fill: currentColor; 383 } 384 .icon__fallback-text, 385 .visually-hidden { 386 position: absolute !important; 387 overflow: hidden; 388 clip: rect(0 0 0 0); 389 height: 1px; 390 width: 1px; 391 margin: -1px; 392 padding: 0; 393 border: 0; 394 } 395 svg.icon:not(.icon--full-color) circle, 396 svg.icon:not(.icon--full-color) ellipse, 397 svg.icon:not(.icon--full-color) g, 398 svg.icon:not(.icon--full-color) line, 399 svg.icon:not(.icon--full-color) path, 400 svg.icon:not(.icon--full-color) polygon, 401 svg.icon:not(.icon--full-color) polyline, 402 svg.icon:not(.icon--full-color) rect, 403 symbol.icon:not(.icon--full-color) circle, 404 symbol.icon:not(.icon--full-color) ellipse, 405 symbol.icon:not(.icon--full-color) g, 406 symbol.icon:not(.icon--full-color) line, 407 symbol.icon:not(.icon--full-color) path, 408 symbol.icon:not(.icon--full-color) polygon, 409 symbol.icon:not(.icon--full-color) polyline, 410 symbol.icon:not(.icon--full-color) rect { 411 fill: inherit; 412 stroke: inherit; 413 } 414 li { 415 list-style: none; 416 } 417 .list--inline { 418 padding: 0; 419 margin: 0; 420 } 421 .list--inline > li { 422 display: inline-block; 423 margin-bottom: 0; 424 vertical-align: middle; 425 } 426 a { 427 color: var(--color-text); 428 text-decoration: none; 429 } 430 .h1, 431 h1 { 432 margin: 0 0 17.5px; 433 font-family: var(--font-stack-header-margin); 434 font-style: var(--font-style-header); 435 font-weight: var(--font-weight-header); 436 line-height: 1.2; 437 overflow-wrap: break-word; 438 word-wrap: break-word; 439 } 440 .h2, 441 h2 { 442 margin: 0 0 17.5px; 443 font-family: var(--font-stack-header); 444 font-style: var(--font-style-header); 445 font-weight: var(--font-weight-header); 446 line-height: 1.2; 447 overflow-wrap: break-word; 448 word-wrap: break-word; 449 } 450 .h1 a, 451 .h2 a, 452 h1 a, 453 h2 a { 454 color: inherit; 455 text-decoration: none; 456 font-weight: inherit; 457 } 458 .h1, 459 h1 { 460 font-size: calc(((var(--font-h1-desktop)) / (var(--font-size-base))) * 1em); 461 text-transform: none; 462 letter-spacing: 0; 463 } 464 @media only screen and (max-width: 749px) { 465 .h1, 466 h1 { 467 font-size: calc(((var(--font-h1-mobile)) / (var(--font-size-base))) * 1em); 468 } 469 } 470 .h2, 471 h2 { 472 font-size: calc(((var(--font-h2-desktop)) / (var(--font-size-base))) * 1em); 473 text-transform: uppercase; 474 letter-spacing: 0.1em; 475 } 476 @media only screen and (max-width: 749px) { 477 .h2, 478 h2 { 479 font-size: calc(((var(--font-h2-mobile)) / (var(--font-size-base))) * 1em); 480 } 481 } 482 p { 483 color: var(--color-body-text); 484 margin: 0 0 19.44444px; 485 } 486 @media only screen and (max-width: 749px) { 487 p { 488 font-size: calc(((var(--font-size-base) - 1) / (var(--font-size-base))) * 1em); 489 } 490 } 491 p:last-child { 492 margin-bottom: 0; 493 } 494 @media only screen and (max-width: 749px) { 495 .small--hide { 496 display: none !important; 497 } 498 } 499 .grid { 500 list-style: none; 501 margin: 0; 502 padding: 0; 503 margin-left: -30px; 504 } 505 .grid::after { 506 content: ""; 507 display: table; 508 clear: both; 509 } 510 @media only screen and (max-width: 749px) { 511 .grid { 512 margin-left: -22px; 513 } 514 } 515 .grid::after { 516 content: ""; 517 display: table; 518 clear: both; 519 } 520 .grid--no-gutters { 521 margin-left: 0; 522 } 523 .grid--no-gutters .grid__item { 524 padding-left: 0; 525 } 526 .grid--table { 527 display: table; 528 table-layout: fixed; 529 width: 100%; 530 } 531 .grid--table > .grid__item { 532 float: none; 533 display: table-cell; 534 vertical-align: middle; 535 } 536 .site-header .grid--table > .grid__item { 537 width: 33%; 538 } 539 .grid__item { 540 float: left; 541 padding-left: 30px; 542 width: 100%; 543 } 544 .grid__item .rich-text__heading { 545 } 546 @media only screen and (max-width: 749px) { 547 .grid__item { 548 padding-left: 22px; 549 } 550 } 551 .grid__item[class*="--push"] { 552 position: relative; 553 } 554 @media only screen and (min-width: 750px) { 555 .medium-up--one-quarter { 556 width: 25%; 557 } 558 .medium-up--push-one-third { 559 width: 33.33%; 560 } 561 .medium-up--one-half { 562 width: 50%; 563 } 564 .medium-up--push-one-third { 565 left: 33.33%; 566 position: relative; 567 } 568 } 569 .site-header { 570 position: relative; 571 background-color: var(--color-primary-header); 572 } 573 .site-header__logo { 574 margin: 15px 0; 575 } 576 .logo-align--center .site-header__logo { 577 text-align: center; 578 margin: 15px 0 0 0; 579 } 580 @media only screen and (max-width: 750px) { 581 .mobile-slideshow { 582 display: unset; 583 } 584 .desktop-slideshow, 585 .slideshow__btn-wrapper, 586 .slideshow__text-content-list { 587 display: none; 588 } 589 } 590 @media only screen and (max-width: 749px) { 591 .logo-align--center .site-header__logo { 592 text-align: left; 593 margin: 15px 0; 594 } 595 } 596 @media only screen and (max-width: 749px) { 597 .site-header__logo { 598 padding-left: 22px; 599 text-align: left; 600 } 601 .site-header__logo img { 602 margin: 0; 603 } 604 } 605 .site-header__logo-link { 606 display: inline-block; 607 word-break: break-word; 608 } 609 @media only screen and (min-width: 750px) { 610 .logo-align--center .site-header__logo-link { 611 margin: 0 auto; 612 } 613 } 614 .site-header__logo-image { 615 display: block; 616 } 617 @media only screen and (min-width: 750px) { 618 .site-header__logo-image { 619 margin: 0 auto; 620 } 621 } 622 .site-header__logo-image img { 623 width: 100%; 624 } 625 .site-header__logo-image--centered img { 626 margin: 0 auto; 627 } 628 .site-header__logo img { 629 display: block; 630 } 631 .site-header__account, 632 .site-header__cart { 633 position: relative; 634 } 635 .site-header__menu { 636 display: none; 637 } 638 @media only screen and (max-width: 749px) { 639 .site-header__icon { 640 display: inline-block; 641 vertical-align: middle; 642 padding: 10px 11px; 643 margin: 0; 644 } 645 } 646 .announcement-bar { 647 z-index: 10; 648 position: relative; 649 text-align: center; 650 border-bottom: 1px solid transparent; 651 padding: 2px; 652 } 653 .announcement-bar__link { 654 display: block; 655 } 656 .announcement-bar__message { 657 display: block; 658 padding: 11px 22px; 659 font-size: calc(((16) / (var(--font-size-base))) * 1em); 660 font-weight: var(--font-weight-header); 661 } 662 @media only screen and (min-width: 750px) { 663 .announcement-bar__message { 664 padding-left: 55px; 665 padding-right: 55px; 666 } 667 } 668 .site-nav { 669 position: relative; 670 padding: 0 20px; 671 text-align: center; 672 margin: 25px 0; 673 transition: all 0.2s ease 0s; 674 display: flex; 675 gap:30px; 676 } 677 @media screen and (min-width:1400px) { 678 .site-nav { 679 gap:75px; 680 } 681 } 682 .site-nav a { 683 font-size: 22px; 684 line-height: 1; 685 letter-spacing: 1.1px; 686 padding: 0; 687 color: #0C2A4A; 688 } 689 .site-nav__link { 690 display: block; 691 white-space: nowrap; 692 } 693 .site-nav--centered .site-nav__link { 694 padding-top: 0; 695 } 696 .site-nav__link .icon-chevron-down { 697 width: calc(8em / 16); 698 height: calc(8em / 16); 699 margin-left: 0.5rem; 700 } 701 .site-nav__label { 702 border-bottom: 1px solid transparent; 703 border-width: medium; 704 } 705 .site-nav__link--active .site-nav__label { 706 border-bottom-color: var(--color-text); 707 border-width: medium; 708 } 709 .site-nav__link--button { 710 border: none; 711 background-color: transparent; 712 padding: 3px 10px; 713 } 714 .mobile-nav--open .icon-close { 715 display: none; 716 } 717 .main-content { 718 opacity: 0; 719 } 720 .main-content .shopify-section { 721 display: none; 722 } 723 .main-content .shopify-section:first-child { 724 display: inherit; 725 } 726 .critical-hidden { 727 display: none; 728 } 729 .nut-free-sign { 730 display: block; 731 position: absolute; 732 width: 185px; 733 z-index: 999; 734 top: -100px; 735 } 736 .logo-bar-index { 737 background-color: var(--color-orange) !important; 738 position: relative; 739 z-index: 1000; 740 padding-bottom: 50px; 741 } 742 .dropdown svg { 743 position: absolute; 744 right: 15px; 745 width: 12px; 746 height: 8px; 747 stroke-width: 1px; 748 stroke: #001f5c; 749 transform: rotate(0); 750 transition: rotate 0.25s ease-in-out; 751 } 752 #shopify-section-collection h2 { 753 font-size: 108px; 754 letter-spacing: 5px; 755 line-height: 90px; 756 margin: auto; 757 max-width: 700px; 758 text-transform: none; 759 } 760 #shopify-section-header { 761 width: 100%; 762 } 763 .align--center { 764 align-self: center; 765 ms-flex-item-align: center; 766 text-align: center; 767 webkit-align-self: center; 768 } 769 .arrow { 770 fill: #fff; 771 height: 30px; 772 position: absolute; 773 top: 50%; 774 transform: translateY(-50%); 775 webkit-transform: translateY(-50%); 776 width: 30px; 777 } 778 .arrow--left { 779 left: 15px; 780 } 781 .arrow--right { 782 left: auto; 783 right: 15px; 784 } 785 .article__grid-image { 786 margin: 0 auto; 787 width: 100%; 788 } 789 .article__grid-image-container { 790 clear: both; 791 display: block; 792 height: 100%; 793 margin: 0 auto 27.5px 0; 794 min-height: 1px; 795 position: relative; 796 width: 100%; 797 } 798 .article__grid-image-container img { 799 display: block; 800 } 801 .article__grid-image-wrapper { 802 margin: 0 auto; 803 position: relative; 804 width: 100%; 805 } 806 .background-babyblue { 807 background-color: var(--color-baby-blue); 808 } 809 .background-orange { 810 background-color: var(--color-orange); 811 } 812 .big-oat-energy { 813 display: inline-block; 814 float: left; 815 position: relative; 816 } 817 .big-oat-energy-drip-jar { 818 margin-bottom: -20%; 819 margin-left: auto; 820 margin-right: auto; 821 max-width: 450px; 822 z-index: 1; 823 } 824 .big-oat-energy-drip-spoon { 825 margin: auto; 826 margin-top: -45%; 827 max-width: 120px; 828 z-index: 1; 829 } 830 .big-oat-energy-section { 831 background-color: var(--color-baby-blue); 832 position: relative; 833 } 834 .big-oat-energy-title { 835 font-size: 90px; 836 letter-spacing: 0.05em; 837 line-height: 72px; 838 margin-bottom: 25px; 839 margin-top: 100px; 840 } 841 .block { 842 display: block; 843 } 844 .bnf {
845 right: 8%; 846 } 847 .boe-free-of-grid { 848 margin-bottom: 75px; 849 } 850 .boe-free-of-grid { 851 display: inline-block; 852 position: relative; 853 width: 100%; 854 } 855 .box { 856 background: no-repeat; 857 background-color: #f7f7f7; 858 background-size: contain; 859 } 860 .brice { 861 font-family: Brice, Arial, Helvetica, sans-serif; 862 letter-spacing: 2.5px; 863 text-transform: uppercase; 864 } 865 .btn { 866 appearance: none; 867 background-color: var(--color-btn-primary); 868 border: 5px solid var(--color-btn-primary); 869 border-radius: 100px; 870 color: var(--color-btn-primary-text); 871 display: inline-block; 872 font-family: var(--font-stack-header); 873 font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); 874 font-style: var(--font-style-header); 875 font-weight: var(--font-weight-header); 876 letter-spacing: 0.08em; 877 -moz-appearance: none; 878 padding: 8px 15px; 879 text-align: center; 880 text-decoration: none; 881 text-transform: uppercase; 882 vertical-align: middle; 883 -webkit-appearance: none; 884 white-space: normal; 885 width: auto; 886 } 887 .btn--link { 888 background-color: transparent; 889 border: 0; 890 color: var(--color-text); 891 margin: 0; 892 text-align: left; 893 } 894 .btn--link .icon { 895 vertical-align: middle; 896 } 897 .btn--quaternary { 898 background-color: var(--color-darkblue); 899 border: solid 5px var(--color-bg); 900 border-radius: 100px; 901 color: var(--color-bg); 902 font-size: 18px; 903 padding: 15px 20px; 904 text-align: center; 905 } 906 .btn--small { 907 font-size: calc(((12) / (var(--font-size-base))) * 1em); 908 line-height: 1; 909 padding: 8px 10px; 910 } 911 .collection-homepage { 912 margin-bottom: 30px; 913 } 914 .collection-homepage .jdgm-prev-badge { 915 text-align: center; 916 } 917 .collection-homepage .jdgm-prev-badge__text { 918 color: #fff; 919 } 920 .collection-homepage .jdgm-star { 921 color: var(--color-yellow) !important; 922 } 923 .color-baby-blue { 924 color: var(--color-baby-blue); 925 } 926 .colortheme-blueberry-flavordot { 927 color-primary: var(--color-perrywinkle); 928 color-secondary: var(--color-perrywinkle); 929 } 930 .colortheme-blueberry-productbg { 931 background-color: var(--color-perrywinkle-light); 932 fill: var(--color-perrywinkle-light); 933 } 934 .colortheme-blueberry-productbg .jdgm-star, 935 .colortheme-blueberry-productbg .product-single__description p { 936 color: var(--color-perrywinkle) !important; 937 } 938 .colortheme-blueberry-productingredientsbg { 939 background-color: var(--color-baby-blue); 940 } 941 .colortheme-chocolate-flavordot { 942 color-primary: var(--color-purple); 943 color-secondary: var(--color-purple); 944 } 945 .colortheme-chocolate-productbg { 946 background-color: var(--color-purple-light); 947 fill: var(--color-purple-light); 948 } 949 .colortheme-chocolate-productbg .jdgm-star, 950 .colortheme-chocolate-productbg .product-single__description p { 951 /*color: var(--color-purple) !important;*/ 952 } 953 .colortheme-chocolate-productingredientsbg { 954 background-color: var(--color-yellow-light); 955 } 956 .colortheme-original-flavordot { 957 color-primary: var(--color-orange); 958 color-secondary: var(--color-orange); 959 } 960 .colortheme-original-productbg { 961 background-color: var(--color-blue-light); 962 fill: var(--color-blue-light); 963 } 964 .colortheme-original-productbg .jdgm-star 965 966 { 967 color: var(--color-orange) !important; 968 } 969 .colortheme-original-productbg .product-single__description p { 970 color: var(--color-black) !important; 971 } 972 .colortheme-original-productingredientsbg { 973 background-color: var(--color-orange); 974 } 975 .colortheme-vanilla-flavordot { 976 color-primary: var(--color-yellow); 977 color-secondary: var(--color-yellow); 978 } 979 .colortheme-vanilla-productbg { 980 background-color: var(--color-yellow-light); 981 fill: var(--color-yellow-light); 982 } 983 .colortheme-vanilla-productbg .jdgm-star, 984 .colortheme-vanilla-productbg .product-single__description p { 985 986 } 987 .colortheme-vanilla-productingredientsbg { 988 background-color: var(--color-purple-light); 989 } 990 .color-white { 991 color: var(--color-bg); 992 } 993 .custom__item { 994 flex: 0 0 auto; 995 margin-bottom: 30px; 996 max-width: 100%; 997 moz-flex: 0 0 auto; 998 ms-flex: 0 0 auto; 999 padding-left: 30px; 1000 webkit-flex: 0 0 auto; 1001 } 1002 .custom__item-inner { 1003 display: block; 1004 max-width: 100%; 1005 position: relative; 1006 text-align: left; 1007 } 1008 .custom__item-inner--html { 1009 display: block; 1010 } 1011 .custom-content { 1012 align-items: stretch; 1013 display: flex; 1014 display: -ms-flexbox; 1015 display: -webkit-flex; 1016 flex-wrap: wrap; 1017 margin-bottom: -30px; 1018 margin-left: -30px; 1019 moz-align-items: stretch; 1020 moz-flex-wrap: wrap; 1021 ms-align-items: stretch; 1022 ms-flex-align: stretch; 1023 ms-flex-wrap: wrap; 1024 o-align-items: stretch; 1025 webkit-align-items: stretch; 1026 webkit-flex-wrap: wrap; 1027 width: 100%; 1028 width: auto; 1029 } 1030 .drawer { 1031 display: none; 1032 position: fixed; 1033 webkit-overflow-scrolling: touch; 1034 z-index: 9; 1035 } 1036 .drawer-page-content::after { 1037 background-color: rgba(0, 0, 0, 0.6); 1038 content: ""; 1039 display: block; 1040 height: 100%; 1041 left: 0; 1042 opacity: 0; 1043 position: fixed; 1044 top: 0; 1045 visibility: hidden; 1046 width: 100%; 1047 z-index: 8; 1048 } 1049 .drawer--top { 1050 ms-transform: translateY(-100%); 1051 transform: translateY(-100%); 1052 webkit-transform: translateY(-100%); 1053 width: 100%; 1054 } 1055 .dropdown { 1056 list-style: none; 1057 margin: 0; 1058 padding: 0; 1059 position: relative; 1060 } 1061 .dropdown li { 1062 font-size: 16px; 1063 } 1064 .dropdown svg { 1065 height: 8px; 1066 position: absolute; 1067 right: 15px; 1068 stroke: #001f5c; 1069 stroke-width: 1px; 1070 transform: rotate(0); 1071 width: 12px; 1072 } 1073 .dropdown__arrow { 1074 z-index: 4; 1075 } 1076 .dropdown__list { 1077 background: var(--color-bg); 1078 border: 2px solid var(--color-darkblue); 1079 border-radius: 22px; 1080 display: none; 1081 left: 0; 1082 list-style: none; 1083 max-height: 0; 1084 max-height: 800px; 1085 opacity: 0; 1086 overflow: hidden; 1087 padding: 0; 1088 position: absolute; 1089 top: -44px; 1090 width: 100%; 1091 z-index: 3; 1092 } 1093 .dropdown__list-container { 1094 padding: 0 !important; 1095 position: relative; 1096 } 1097 .dropdown__list-item { 1098 align-items: center; 1099 display: flex; 1100 display: -ms-flexbox; 1101 height: 44px; 1102 ms-flex-align: center; 1103 padding: 0 15px !important; 1104 } 1105 .dropdown__list-item:last-child { 1106 border-bottom: 0; 1107 } 1108 .dropdown__selected-item { 1109 align-items: center; 1110 background: #fff; 1111 border-radius: 100px; 1112 display: flex; 1113 display: -ms-flexbox; 1114 height: 44px; 1115 ms-flex-align: center; 1116 outline: 0; 1117 padding: 0 15px; 1118 z-index: 2; 1119 } 1120 .feature-columns-oh { 1121 background-color: var(--color-purple); 1122 } 1123 .featured-in-image-wrapper img { 1124 max-height: 85px; 1125 } 1126 .feature-row { 1127 align-items: center; 1128 display: flex; 1129 display: -ms-flexbox; 1130 display: -webkit-flex; 1131 justify-content: space-between; 1132 -moz-align-items: center; 1133 -ms-align-items: center; 1134 -ms-flex-align: center; 1135 -ms-justify-content: space-between; 1136 -o-align-items: center; 1137 -webkit-align-items: center;
1138 -webkit-justify-content: space-between; 1139 width: 100%; 1140 } 1141 .feature-row__image { 1142 display: block; 1143 margin: 0 auto; 1144 } 1145 .feature-row__image-wrapper { 1146 margin: auto; 1147 position: relative; 1148 width: 100%; 1149 } 1150 .feature-row__image-wrapper .feature-row__image { 1151 position: absolute; 1152 top: 0; 1153 width: 100%; 1154 } 1155 .feature-row__item { 1156 flex: 0 1 50%; 1157 -moz-flex: 0 1 50%; 1158 ms-flex: 0 1 50%; 1159 -webkit-flex: 0 1 50%; 1160 } 1161 .feature-row__text { 1162 padding-bottom: 35px; 1163 padding-top: 35px; 1164 } 1165 .feature-row-image-oh img { 1166 border: 5px solid var(--color-darkblue); 1167 border-radius: 30px; 1168 } 1169 .flavor-dot { 1170 background-color: var(--color-baby-blue); 1171 background-image: linear-gradient( 1172 180deg, 1173 var(--color-primary), 1174 var(--color-secondary) 1175 ); 1176 border-radius: 50%; 1177 display: inline-block; 1178 flex-shrink: 0; 1179 height: 12px; 1180 margin-right: 10px; 1181 -ms-flex-negative: 0; 1182 width: 12px; 1183 } 1184 .flavorswap-icons { 1185 flex-wrap: wrap; 1186 display: flex; 1187 margin-bottom: 1rem; 1188 margin-right: -0.5rem; 1189 } 1190 .flavorswap-products { 1191 margin-right: 0.5rem; 1192 margin-left: 0.5rem; 1193 position: relative; 1194 } 1195 .flavorswap-product-button { 1196 background-repeat: no-repeat; 1197 background-clip: padding-box; 1198 background-position: bottom -9px left 50%; 1199 border-color: rgba(12, 42, 74, 0.2); 1200 border-style: solid; 1201 border-width: 3px; 1202 border-radius: 100%; 1203 overflow: hidden; 1204 cursor: pointer; 1205 width: 55px; 1206 height: 55px; 1207 position: relative; 1208 background-size: cover; 1209 background-position: bottom; 1210 margin-bottom: 10px; 1211 } 1212 .flavorswap-active { 1213 border-color: #0c2a4a; 1214 } 1215 .free-of-dummy { 1216 border-radius: 50%; 1217 padding-top: 100%; 1218 } 1219 .free-of-grid-item { 1220 margin-top: 10px; 1221 padding: 15px; 1222 position: relative; 1223 } 1224 .free-of-header { 1225 border-radius: 50%; 1226 bottom: 0; 1227 left: 0; 1228 margin: 10px; 1229 position: absolute; 1230 right: 0; 1231 top: 0; 1232 } 1233 .free-of-header { 1234 font-size: 8px; 1235 font-weight: 700; 1236 } 1237 .free-of-header-text { 1238 font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 0.85em); 1239 letter-spacing: 2.5px; 1240 } 1241 .full-width-link { 1242 bottom: 0; 1243 left: 0; 1244 position: absolute; 1245 right: 0; 1246 top: 0; 1247 z-index: 2; 1248 } 1249 .go-cart__button { 1250 background: #fd6d4c; 1251 border-radius: 100px; 1252 color: var(--color-text); 1253 font-size: 18px; 1254 padding: 15px 10px; 1255 text-align: center; 1256 } 1257 .go-cart__drawer { 1258 backface-visibility: hidden; 1259 background-color: #b2eafd; 1260 height: 100%; 1261 max-width: 480px; 1262 position: fixed; 1263 right: -480px; 1264 top: 0; 1265 width: 100%; 1266 z-index: 10002; 1267 } 1268 .go-cart__modal { 1269 align-items: center; 1270 backface-visibility: hidden; 1271 background-color: #fff; 1272 display: flex; 1273 height: 220px; 1274 left: 50%; 1275 max-width: 420px; 1276 opacity: 0; 1277 position: fixed; 1278 top: 50%; 1279 transform: translate(-50%, -50%); 1280 visibility: hidden; 1281 width: 100%; 1282 z-index: 10002; 1283 } 1284 .go-cart__overlay { 1285 backface-visibility: hidden; 1286 background-color: rgba(0, 0, 0, 0.4); 1287 bottom: 0; 1288 left: 0; 1289 opacity: 0; 1290 position: fixed; 1291 right: 0; 1292 top: 0; 1293 visibility: hidden; 1294 z-index: 10001; 1295 } 1296 .go-cart__trigger { 1297 position: relative; 1298 } 1299 .go-cart-drawer { 1300 height: 100%; 1301 overflow-x: hidden; 1302 overflow-y: auto; 1303 position: relative; 1304 } 1305 .go-cart-drawer__close { 1306 line-height: 0; 1307 } 1308 .go-cart-drawer__content { 1309 height: calc(100% - 300px - 60px - 50px - 150px); 1310 min-height: 250px; 1311 overflow-y: auto; 1312 padding: 10px 30px; 1313 } 1314 .go-cart-drawer__footer { 1315 display: flex; 1316 flex-direction: column; 1317 height: 300px; 1318 justify-content: space-between; 1319 padding: 10px 30px 30px 30px; 1320 width: 100%; 1321 } 1322 .go-cart-drawer__header { 1323 align-items: center; 1324 display: flex; 1325 height: 60px; 1326 justify-content: space-between;
1327 padding: 0 30px; 1328 width: 100%; 1329 } 1330 .go-cart-drawer__subtotal { 1331 align-items: center; 1332 display: flex; 1333 font-size: 24px; 1334 height: 50px; 1335 justify-content: space-between; 1336 margin-bottom: 10px; 1337 margin-top: 25px; 1338 padding: 0 30px; 1339 width: 100%; 1340 } 1341 .go-cart-header-text { 1342 color: var(--color-darkblue); 1343 } 1344 .go-cart-header-text { 1345 font-family: Margin, Arial, Helvetica, sans-serif; 1346 font-size: 54px; 1347 } 1348 .go-cart-modal { 1349 align-items: center; 1350 display: flex; 1351 flex-direction: column; 1352 height: 100%; 1353 justify-content: center; 1354 position: relative; 1355 width: 100%; 1356 } 1357 .go-cart-modal__buttons { 1358 align-items: center; 1359 display: flex; 1360 justify-content: space-between; 1361 padding: 0 20px 20px; 1362 width: 100%; 1363 } 1364 .go-cart-modal__close { 1365 line-height: 0; 1366 position: absolute; 1367 right: 20px; 1368 top: 20px; 1369 z-index: 10003; 1370 } 1371 .go-cart-modal__content { 1372 padding: 20px; 1373 text-align: center; 1374 width: 100%; 1375 } 1376 .grid--flush-bottom { 1377 margin-bottom: -55px; 1378 overflow: auto; 1379 } 1380 .grid-view-item { 1381 margin: 0 auto 35px; 1382 } 1383 .grid-view-item__image { 1384 display: block; 1385 margin: 0 auto; 1386 width: 100%; 1387 } 1388 .grid-view-item__image.lazyload { 1389 opacity: 0; 1390 } 1391 .grid-view-item__image-wrapper { 1392 margin: 0 auto 15px; 1393 position: relative; 1394 width: 100%; 1395 } 1396 .grid-view-item__image-wrapper .grid-view-item__image { 1397 position: absolute; 1398 top: 0; 1399 } 1400 .grid-view-item__link { 1401 display: block; 1402 } 1403 .grid-view-item__title { 1404 color: var(--color-text); 1405 margin-bottom: 0; 1406 } 1407 .grid--view-items { 1408 margin-bottom: -35px; 1409 overflow: auto; 1410 } 1411 .h3 { 1412 font-size: calc(((var(--font-size-header)) / (var(--font-size-base))) * 1em); 1413 letter-spacing: 0; 1414 text-transform: none; 1415 } 1416 .h3, 1417 .h4 { 1418 font-family: Margin; 1419 font-style: var(--font-style-header); 1420 font-weight: var(--font-weight-header); 1421 line-height: 1.2; 1422 margin: 0 0 17.5px; 1423 overflow-wrap: break-word; 1424 word-wrap: break-word; 1425 } 1426 .h4 { 1427 font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 1em); 1428 } 1429 .h4 { 1430 font-family: Margin; 1431 font-style: var(--font-style-header); 1432 font-weight: var(--font-weight-header); 1433 line-height: 1.2; 1434 margin: 0 0 17.5px; 1435 overflow-wrap: break-word; 1436 word-wrap: break-word; 1437 } 1438 .h4 a { 1439 color: inherit; 1440 font-weight: inherit; 1441 text-decoration: none; 1442 } 1443 .haus { 1444 width: 225px; 1445 } 1446 .haus-rules { 1447 padding-bottom: 0; 1448 padding-top: 0; 1449 position: relative; 1450 } 1451 .haus-rules-content { 1452 padding-left: 40px; 1453 padding-right: 40px; 1454 } 1455 .haus-rules-list { 1456 counter-reset: my-awesome-counter; 1457 list-style: none; 1458 padding-left: 110px; 1459 } 1460 .haus-rules-list div { 1461 margin-left: -80px; 1462 } 1463 .haus-rules-list li { 1464 counter-increment: my-awesome-counter; 1465 line-height: 48px; 1466 margin: 0 0 1.5rem 0; 1467 position: relative; 1468 } 1469 .haus-rules-list li::before { 1470 background: var(--color-orange); 1471 border: solid 3px var(--color-darkblue); 1472 border-radius: 50%; 1473 box-shadow: 0 0 0 5px Var(--color-orange); 1474 color: var(--color-darkblue); 1475 content: counter(my-awesome-counter) ". "; 1476 font-size: 1.5rem; 1477 font-weight: 700; 1478 height: var(--size); 1479 left: calc(-1 * var(--size) - 25px); 1480 line-height: var(--size); 1481 position: absolute; 1482 size: 50px; 1483 text-align: center; 1484 top: 0; 1485 white-space: nowrap; 1486 width: var(--size); 1487 } 1488 .haus-rules-title { 1489 font-size: 100px; 1490 letter-spacing: 5px; 1491 line-height: 80px; 1492 } 1493 .hero { 1494 background-position: 50% 50%; 1495 background-repeat: no-repeat; 1496 background-size: cover; 1497 display: table; 1498 height: 475px; 1499 position: relative; 1500 width: 100%; 1501 } 1502 .hero__inner { 1503 display: table-cell; 1504 padding: 55px 0; 1505 position: relative; 1506 vertical-align: middle; 1507 z-index: 2; 1508 } 1509 .hero--medium { 1510 height: 357px; 1511 } 1512 .hide { 1513 display: none !important; 1514 } 1515 .homepage-collection { 1516 background-color: var(--color-darkblue); 1517 position: relative; 1518 } 1519 .hr--invisible { 1520 border-bottom: 0; 1521 } 1522 .index-section { 1523 padding-bottom: 35px; 1524 padding-top: 35px; 1525 } 1526 .index-section:first-child { 1527 border-top: 0; 1528 padding-bottom: 0; 1529 padding-top: 0; 1530 } 1531 .index-section--flush:first-child { 1532 margin-top: -35px; 1533 } 1534 .jdgm-histogram { 1535 background: #fff !important; 1536 border: 1px solid !important; 1537 border-color: #f5f5f5 !important; 1538 margin-top: 5px !important; 1539 } 1540 .jdgm-histogram { 1541 float: unset !important; 1542 width: unset; 1543 } 1544 .jdgm-histogram__row { 1545 color: #000 !important; 1546 } 1547 .jdgm-histogram__row { 1548 text-align: left; 1549 } 1550 .jdgm-prev-badge__text { 1551 white-space: nowrap; 1552 }
1553 .jdgm-product-carousel { 1554 margin-top: -25px; 1555 } 1556 .jdgm-product-carousel-wrapper { 1557 margin: auto; 1558 max-width: 1080px; 1559 padding-bottom: 30px; 1560 padding-top: 50px; 1561 } 1562 .jdgm-rev { 1563 background: #fff !important; 1564 border-color: #f5f5f5 !important; 1565 border-radius: 30px; 1566 padding: 15px; 1567 } 1568 .jdgm-rev-widg { 1569 border: unset !important; 1570 } 1571 .jdgm-rev-widg { 1572 border: none !important; 1573 } 1574 .jdgm-rev-widg__body { 1575 border-top: 3px solid #fff !important; 1576 } 1577 .jdgm-rev-widg__header { 1578 align-content: center; 1579 display: block; 1580 text-align: center; 1581 } 1582 .jdgm-rev-widg__summary { 1583 display: contents; 1584 text-align: center; 1585 } 1586 .jdgm-rev-widg__title { 1587 font-size: 2em; 1588 letter-spacing: 0.07em; 1589 padding-bottom: 10px; 1590 text-align: center; 1591 text-transform: uppercase; 1592 } 1593 .jdgm-widget .jdgm-temp-hidden { 1594 display: inline-block !important; 1595 padding: 5px; 1596 } 1597 .js .article__grid-image { 1598 position: absolute; 1599 top: 0; 1600 } 1601 .js-go-cart-counter { 1602 background-color: #fd6d4c; 1603 border-radius: 50%; 1604 color: #072a47; 1605 font-size: 14px; 1606 letter-spacing: 0; 1607 margin-left: -15px; 1608 padding: 3px 3px 0 3px; 1609 vertical-align: top; 1610 } 1611 .js-go-cart-shipping-progress-text { 1612 font-size: 18px; 1613 font-weight: 800; 1614 } 1615 .keen-slider { 1616 display: flex; 1617 ms-touch-action: pan-y; 1618 overflow: hidden; 1619 position: relative; 1620 touch-action: pan-y; 1621 webkit-touch-callout: none; 1622 } 1623 .keen-slider__slide { 1624 align-self: center; 1625 min-height: 100%; 1626 overflow: hidden; 1627 position: relative; 1628 width: 100%; 1629 } 1630 .lazy__slide { 1631 background-position: center; 1632 background-repeat: no-repeat; 1633 background-size: 100px; 1634 height: 100%; 1635 margin: 0 auto; 1636 padding-top: 100%; 1637 position: relative; 1638 width: 100%; 1639 } 1640 .lazy__slide img { 1641 left: 50%; 1642 position: absolute; 1643 top: 50%; 1644 transform: translate(-50%, -50%); 1645 width: 100%; 1646 } 1647 .link-parent { 1648 margin-bottom: 10px !important; 1649 margin-top: 10px; 1650 } 1651 .logo-align--center .site-header__logo { 1652 margin: 0 auto; 1653 margin: 15px 0 0 0; 1654 text-align: center; 1655 } 1656 .logo-bar__link { 1657 display: block; 1658 } 1659 .logo-bar-index { 1660 color: var(--color-darkblue); 1661 } 1662 .logo-bar-title { 1663 margin: 25px; 1664 } 1665 .margin { 1666 font-family: Margin, Arial, Helvetica, sans-serif; 1667 letter-spacing: 1.2px; 1668 text-transform: none; 1669 } 1670 .gliker { 1671 font-family: Gliker, Arial, Helvetica, sans-serif !important; 1672 letter-spacing: 1.2px !important; 1673 text-transform: none !important; 1674 } 1675 .mega-title { 1676 margin-bottom: 8px; 1677 } 1678 .mega-subtitle, 1679 .mega-title { 1680 color: var(--color-overlay-title-text); 1681 } 1682 .mobile-nav { 1683 display: block; 1684 ms-transform: translate3d(0, 0, 0); 1685 padding-top: 15px; 1686 transform: translate3d(0, 0, 0); 1687 webkit-transform: translate3d(0, 0, 0); 1688 } 1689 .mobile-nav__dropdown { 1690 background-color: var(--color-body); 1691 display: none; 1692 position: absolute; 1693 right: -100%; 1694 top: 0; 1695 width: 100%; 1696 z-index: 8; 1697 } 1698 .mobile-nav__dropdown .mobile-nav__sublist-header { 1699 display: table-cell; 1700 font-family: var(--font-stack-header); 1701 font-style: var(--font-style-header); 1702 font-weight: var(--font-weight-header); 1703 padding-left: 15px; 1704 vertical-align: middle; 1705 } 1706 .mobile-nav__dropdown .mobile-nav__sublist-header--main-nav-parent { 1707 color: var(--color-body-text); 1708 } 1709 .mobile-nav__icon { 1710 bottom: 0; 1711 overflow: hidden; 1712 padding-left: 22px; 1713 padding-right: 22px; 1714 position: absolute; 1715 right: 0; 1716 top: 0; 1717 } 1718 .mobile-nav__item { 1719 display: block; 1720 width: 100%; 1721 } 1722 .mobile-nav__item .icon { 1723 height: 14px; 1724 left: 50%; 1725 margin: -6px 0 0 -7px; 1726 position: absolute; 1727 top: 50%; 1728 width: 14px; 1729 } 1730 .mobile-nav__label { 1731 border-bottom: 1px solid transparent; 1732 } 1733 .mobile-nav__link { 1734 position: relative; 1735 } 1736 .mobile-nav__link, 1737 .mobile-nav__sublist-link { 1738 display: block; 1739 font-size: 16px; 1740 padding: 15px 30px; 1741 width: 100%; 1742 } 1743 .mobile-nav__link--active .mobile-nav__label { 1744 border-bottom-color: var(--color-text); 1745 border-width: medium; 1746 } 1747 .mobile-nav__return { 1748 border-right: 1px solid var(--color-border); 1749 } 1750 .mobile-nav__return-btn { 1751 padding: 24px 0; 1752 position: relative; 1753 width: 55px; 1754 } 1755 .mobile-nav__sublist-link:not(.mobile-nav__sublist-header) { 1756 padding-left: 70px; 1757 padding-right: 30px; 1758 } 1759 .mobile-nav__table { 1760 display: table; 1761 width: 100%; 1762 } 1763 .mobile-nav__table-cell { 1764 display: table-cell; 1765 text-align: left; 1766 vertical-align: middle; 1767 white-space: normal; 1768 width: 1%; 1769 } 1770 .mobile-nav-wrapper { 1771 background-color: var(--color-body); 1772 display: none; 1773 height: 100vh; 1774 left: 0; 1775 ms-transform: translateY(-100%); 1776 overflow: hidden; 1777 position: absolute; 1778 top: 0; 1779 transform: translateY(-100%); 1780 webkit-transform: translateY(-100%); 1781 width: 100%; 1782 z-index: 999; 1783 } 1784 .mobile-nav-wrapper::after { 1785 border-bottom: 1px solid var(--color-border); 1786 bottom: 0; 1787 content: ""; 1788 left: 0; 1789 position: absolute; 1790 right: 0; 1791 } 1792 .no-js .js { 1793 display: none; 1794 } 1795 .no-js .slideshow__image { 1796 opacity: 1; 1797 } 1798 .no-js .slideshow__text-content::after { 1799 content: none; 1800 opacity: 0; 1801 visibility: hidden; 1802 } 1803 .no-js [data-image-loading-animation] { 1804 animation-name: none; 1805 } 1806 .one-half { 1807 width: 50%; 1808 } 1809 .one-third {
1810 width: 33.33333%; 1811 } 1812 .one-whole { 1813 width: 100%; 1814 } 1815 .onf { 1816 left: 8%; 1817 } 1818 .order-1 { 1819 order: 1; 1820 } 1821 .order-2 { 1822 order: 2; 1823 } 1824 .page-container { 1825 background-color: var(--color-bg); 1826 overflow: hidden; 1827 position: relative; 1828 } 1829 .page-width { 1830 padding-left: 55px; 1831 padding-right: 55px; 1832 } 1833 .page-width { 1834 margin: 0 auto; 1835 max-width: 1800px; 1836 zoom: 1; 1837 } 1838 .page-width::after { 1839 clear: both; 1840 content: ""; 1841 display: table; 1842 } 1843 .payment-icons .icon { 1844 fill: inherit; 1845 height: 24px; 1846 width: 38px; 1847 } 1848 .perks-1 { 1849 left: calc(20% - 92px); 1850 } 1851 .perks-2 { 1852 left: calc(40% - 92px); 1853 } 1854 .perks-3 { 1855 left: calc(60% - 92px); 1856 } 1857 .perks-4 { 1858 left: calc(80% - 92px); 1859 } 1860 .perks-wrapper { 1861 padding-bottom: 50px; 1862 position: relative; 1863 } 1864 .predictive-search-wrapper { 1865 background-color: var(--color-bg); 1866 border: 1px solid var(--color-border-form); 1867 display: none; 1868 left: 0; 1869 margin-top: -1px; 1870 overflow-y: auto; 1871 position: absolute; 1872 right: 0; 1873 z-index: 1000; 1874 } 1875 .price { 1876 align-items: center; 1877 display: flex; 1878 flex-direction: column; 1879 margin-bottom: 0; 1880 margin-top: 0; 1881 } 1882 .price dd { 1883 margin: 0 0.5em 0 0; 1884 } 1885 .price__regular { 1886 display: block; 1887 } 1888 .price__regular, 1889 .price__sale { 1890 margin-right: 0.625rem; 1891 } 1892 .price__sale { 1893 margin-right: 0.625rem; 1894 } 1895 .price__sale { 1896 display: none; 1897 } 1898 .price-item { 1899 color: var(--color-body-text); 1900 font-weight: var(--font-weight-body--bolder); 1901 } 1902 .price-item--sale {
1903/*color: var(--color-sale-text);*/ } 1904 .price--on-sale .price__regular { 1905 display: none; 1906 } 1907 .price--on-sale .price__sale { 1908 display: flex; 1909 flex-direction: row; 1910 flex-wrap: wrap; 1911 } 1912 .price--on-sale .price-item--regular { 1913 text-decoration: line-through; 1914 } 1915 .price--widget { 1916 align-items: center; 1917 font-size: 24px; 1918 margin-top: 10px; 1919 } 1920 .product-arrow { 1921 fill: #fff; 1922 height: 30px; 1923 position: absolute; 1924 top: 50%; 1925 transform: translateY(-50%); 1926 webkit-transform: translateY(-50%); 1927 width: 30px; 1928 } 1929 .product-arrow--left { 1930 left: -50px; 1931 } 1932 .product-arrow--right { 1933 left: auto; 1934 right: -50px; 1935 } 1936 .product-background { 1937 margin-top: -55px; 1938 padding-top: 55px; 1939 } 1940 .product-background .jdgm-prev-badge__text { 1941 font-size: 26px; 1942 padding-left: 5px; 1943 } 1944 .product-background .jdgm-star.jdgm--on:before { 1945 font-size: 32px; 1946 padding-right: 3px; 1947 } 1948 .product-card { 1949 position: relative; 1950 } 1951 .product-card__image-with-placeholder-wrapper { 1952 position: relative; 1953 } 1954 .product-card__title { 1955 border-bottom: 1px solid transparent; 1956 display: inline; 1957 font-family: var(--font-stack-header); 1958 font-style: var(--font-style-header); 1959 font-weight: var(--font-weight-header); 1960 } 1961 .product-dots { 1962 display: flex; 1963 justify-content: center; 1964 padding: 10px 0; 1965 } 1966 .product-form input { 1967 font-size: 20px; 1968 min-height: 44px; 1969 } 1970 .product-page-label { 1971 font-size: 16px; 1972 margin-bottom: 12px; 1973 } 1974 .product-single { 1975 overflow-anchor: none; 1976 } 1977 .product-single__description { 1978 margin-bottom: 20px; 1979 margin-top: 20px; 1980 } 1981 .product-single__description p { 1982 font-size: 24px; 1983 font-weight: 600; 1984 } 1985 .product-single__description p { 1986 color: var(--color-orange); 1987 font-size: 22px; 1988 font-weight: 500; 1989 } 1990 .product-single__media { 1991 height: 100%; 1992 margin: 0 auto; 1993 min-height: 1px; 1994 position: relative; 1995 width: 100%; 1996 } 1997 .product-single__media img { 1998 left: 0; 1999 max-width: 100%; 2000 position: absolute; 2001 top: 0; 2002 width: 100%; 2003 } 2004 .product-single__media-wrapper { 2005 margin: 0 auto; 2006 width: 100%; 2007 } 2008 .product-single__thumbnails { 2009 justify-content: center; 2010 margin-top: 0; 2011 } 2012 .product-single__thumbnails { 2013 margin-left: -9px; 2014 margin-right: -9px; 2015 margin-top: 15px; 2016 } 2017 .product-single__title { 2018 font-size: 72px; 2019 line-height: 56px; 2020 line-height: inherit; 2021 margin-bottom: 0.5rem; 2022 margin-top: -15px; 2023 } 2024 .product-template__container { 2025 padding-bottom: 38px; 2026 } 2027 .ratio-container { 2028 position: relative; 2029 } 2030 .ratio-container:after { 2031 content: ""; 2032 display: block; 2033 height: 0; 2034 padding-bottom: 50%; 2035 width: 100%; 2036 } 2037 .rte { 2038 color: var(--color-body-text); 2039 margin-bottom: 35px; 2040 } 2041 .rte img { 2042 height: auto; 2043 } 2044 .rte ul { 2045 list-style: disc outside; 2046 } 2047 .rte ul { 2048 margin: 0 0 17.5px 35px; 2049 } 2050 .rte:last-child { 2051 margin-bottom: 0; 2052 } 2053 .rte-setting { 2054 margin-bottom: 19.44444px; 2055 } 2056 .rte-setting:last-child { 2057 margin-bottom: 0; 2058 } 2059 .section-header { 2060 margin-bottom: 35px; 2061 } 2062 .shipping-announcement-bar-wrapper { 2063 background: #fd6d4c; 2064 border-radius: 3px; 2065 box-shadow: rgba(0, 0, 0, 0.2) 0 0 12px, rgba(0, 0, 0, 0.5) 0 0 0.5px; 2066 display: flex; 2067 justify-content: space-between; 2068 margin: 0; 2069 opacity: 1; 2070 overflow-y: hidden; 2071 padding: 7px; 2072 position: relative; 2073 transform: translate3d(0, 0, 0); 2074 } 2075 .shipping-announcement-bar-wrapper .btn-close { 2076 display: inline-block; 2077 height: 20px; 2078 position: absolute; 2079 right: 15px; 2080 top: 8px; 2081 width: 14px; 2082 } 2083 .shipping-announcement-bar-wrapper .btn-close svg { 2084 fill: #003c5c; 2085 } 2086 .shipping-announcement-bar-wrapper .content-blk { 2087 align-items: center; 2088 display: flex; 2089 } 2090 .shipping-announcement-bar-wrapper .content-blk .shipping-icon { 2091 margin-right: 5px;
2092 width: 20px; 2093 } 2094 .shipping-announcement-bar-wrapper .content-blk .shipping-icon svg { 2095 fill: #003c5c; 2096 } 2097 .shipping-announcement-bar-wrapper .content-blk p { 2098 color: #003c5c; 2099 font-family: "Acherus Grotesque"; 2100 font-size: 14px; 2101 font-weight: 800; 2102 letter-spacing: 0.5px; 2103 line-height: 19px; 2104 white-space: pre; 2105 word-wrap: break-word; 2106 } 2107 .shop-all { 2108 padding-left: 40px; 2109 padding-right: 40px; 2110 } 2111 .site-header { 2112 background-color: var(--color-primary-header); 2113 position: relative; 2114 z-index: 1000; 2115 } 2116 .site-header__account { 2117 position: relative; 2118 } 2119 .site-header__icons { 2120 position: relative; 2121 white-space: nowrap; 2122 } 2123 .site-header__icons-wrapper { 2124 justify-content: flex-end; 2125 align-items: center; 2126 display: flex; 2127 display: -ms-flexbox; 2128 display: -webkit-flex; 2129 moz-align-items: center; 2130 ms-align-items: center; 2131 ms-flex-align: center; 2132 -o-align-items: center; 2133 position: relative; 2134 -webkit-align-items: center; 2135 width: 100%; 2136 } 2137 .site-header__icons-wrapper-menu { 2138 justify-content: start; 2139 -ms-justify-content: start; 2140 -webkit-justify-content: start; 2141 } 2142 .site-header__logo { 2143 margin: 15px 0; 2144 } 2145 .site-header__logo-image { 2146 display: block; 2147 } 2148 .site-header__mobile-nav { 2149 background-color: var(--color-baby-blue); 2150 font-family: var(--font-stack-header); 2151 letter-spacing: 3px; 2152 position: relative; 2153 z-index: 11; 2154 } 2155 .site-header__search-toggle { 2156 display: block; 2157 } 2158 .site-shipping__announcement-bar { 2159 border-radius: 30px; 2160 bottom: -50px; 2161 display: inline-block; 2162 max-height: 44px; 2163 max-width: 95%; 2164 overflow: hidden; 2165 position: absolute; 2166 right: 6px; 2167 width: 0; 2168 z-index: 1000; 2169 } 2170 .slideshow { 2171 margin-bottom: 0; 2172 max-height: 80vh; 2173 overflow: hidden; 2174 position: unset; 2175 } 2176 .slideshow__btn { 2177 background-color: var(--color-btn-primary); 2178 color: var(--color-btn-primary-text); 2179 display: inline-block; 2180 line-height: 2.2; 2181 max-width: 100%; 2182 min-height: 3.125rem; 2183 word-wrap: break-word; 2184 } 2185 .slideshow__btn-wrapper { 2186 background-color: transparent; 2187 border: none; 2188 } 2189 .slideshow__controls { 2190 display: flex; 2191 justify-content: center; 2192 margin-bottom: 5px; 2193 position: absolute; 2194 right: 0; 2195 top: 0; 2196 z-index: 8; 2197 } 2198 .slideshow__image { 2199 background-color: transparent; 2200 background-position: center center; 2201 background-repeat: no-repeat; 2202 background-size: cover; 2203 height: 100%; 2204 left: 0; 2205 position: absolute; 2206 top: 0; 2207 width: 100%; 2208 z-index: 1; 2209 } 2210 .slideshow__slide { 2211 height: 100%; 2212 left: 0; 2213 opacity: 0; 2214 overflow: hidden; 2215 position: absolute; 2216 top: 0; 2217 width: 100%; 2218 z-index: -1; 2219 } 2220 .slideshow__slide--active { 2221 opacity: 1; 2222 z-index: 8; 2223 } 2224 .no-js .slideshow__text-content, 2225 .slideshow__slide--active .slideshow__text-content { 2226 -ms-transform: translateY(-40px); 2227 opacity: 1; 2228 transform: translateY(-40px); 2229 -webkit-transform: translateY(-40px); 2230 } 2231 .slideshow__text-content.slideshow__text-content--vertical-top { 2232 top: 120px; 2233 } 2234 .slideshow__text-wrap { 2235 height: 100%; 2236 position: relative; 2237 } 2238 .slideshow__text-wrap--desktop .slideshow__text-content { 2239 position: absolute; 2240 top: 50%; 2241 width: 100%; 2242 z-index: 2; 2243 } 2244 .slideshow__subtitle, 2245 .slideshow__title { 2246 color: var(--color-overlay-title-text); 2247 } 2248 .slideshow--large { 2249 height: 375px; 2250 } 2251 .slideshow--medium { 2252 height: 270px; 2253 } 2254 .slideshow-wrapper { 2255 position: relative; 2256 } 2257 .subscribe-product { 2258 padding: 75px 25px; 2259 } 2260 .subscription-price-grid { 2261 display: flex; 2262 flex-flow: wrap; 2263 } 2264 .subscription-price-grid-item { 2265 flex-basis: 25%; 2266 } 2267 .subscription-price-grid-item .price__sale { 2268 border: var(--color-darkblue) 3px solid; 2269 flex-direction: column; 2270 justify-content: center; 2271 text-align: center; 2272 width: 100%; 2273 } 2274 .subscription-price-grid-item-title { 2275 border: var(--color-darkblue) 3px solid; 2276 margin-bottom: -3px; 2277 } 2278 .tab-container { 2279 position: relative; 2280 } 2281 .tab-nut-free { 2282 grid-area: tab-nut-free; 2283 left: -95px; 2284 position: absolute !important; 2285 top: -75px; 2286 } 2287 .text-center { 2288 text-align: center !important; 2289 } 2290 .text-left { 2291 text-align: left !important; 2292 } 2293 .text-right { 2294 text-align: right !important; 2295 } 2296 .thumbnails-wrapperslider-active { 2297 position: relative; 2298 } 2299 .visually-hidden { 2300 border: 0; 2301 clip: rect(0 0 0 0); 2302 height: 1px; 2303 margin: -1px; 2304 overflow: hidden; 2305 padding: 0; 2306 position: absolute !important; 2307 width: 1px; 2308 } 2309 .visually-hidden--inline { 2310 height: 1em; 2311 margin: 0; 2312 } 2313 ::-moz-placeholder { 2314 color: var(--color-text-field-text); 2315 opacity: 0.6; 2316 } 2317 ::-ms-input-placeholder { 2318 color: var(--color-text-field-text); 2319 opacity: 1; 2320 } 2321 ::-webkit-input-placeholder { 2322 color: var(--color-text-field-text); 2323 opacity: 0.6; 2324 } 2325 :-ms-input-placeholder { 2326 color: var(--color-text-field-text); 2327 opacity: 0.6; 2328 } 2329 @keyframes image-loader { 2330 0% { 2331 background-color: var(--global-color-image-loader-primary); 2332 } 2333 100% { 2334 background-color: var(--global-color-image-loader-primary); 2335 } 2336 50% { 2337 background-color: var(--global-color-image-loader-primary); 2338 } 2339 } 2340 @media (min-width: 768px) { 2341 .site-shipping__announcement-bar { 2342 bottom: -50px; 2343 } 2344 @media only screen and (max-width: 749px) { 2345 .site-footer__item:last-of-type { 2346 margin-bottom: 0; 2347 } 2348 @media only screen and (max-width: 749px) { 2349 .feature-row__image { 2350 order: 1; 2351 } 2352 @media only screen and (max-width: 749px) { 2353 .page-width { 2354 padding-left: 22px; 2355 padding-right: 22px; 2356 } 2357 @media only screen and (max-width: 749px) { 2358 .custom__item { 2359 flex: 0 0 auto; 2360 margin-bottom: 22px; 2361 moz-flex: 0 0 auto; 2362 ms-flex: 0 0 auto; 2363 padding-left: 22px; 2364 webkit-flex: 0 0 auto; 2365 } 2366 @media only screen and (max-width: 749px) { 2367 .site-header__icons { 2368 padding-left: 13px !important; 2369 padding-right: 13px; 2370 width: auto; 2371 } 2372 .site-header__icons .btn--link { 2373 font-size: calc(((var(--font-size-base)) / (var(--font-size-base))) * 1em); 2374 } 2375 @media only screen and (max-width: 749px) { 2376 .small--hide { 2377 display: none !important; 2378 } 2379 .small--one-whole { 2380 width: 100%; 2381 } 2382 .small--text-center { 2383 text-align: center !important; 2384 } 2385 @media only screen and (max-width: 749px) { 2386 .product-single__media-group { 2387 position: relative; 2388 } 2389 .template-product .main-content { 2390 padding-top: 22px; 2391 } 2392 @media only screen and (max-width: 749px) { 2393 .product-single__media-group { 2394 margin-bottom: 30px; 2395 } 2396 .product-single__media--has-thumbnails { 2397 margin-bottom: 30px; 2398 } 2399 @media only screen and (max-width: 749px) { 2400 .site-header__logo { 2401 padding-left: 0; 2402 text-align: left; 2403 } 2404 @media only screen and (max-width: 749px) { 2405 .custom-content { 2406 margin-bottom: -22px; 2407 margin-left: -22px; 2408 } 2409 @media only screen and (max-width: 749px) { 2410 .site-header__icon { 2411 display: inline-block; 2412 margin: 0; 2413 padding: 10px 11px; 2414 vertical-align: middle; 2415 } 2416 @media only screen and (max-width: 749px) { 2417 .price { 2418 font-size: calc( 2419 ((var(--font-size-base) - 1) / (var(--font-size-base))) * 1.25em 2420 ); 2421 } 2422 @media only screen and (max-width: 749px) { 2423 .feature-row__item { 2424 flex: 1 1 auto; 2425 max-width: 100%; 2426 moz-flex: 1 1 auto; 2427 ms-flex: 1 1 auto; 2428 webkit-flex: 1 1 auto; 2429 width: 100%; 2430 } 2431 @media only screen and (max-width: 749px) { 2432 .h4 { 2433 font-size: calc(((var(--font-h4-mobile)) / (var(--font-size-base))) * 1em); 2434 } 2435 @media only screen and (max-width: 749px) { 2436 .payment-icons { 2437 line-height: 40px; 2438 } 2439 @media only screen and (max-width: 749px) { 2440 .predictive-search-wrapper--drawer { 2441 margin-top: 3px; 2442 padding-top: 14px; 2443 } 2444 @media only screen and (max-width: 749px) { 2445 .h3 { 2446 font-size: calc(((var(--font-h3-mobile)) / (var(--font-size-base))) * 1em); 2447 } 2448 @media only screen and (max-width: 749px) { 2449 .feature-row { 2450 flex-direction: column; 2451 moz-flex-direction: column; 2452 ms-flex-direction: column; 2453 webkit-flex-direction: column; 2454 } 2455 @media only screen and (max-width: 749px) { 2456 .site-header__mobile-nav { 2457 align-items: center; 2458 display: flex; 2459 display: -ms-flexbox; 2460 display: -webkit-flex; 2461 moz-align-items: center; 2462 ms-align-items: center; 2463 ms-flex-align: center; 2464 o-align-items: center; 2465 webkit-align-items: center; 2466 width: 100%; 2467 } 2468 @media only screen and (max-width: 749px) { 2469 .search-bar .predictive-search-wrapper { 2470 border: none; 2471 } 2472 @media only screen and (max-width: 749px) { 2473 .feature-row__text { 2474 order: 2; 2475 padding-bottom: 0; 2476 } 2477 @media only screen and (max-width: 749px) { 2478 h3 { 2479 font-size: calc(((var(--font-h3-mobile)) / (var(--font-size-base))) * 1em); 2480 } 2481 @media only screen and (max-width: 749px) { 2482 .article__grid-image-container { 2483 float: left; 2484 margin: 0 0 55px 0; 2485 } 2486 .small--one-quarter { 2487 width: 25%; 2488 } 2489 @media only screen and (max-width: 749px) { 2490 .grid-view-item__title { 2491 font-size: calc(((var(--font-size-base) - 1) / (var(--font-size-base))) * 1em); 2492 } 2493 @media only screen and (max-width: 750px) { 2494 .big-oat-energy-drip-jar { 2495 margin-bottom: -40%; 2496 } 2497 @media only screen and (max-width: 750px) { 2498 .haus-rules-content { 2499 padding: 50px 15px; 2500 } 2501 @media only screen and (max-width: 750px) { 2502 .big-oat-energy-title { 2503 margin-top: 30px; 2504 } 2505 @media only screen and (max-width: 750px) { 2506 .free-of-grid-item { 2507 padding: 4px; 2508 } 2509 .free-of-header-text { 2510 font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 0.4em); 2511 } 2512 @media only screen and (max-width: 750px) { 2513 #shopify-section-collection h2 { 2514 font-size: 72px; 2515 line-height: 72px; 2516 } 2517 @media only screen and (max-width: 750px) { 2518 .big-oat-energy-drip-spoon { 2519 margin-left: -150px; 2520 margin-top: 0; 2521 min-width: 400px; 2522 z-index: 1; 2523 } 2524 @media only screen and (max-width: 750px) { 2525 .tab-button-text { 2526 font-size: 12px; 2527 } 2528 @media only screen and (max-width: 750px) { 2529 .tab-button { 2530 border-bottom-left-radius: 0; 2531 border-bottom-right-radius: 0; 2532 border-top-left-radius: 30px; 2533 border-top-right-radius: 30px; 2534 } 2535 @media only screen and (max-width: 750px) { 2536 .content-area { 2537 border-top-left-radius: 0; 2538 border-top-right-radius: 0; 2539 } 2540 @media only screen and (max-width: 750px) { 2541 .bnf {
2542 right: 5%; 2543 top: -75px; 2544 width: 120px; 2545 } 2546 .onf { 2547 left: 8%; 2548 top: -85px; 2549 width: 150px; 2550 } 2551 @media only screen and (max-width: 750px) { 2552 .slideshow__text-content.slideshow__text-content--vertical-top { 2553 top: 60px; 2554 } 2555 @media only screen and (max-width: 750px) { 2556 .haus { 2557 width: 175px; 2558 } 2559 .haus-rules-content { 2560 padding: 50px 15px; 2561 } 2562 .haus-rules-list { 2563 padding-left: 80px; 2564 } 2565 .haus-rules-title { 2566 font-size: 64px; 2567 letter-spacing: 5px; 2568 line-height: 80px; 2569 } 2570 @media only screen and (max-width: 750px) { 2571 .perks-1, 2572 .perks-2, 2573 .perks-3, 2574 .perks-4 { 2575 display: inline-block; 2576 left: unset; 2577 padding: 10px; 2578 position: relative; 2579 top: unset; 2580 } 2581 .perks-wrapper { 2582 display: flex; 2583 flex-wrap: wrap; 2584 justify-content: space-around; 2585 padding-bottom: 0; 2586 padding-top: 35px; 2587 } 2588 @media only screen and (max-width: 750px) { 2589 .subscription-price-grid-item { 2590 flex-basis: 50%; 2591 } 2592 @media only screen and (max-width: 989px) { 2593 button, 2594 input { 2595 font-size: 16px; 2596 } 2597 @media only screen and (min-width: 2000px) { 2598 .free-of-header-text { 2599 font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 1.1em); 2600 } 2601 @media only screen and (min-width: 750px) { 2602 .search-bar .predictive-search-wrapper { 2603 left: auto; 2604 max-width: 748px; 2605 position: absolute; 2606 right: auto; 2607 } 2608 @media only screen and (min-width: 750px) { 2609 .medium-up--hide { 2610 display: none !important; 2611 } 2612 .medium-up--one-half-product { 2613 margin: 0 2.5%; 2614 width: 44.7%; 2615 } 2616 .medium-up--two-tenths { 2617 width: 20%; 2618 } 2619 .product-single__meta { 2620 width: 95%; 2621 } 2622 @media only screen and (min-width: 750px) { 2623 .site-footer__icon-list { 2624 padding-bottom: 15px; 2625 } 2626 @media only screen and (min-width: 750px) { 2627 .site-header { 2628 padding: 29px 29px; 2629 } 2630 .site-header.logo--center { 2631 padding-top: 0; 2632 } 2633 @media only screen and (min-width: 750px) { 2634 .site-footer__linklist-item { 2635 padding: 0 30px 5px 0; 2636 } 2637 @media only screen and (min-width: 750px) { 2638 .main-content { 2639 padding-top: 55px; 2640 } 2641 @media only screen and (min-width: 750px) { 2642 .mega-subtitle { 2643 font-size: calc(((var(--font-size-base) + 4) / (var(--font-size-base))) * 1em); 2644 margin: 0 auto; 2645 } 2646 @media only screen and (min-width: 750px) { 2647 .mega-subtitle, 2648 .mega-title { 2649 text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); 2650 } 2651 @media only screen and (min-width: 750px) { 2652 .product-single { 2653 display: flex; 2654 } 2655 @media only screen and (min-width: 750px) { 2656 input { 2657 padding: 10px 18px; 2658 } 2659 @media only screen and (min-width: 750px) { 2660 .page-container { 2661 ms-transform: translate3d(0, 0, 0); 2662 transform: translate3d(0, 0, 0); 2663 webkit-transform: translate3d(0, 0, 0); 2664 } 2665 @media only screen and (min-width: 750px) { 2666 .site-footer { 2667 padding-bottom: 35px; 2668 } 2669 @media only screen and (min-width: 750px) { 2670 .social-icons .icon { 2671 height: 25px; 2672 width: 25px; 2673 } 2674 @media only screen and (min-width: 750px) { 2675 .btn { 2676 padding: 10px 18px; 2677 } 2678 @media only screen and (min-width: 750px) { 2679 .site-footer__content { 2680 flex-wrap: nowrap; 2681 moz-flex-wrap: nowrap; 2682 ms-flex-wrap: nowrap; 2683 webkit-flex-wrap: nowrap; 2684 } 2685 @media only screen and (min-width: 750px) { 2686 .site-header__account { 2687 padding: 10px 30px; 2688 } 2689 @media only screen and (min-width: 750px) { 2690 .site-footer .h4 { 2691 margin-bottom: 25px; 2692 min-height: calc(var(--font-size-header) * 0.7); 2693 } 2694 @media only screen and (min-width: 750px) { 2695 .site-header__icon .icon-search { 2696 margin-right: 3px; 2697 } 2698 @media only screen and (min-width: 750px) { 2699 .site-footer__item--one-fifth { 2700 flex: 1 1 20%; 2701 moz-flex: 1 1 20%; 2702 ms-flex: 1 1 20%; 2703 webkit-flex: 1 1 20%; 2704 } 2705 .site-footer-newsletter__two-fifths { 2706 flex: 1 1 40%; 2707 moz-flex: 1 1 40%; 2708 ms-flex: 1 1 40%; 2709 webkit-flex: 1 1 40%; 2710 } 2711 .medium-up--one-half { 2712 width: 50%; 2713 } 2714 .medium-up--text-left { 2715 text-align: left !important; 2716 } 2717 @media only screen and (min-width: 750px) { 2718 .site-footer__item { 2719 margin-bottom: 45px; 2720 padding: 0 15px 0 15px; 2721 } 2722 @media only screen and (min-width: 750px) { 2723 .site-header__logo-image { 2724 margin: 0 auto; 2725 } 2726 @media only screen and (min-width: 750px) { 2727 .search-bar__interior { 2728 height: auto; 2729 padding-left: 55px; 2730 padding-right: 55px; 2731 } 2732 @media only screen and (min-width: 750px) { 2733 .go-cart__trigger { 2734 padding-right: 10px; 2735 } 2736 @media only screen and (min-width: 750px) { 2737 .site-footer__hr { 2738 margin: 0 0 20px 0; 2739 } 2740 @media only screen and (min-width: 750px) { 2741 .predictive-search-wrapper { 2742 max-height: 80vh; 2743 } 2744 @media only screen and (min-width: 750px) { 2745 .slideshow__controls { 2746 bottom: 0; 2747 left: 0; 2748 top: auto; 2749 } 2750 @media only screen and (min-width: 750px) { 2751 .slideshow__text-content { 2752 opacity: 0; 2753 } 2754 @media only screen and (min-width: 750px) { 2755 .product-dots { 2756 display: flex; 2757 flex-wrap: wrap; 2758 } 2759 @media only screen and (min-width: 750px) { 2760 .slideshow__btn-wrapper--push { 2761 margin-top: 30px; 2762 } 2763 @media only screen and (min-width: 750px) { 2764 .slideshow--large {
2765 height: 775px; 2766 } 2767 @media only screen and (min-width: 750px) { 2768 .feature-row__text--right { 2769 padding-right: 35px; 2770 } 2771 @media only screen and (min-width: 750px) { 2772 .hero--medium { 2773 height: 475px; 2774 } 2775 @media only screen and (min-width: 750px) { 2776 .slideshow { 2777 max-height: 100vh; 2778 position: relative; 2779 } 2780 @media only screen and (min-width: 750px) { 2781 .social-icons__item:last-of-type { 2782 padding-right: 0; 2783 } 2784 @media only screen and (min-width: 750px) { 2785 [class*="index-section--flush"]:first-child { 2786 margin-top: -55px; 2787 } 2788 @media only screen and (min-width: 750px) { 2789 .index-section { 2790 padding-bottom: 35px; 2791 padding-top: 35px; 2792 } 2793 @media only screen and (min-width: 750px) { 2794 .slideshow--medium { 2795 height: 650px; 2796 } 2797 @media only screen and (min-width: 750px) { 2798 .feature-row__text--left { 2799 padding-left: 35px; 2800 } 2801 @media only screen and (min-width: 750px) { 2802 .tab-content-active { 2803 padding-left: 25px; 2804 padding-right: 85px; 2805 } 2806 @media only screen and (min-width: 750px) { 2807 .grid--uniform .medium-up--one-quarter:nth-child(4n + 1), 2808 .grid--uniform .medium-up--one-third:nth-child(3n + 1) { 2809 clear: both; 2810 } 2811 .medium-up--hide { 2812 display: none !important; 2813 } 2814 .medium-up--one-quarter { 2815 width: 25%; 2816 } 2817 .medium-up--one-third { 2818 width: 33.33333%; 2819 } 2820 @media only screen and (min-width: 750px) { 2821 .section-header { 2822 margin-bottom: 55px; 2823 } 2824 [data-image-loading-animation] { 2825 animation: image-loader 2s 0.4s infinite; 2826 background-color: var(--global-color-image-loader-primary); 2827 -moz-animation: image-loader 2s 0.4s infinite; 2828 -o-animation: image-loader 2s 0.4s infinite; 2829 webkit-animation: image-loader 2s 0.4s infinite; 2830 } 2831 a { 2832 background-color: transparent; 2833 } 2834 [role="button"], 2835 a, 2836 button, 2837 input { 2838 touch-action: manipulation; 2839 } 2840 a, 2841 button, 2842 input { 2843 touch-action: manipulation; 2844 } 2845 b, 2846 strong { 2847 font-weight: var(--font-weight-body--bolder); 2848 } 2849 button, 2850 input { 2851 color: inherit; 2852 font: inherit; 2853 margin: 0; 2854 } 2855 [type="button"]::-moz-focus-inner, 2856 [type="submit"]::-moz-focus-inner, 2857 button::-moz-focus-inner { 2858 border-style: none; 2859 padding: 0; 2860 } 2861 [type="button"]:-moz-focusring, 2862 [type="submit"]:-moz-focusring, 2863 button:-moz-focusring { 2864 outline: 1px dotted ButtonText; 2865 } 2866 em { 2867 font-style: italic; 2868 } 2869 footer, 2870 header, 2871 main, 2872 nav { 2873 display: block; 2874 } 2875 form { 2876 margin: 0; 2877 } 2878 h3 { 2879 font-size: calc(((var(--font-size-header)) / (var(--font-size-base))) * 1em); 2880 letter-spacing: 0; 2881 text-transform: none; 2882 } 2883 .h4, 2884 h3 { 2885 font-family: Margin; 2886 font-style: var(--font-style-header); 2887 font-weight: var(--font-weight-header); 2888 line-height: 1.2; 2889 margin: 0 0 17.5px; 2890 overflow-wrap: break-word; 2891 word-wrap: break-word; 2892 } 2893 hr { 2894 border: 0; 2895 border-bottom: 1px solid var(--color-border); 2896 margin: 55px 0; 2897 } 2898 img { 2899 border: 0; 2900 max-width: 100%; 2901 } 2902 input { 2903 background-color: var(--color-text-field); 2904 border: 1px solid var(--color-border-form); 2905 border-radius: 2px; 2906 color: var(--color-text-field-text); 2907 line-height: 1.2; 2908 max-width: 100%; 2909 } 2910 input { 2911 padding: 8px 15px; 2912 } 2913 input { 2914 webkit-font-smoothing: antialiased; 2915 webkit-text-size-adjust: 100%; 2916 } 2917 input { 2918 color: var(--color-text); 2919 font-family: var(--font-stack-body); 2920 font-size: calc(var(--font-size-base) * 1.5px); 2921 font-style: var(--font-style-body); 2922 font-weight: var(--font-weight-body); 2923 line-height: 1.5; 2924 } 2925 input::-webkit-inner-spin-button, 2926 input::-webkit-outer-spin-button { 2927 margin: 0; 2928 webkit-appearance: none; 2929 } 2930 ol { 2931 list-style: decimal; 2932 } 2933 option { 2934 background-color: var(--color-body); 2935 color: var(--color-text); 2936 } 2937 strong { 2938 font-weight: var(--font-weight-body--bolder); 2939 } 2940 svg:not(:root) { 2941 overflow: hidden; 2942 } 2943 ul { 2944 margin: 0; 2945 padding: 0; 2946 } 2947 ol, 2948 ul { 2949 margin: 0; 2950 padding: 0; 2951 } 2952 } 2953 } 2954 } 2955 } 2956 } 2957 } 2958 } 2959 } 2960 } 2961 } 2962 } 2963 } 2964 } 2965 } 2966 } 2967 } 2968 } 2969 } 2970 } 2971 } 2972 } 2973 } 2974 } 2975 } 2976 } 2977 } 2978 } 2979 } 2980 } 2981 } 2982 } 2983 } 2984 } 2985 } 2986 } 2987 } 2988 } 2989 } 2990 } 2991 } 2992 } 2993 } 2994 } 2995 } 2996 } 2997 } 2998 } 2999 } 3000 } 3001 } 3002 } 3003 } 3004 } 3005 } 3006 } 3007 } 3008 } 3009 } 3010 } 3011 } 3012 } 3013 } 3014 } 3015 } 3016 } 3017 } 3018 } 3019 } 3020 } 3021 } 3022 } 3023 } 3024 } 3025 } 3026 } 3027 } 3028 } 3029 } 3030 } 3031 } 3032 } 3033 } 3034 </style> 3035 3036
3036<script> 3037 window.performance.mark('debut:theme_stylesheet_loaded.start'); 3038 function onLoadStylesheet() { 3039 performance.mark('debut:theme_stylesheet_loaded.end'); 3040 performance.measure( 3041 'debut:theme_stylesheet_loaded', 3042 'debut:theme_stylesheet_loaded.start', 3043 'debut:theme_stylesheet_loaded.end' 3044 ); 3045 var url = "//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590"; 3046 var link = document.querySelector('link[href="' + url + '"]'); 3047 link.loaded = true; 3048 link.dispatchEvent(new Event('load')); 3049 } 3050 </script>
3050 3051 3052 <link 3053 rel="stylesheet" 3054 href="//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590" 3055 type="text/css" 3056 media="print" 3057 onload="this.media='all';onLoadStylesheet()" 3058 > 3059 <link 3060 rel="stylesheet" 3061 href="//oat.haus/cdn/shop/t/98/assets/global.css?v=39262540951184641211770136832" 3062 type="text/css" 3063 media="print" 3064 onload="this.media='all';onLoadStylesheet()" 3065 > 3066 <style> 3067 @font-face { 3068 font-family: 'Margin'; 3069 src: url(//oat.haus/cdn/shop/t/98/assets/Margin2.woff2?v=73979697606249836921762726276) format('woff2'); 3070 font-weight: normal; 3071 font-style: normal; 3072 font-display: swap; 3073 } 3074 3075 @font-face { 3076 font-family: 'Brice'; 3077 src: url(//oat.haus/cdn/shop/t/98/assets/briceUpper.woff2?v=66179181321747484971762726278) format('woff2'); 3078 font-weight: normal; 3079 font-style: normal; 3080 font-display: swap; 3081 } 3082 3083 @font-face { 3084 font-family: 'Acherus Grotesque'; 3085 src: url(//oat.haus/cdn/shop/t/98/assets/AcherusGrotesque-Regular.woff2?v=90071873940701258241762726274) format('woff2'); 3086 font-weight: normal; 3087 font-style: normal; 3088 font-display: swap; 3089 } 3090 3091 @font-face { 3092 font-family: 'Gliker'; 3093 src: url(//oat.haus/cdn/shop/t/98/assets/Gliker-Regular.woff2?v=7891864014999633141762726275) format('woff2'); 3094 font-weight: 400; 3095 font-style: normal; 3096 font-display: swap; 3097 } 3098 </style> 3099 3100
3100<script> 3101 var theme = { 3102 breakpoints: { 3103 medium: 750, 3104 large: 990, 3105 widescreen: 1400 3106 }, 3107 strings: { 3108 addToCart: "Add to cart", 3109 soldOut: "Sold out", 3110 unavailable: "Unavailable", 3111 regularPrice: "Regular price", 3112 salePrice: "Sale price", 3113 sale: "Sale", 3114 fromLowestPrice: "from [price]", 3115 vendor: "Vendor", 3116 showMore: "Show More", 3117 showLess: "Show Less", 3118 searchFor: "Search for", 3119 addressError: "Error looking up that address", 3120 addressNoResults: "No results for that address", 3121 addressQueryLimit: "You have exceeded the Google API usage limit. Consider upgrading to a \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003ePremium Plan\u003c\/a\u003e.", 3122 authError: "There was a problem authenticating your Google Maps account.", 3123 newWindow: "Opens in a new window.", 3124 external: "Opens external website.", 3125 newWindowExternal: "Opens external website in a new window.", 3126 removeLabel: "Remove [product]", 3127 update: "Update", 3128 quantity: "Quantity", 3129 discountedTotal: "Discounted total", 3130 regularTotal: "Regular total", 3131 priceColumn: "See Price column for discount details.", 3132 quantityMinimumMessage: "Quantity must be 1 or more", 3133 cartError: "There was an error while updating your cart. Please try again.", 3134 removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.", 3135 unitPrice: "Unit price", 3136 unitPriceSeparator: "per", 3137 oneCartCount: "1 item", 3138 otherCartCount: "[count] items", 3139 quantityLabel: "Quantity: [count]", 3140 products: "Products", 3141 loading: "Loading", 3142 number_of_results: "[result_number] of [results_count]", 3143 number_of_results_found: "[results_count] results found", 3144 one_result_found: "1 result found" 3145 }, 3146 moneyFormat: "${{amount}}", 3147 moneyFormatWithCurrency: "${{amount}} USD", 3148 settings: { 3149 predictiveSearchEnabled: false, 3150 predictiveSearchShowPrice: false, 3151 predictiveSearchShowVendor: false 3152 }, 3153 stylesheet: "//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590" 3154 } 3155 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 3156 </script>
3156<script src="//oat.haus/cdn/shop/t/98/assets/theme.js?v=162985051904266444801762726276" defer="defer"></script>
3156 3157
3157<script src="//oat.haus/cdn/shop/t/98/assets/lazysizes.js?v=63098554868324070131762726275" async="async"></script>
3157 3158
3158<script src="//oat.haus/cdn/shop/t/98/assets/keen-slider.min.js?v=60563873875881527811762726278"></script>
3158 3159 3160
3160<script type="text/javascript"> 3161 if (window.MSInputMethodContext && document.documentMode) { 3162 var scripts = document.getElementsByTagName('script')[0]; 3163 var polyfill = document.createElement('script'); 3164 polyfill.defer = true; 3165 polyfill.src = "//oat.haus/cdn/shop/t/98/assets/ie11CustomProperties.min.js?v=146208399201472936201762726277"; 3166 scripts.parentNode.insertBefore(polyfill, scripts); 3167 } 3168 </script>
3168 3169 3170
3170<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
3170<meta name="google-site-verification" content="LcGsKdVS7xJMCz4sEJzbltKvw5QIHPKJjToDMU2zP9E"> 3171<meta name="google-site-verification" content="3wcYi6nf-zlwjqiDX-H1w9t65N3fmpItKOYDAmrw8RY"> 3172<meta name="google-site-verification" content="pp5AXVs70OWPwphLaGbNYtLjfrGwhFctDe7FlmLHdKQ"> 3173<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1245675583/digital_wallets/dialog"> 3174<meta id="in-context-paypal-metadata" data-shop-id="1245675583" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 3175<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/39590893092927:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://oat.haus/products/build-a-box-variety-granola-butter.oembed">
3176<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=301858879"></script>
3176 3177<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
3178<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=301858879&shop_id=1245675583" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3178
3178
3179<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1245675583,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1245675583","merchantName":"Oat Haus","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Oat Haus","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 3179
3179
3180<script id="shopify-features" type="application/json">{"accessToken":"3e1652e2df91a06f5a222dbdfd219cc4","betas":["rich-media-storefront-analytics"],"domain":"oat.haus","predictiveSearch":true,"shopId":1245675583,"locale":"en"}</script>
vendor: 1 bytes, line 3180
3180
3181<script>var Shopify = Shopify || {}; 3182Shopify.shop = "kweenco.myshopify.com"; 3183Shopify.locale = "en"; 3184Shopify.currency = {"active":"USD","rate":"1.0"}; 3185Shopify.country = "US"; 3186Shopify.theme = {"name":"Oat-Haus-2025-Theme\/main","id":135838793791,"schema_name":"Debut","schema_version":"17.12.0","theme_store_id":null,"role":"main"}; 3187Shopify.theme.handle = "null"; 3188Shopify.theme.style = {"id":null,"handle":null}; 3189Shopify.cdnHost = "oat.haus/cdn"; 3190Shopify.routes = Shopify.routes || {}; 3191Shopify.routes.root = "/"; 3192Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 3193Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 3194Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 3195Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 3195
3195
3196<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 3196
3196
3197<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 3197
3197
3198<script> 3199 window.ShopifyPay = window.ShopifyPay || {}; 3200 window.ShopifyPay.apiHost = "shop.app\/pay"; 3201 window.ShopifyPay.redirectState = null; 3202</script>
vendor: 1 bytes, line 3202
3202
3203<script> 3204 window.Shopify = window.Shopify || {}; 3205 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 3206 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 3207 window.Shopify.SignInWithShop.eligible = true; 3208</script>
vendor: 1 bytes, line 3208
3208
3209<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 3209
3209
3210<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 3210
3210
3211<script type="module"> 3212 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 3213 3214 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 3215 3216</script>
vendor: 1 bytes, line 3216
3216
3217<script> 3218 window.Shopify = window.Shopify || {}; 3219 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 3220 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"]}; 3221</script>
vendor: 1 bytes, line 3221
3221
3222<script>(function() { 3223 var isLoaded = false; 3224 function asyncLoad() { 3225 if (isLoaded) return; 3226 isLoaded = true; 3227 var urls = ["https:\/\/assets1.adroll.com\/shopify\/latest\/j\/shopify_rolling_bootstrap_v2.js?adroll_adv_id=3RBBCYWNWFCXRJLQ6VZCQS\u0026adroll_pix_id=QYXA4KPS7BAZRMFDSHDKOH\u0026shop=kweenco.myshopify.com","https:\/\/shopify-app.bundlepayments.com\/widget-script?shop=kweenco.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/4567\/5583\/t\/61\/assets\/TD7E6dABOm7O04Zh.js?v=1669104285\u0026shopId=12789\u0026shop=kweenco.myshopify.com","https:\/\/cdn.wheelio-app.com\/app\/index.min.js?version=20251118080645537\u0026shop=kweenco.myshopify.com","https:\/\/d1639lhkj5l89m.cloudfront.net\/js\/storefront\/uppromote.js?shop=kweenco.myshopify.com","https:\/\/cdn.attn.tv\/oathaus\/dtag.js?shop=kweenco.myshopify.com"]; 3228 for (var i = 0; i < urls.length; i++) { 3229 var s = document.createElement('script'); 3230 s.type = 'text/javascript'; 3231 s.async = true; 3232 s.src = urls[i]; 3233 var x = document.getElementsByTagName('script')[0]; 3234 x.parentNode.insertBefore(s, x); 3235 } 3236 }; 3237 if(window.attachEvent) { 3238 window.attachEvent('onload', asyncLoad); 3239 } else { 3240 window.addEventListener('load', asyncLoad, false); 3241 } 3242})();</script>
vendor: 1 bytes, line 3242
3242
3243<script id="__st">var __st={"a":1245675583,"offset":-14400,"reqid":"be592485-6427-4bc7-90fd-ea3db3dbed66-1790379546","pageurl":"oat.haus\/products\/build-a-box-variety-granola-butter","u":"d02b9fd3f488","p":"product","rtyp":"product","rid":6867799441471};</script>
vendor: 1 bytes, line 3243
3243
3244<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 3244
3244
3245<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 3245
3245
3246<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//oat.haus/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3246
3246
3247<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 = "//oat.haus/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>
3247<script crossorigin="anonymous" defer="defer" src="//oat.haus/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 3247
3247
3248<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 3248
3248
3249<script> 3250 window.Shopify = window.Shopify || {}; 3251 window.Shopify.MCP = window.Shopify.MCP || {}; 3252 window.Shopify.MCP.enabled = true; 3253 window.Shopify.MCP.shop = "kweenco.myshopify.com"; 3254 window.Shopify.MCP.mcpEndpoint = "https:\/\/oat.haus\/api\/mcp"; 3255 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"]}}]; 3256</script>
vendor: 1 bytes, line 3256
3256
3257<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("\/\/oat.haus\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 3258</script>
vendor: 1 bytes, line 3258
3258
3259<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://oat.haus/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 3260</script>
vendor: 1 bytes, line 3260
3260
3261<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 3262 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); 3263</script>
vendor: 1 bytes, line 3263
3263
3264<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})}})); 3265</script>
3265 3266<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://oat.haus/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 3267<style id="shopify-accelerated-checkout-cart"> 3268 #shopify-buyer-consent { 3269 margin-top: 1em; 3270 display: inline-block; 3271 width: 100%; 3272} 3273 3274#shopify-buyer-consent.hidden { 3275 display: none; 3276} 3277 3278#shopify-subscription-policy-button { 3279 background: none; 3280 border: none; 3281 padding: 0; 3282 text-decoration: underline; 3283 font-size: inherit; 3284 cursor: pointer; 3285} 3286 3287#shopify-subscription-policy-button::before { 3288 box-shadow: none; 3289} 3290 3291 </style> 3292
3293<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
3293 3294
3294<script> 3295 if (window.location.href.includes('bundle-subscriptions')) { 3296 window.onload = function () { 3297 document.querySelector('.p_395984471 ').classList.add('hide'); 3298 }; 3299 } 3300 </script>
3300 3301 3302
3302<script src="//oat.haus/cdn/shop/t/98/assets/formatMoney.js?v=141596126160899946901762726275"></script>
3302 3303 3304 3305<!-- Start of Judge.me Core --> 3306<link rel="dns-prefetch" href="https://cdn.judge.me/">
3307<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#fbcd0a","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
3307ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#fbcd0a","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":5,"widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","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":"leex","review_date_format":"timestamp","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":true,"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":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":false,"featured_carousel_title":"What Kweens are Saying","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":false,"featured_carousel_autoslide_interval":8,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":90,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#d3e1e6","verified_count_badge_style":"vintage","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":true,"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":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Pinterest,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":true,"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":"compact","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":false,"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_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":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
3307itle":"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":true,"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":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"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_
3307youtube_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":false,"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":3,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":true,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"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"
3307:"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/stores/oat.haus","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Oat Haus","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
3307shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Oat Haus"};</script>
3307 <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: #fbcd0a;--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-preview-badge .jdgm-star.jdgm-star{color:#fbcd0a}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-verified-count-badget[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:'Oat Haus'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 3308</style> <style class='jdgm-settings-style'></style> 3309 3310 3311 3312 3313 <style class='jdgm-miracle-styles'> 3314 @-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
3314/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-prev-badge{display:block !important} 3315 3316</style> 3317 3318 3319 3320 3321 3322 3323
3324<script data-cfasync='false' class='jdgm-script'> 3325!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdn.judge.me/", 3326jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 3327setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,s){ 3328!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 3329(s=e.createElement("link")).rel="stylesheet",s.class="jdgm-stylesheet",s.media="nope!", 3330s.href=d,s.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(s))}, 3331jdgm.loadCSS.requestedUrls=[],jdgm.docReady(function(){(window.jdgmLoadCSS||e.querySelectorAll( 3332".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 3333parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"): 3334jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"))})}(document); 3335</script>
vendor: 1 bytes, line 3335
3335
3336<script async data-cfasync="false" type="text/javascript" src="https://cdn.judge.me/loader.js"></script>
3336 3337 3338<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.judge.me/shopify_v2.css"></noscript> 3339<!-- End of Judge.me Core --> 3340 3341 3342 <meta name="facebook-domain-verification" content="egiyiurcxjoui32etb25s8qqltzf5m"> 3343 3344 3345 <!-- Nextdoor Pixel Code --> 3346
3346<script type="text/javascript"> 3347 (function (win, doc, sdk_url) { 3348 if (win.ndp) return; 3349 var tr = (win.ndp = function () { 3350 tr.handleRequest ? tr.handleRequest.apply(tr, arguments) : tr.queue.push(arguments); 3351 }); 3352 tr.queue = []; 3353 var s = 'script'; 3354 var new_script_section = doc.createElement(s); 3355 new_script_section.async = !0; 3356 new_script_section.src = sdk_url; 3357 var insert_pos = doc.getElementsByTagName(s)[0]; 3358 insert_pos.parentNode.insertBefore(new_script_section, insert_pos); 3359 })(window, document, 'https://ads.nextdoor.com/public/pixel/ndp.js'); 3360 3361 ndp('init', '6620b92d-a1a3-40e2-963f-604653a69ed4', {}); 3362 ndp('track', 'PAGE_VIEW'); 3363 </script>
3363 3364 <noscript> 3365 <img 3366 height="1" 3367 width="1" 3368 style="display:none" 3369 src="https://flask.nextdoor.com/pixel?pid=6620b92d-a1a3-40e2-963f-604653a69ed4&ev=PAGE_VIEW&noscript=1" 3370 > 3371 </noscript> 3372 <!-- End Nextdoor Pixel Code --> 3373 3374 3375 3376 3377
3378<script> 3379 var TRANSLATIONS = { 3380 en: { 3381 translation: { 3382 titles: { 3383 return_to_account: "Return to account details", 3384 subscription: "Subscription", 3385 subscriptions: "Subscriptions", 3386 loading: "Loading...", 3387 cancel: "Cancel", 3388 save: "Save", 3389 continue: "Continue", 3390 pause: "Pause", 3391 edit: "Edit", 3392 my_subscriptions: "My Subscriptions", 3393 frequency: "Frequency", 3394 next_order: "Next Order", 3395 confirm: "Confirm", 3396 remove: "Remove", 3397 description: "Description", 3398 add: "Add", 3399 }, 3400 email_gate: { 3401 no_subs: "You do not have any subscriptions yet", 3402 check_email: "Check your email to access your subscriptions, {{email}}", 3403 cta_access_link: "Email me an access link", 3404 }, 3405 subscriptions: { 3406 error: "There was an error loading your subscriptions", 3407 no_subs: "You do not have any subscriptions yet", 3408 link_to_account: "Return to Account Details", 3409 }, 3410 subscription: { 3411 fetch_error: "There was an error fetching the detail subscription", 3412 auth_error: "There was authorization error, please login again", 3413 plan: "Plan", 3414 active: "Active", 3415 activate: "Activate", 3416 pause: "Pause", 3417 paused: "Paused", 3418 cancel: "Cancel", 3419 cancelled: "Cancelled", 3420 shipment_info: "Shipment info", 3421 update_shipping: "Update shipping", 3422 payment_method: "Payment method", 3423 pay_pal_payment_method: "PayPal", 3424 ending_in: "ending in", 3425 expires: "Expires", 3426 add_phone: "Enter a phone number", 3427 add_name: "Enter your name", 3428 add_lastName: "Enter your last name", 3429 billing_attepts: "Billing Attempts", 3430 percentage_dynamic_discount: "{{discount}} % off", 3431 fixed_amount_dynamic_discount: 3432 "{{discount}} off", 3433 then_dynamic_discount: " then {{discount}}", 3434 orders_dynamic_discount: " for {{orderQty}} orders,", 3435 billing_attepts_empty: "There are no billing attempts", 3436 billing_attepts_error: "There was an error loading the billing attempts", 3437 subs_details: "Subscription Details", 3438 update_payment_btn: "Update payment", 3439 cancel_prompt_title: "Canceling subscription cannot be undone. If you want to resume shipments, you will need to create a new order in the store.", 3440 cancel_error: "There was an error trying to cancel your subscription", 3441 no_payment_method_error: "Payment method missing from subscripiton.", 3442 no_payment_method_error_add: "Please add a new card.", 3443 new_payment_method_success: "Succesfully updated the payment method.", 3444 new_payment_method_error: "Unknown error adding your payment method. Please try again.", 3445 remove_line_error: "There was an error trying to remove the product", 3446 remove_line_success: "Succesfully removed the product", 3447 ships_to: "Ships to", 3448 update_payment_success: "An email was sent to {{email}} with a secure link to update payment information.", 3449 update_payment_success_dunning: 3450 "An email was sent to {{email}} with a secure link to update payment information. After payment information is updated we will retry the order.", 3451 update_payment_success_payment_error: 3452 "Unable to add payment method. An email was sent to {{email}} with a secure link to update payment.", 3453 update_payment_error: "There was an error updating your payment information", 3454 sales_tax: "Sales tax (if applicable) is not displayed because it is calculated with each new order.", 3455 skip_billing_interval_prompt: 3456 "Are you sure you want to skip?", 3457 skip_billing_interval_success: 3458 "Your next order has been rescheduled to {{date}}", 3459 skip_billing_interval_error: "There was an error skipping your next order", 3460 skip_until: "Skip until", 3461 skip_next: "Skip next", 3462 order_now: "Order now", 3463 next_order_success: "Your next order has been rescheduled to {{date}}", 3464 next_order_error: "There was an error setting the subscription's next order date.", 3465 add_new_address: "Add new address", 3466 address_update_success: "Address updated successfully", 3467 address_update_failed: "We encountered an unknown error. Please try again.", 3468 pause_subscription: "Pause subscription", 3469 cancel_subscription: "Cancel subscription", 3470 pause_disclaimer_date: "We will postpone your subscription. Your subscription will remain active, but you will not be charged until {{date}}
3470. You can pause indefinitely or reschedule anytime.", 3471 pause_disclaimer_indefinitely: 3472 "You will not be charged while your subscription is paused. Reactivate your subscription anytime in your account.", 3473 pause_success: "Your subscription was paused successfully", 3474 reactivate_btn: "Reactivate now", 3475 reactivate: "Reactivate", 3476 reactivate_success: "Your subscription has been successfully reactivated.", 3477 reactivate_error: "Something went wrong while reactivating your subscription. Please try again", 3478 frequency_days: "day(s)", 3479 frequency_weeks: "week(s)", 3480 frequency_months: "month(s)", 3481 order_now_modal_body: "You will be charged {{amount}} and your shipment will go out as soon as possible.", 3482 amount: "Amount", 3483 frequency_update_success: "Delivery frequency updated to {{ frequency }}.", 3484 frequency_update_error: "Unknown error. Delivery frequency could not be updated.", 3485 customer_update_success: "Customer information has been updated", 3486 customer_update_error: "Unknown error. Customer information could not be updated.", 3487 customer_update_info: "Adding your phone number, you will receive free SMS with information about your next subscription, allowing you to skip it,or editing it through your phone", 3488 verified_phone: "Phone verified", 3489 not_verified_phone: "Phone not verified", 3490 verify_phone: "Verify", 3491 enter_code: "Enter the verification code", 3492 verify_code_error: "There was an error verifying your phone number.", 3493 verify_code_retry_error: "You have tried to verify your phone number too many times. Please, try it later.", 3494 verify_code_success: "Phone number verified successfully", 3495 code_received: "You must have received a confirmation code in the provided phone number.", 3496 code_enter: "Please enter the code below to verify your phone number.", 3497 code_send: "Send code", 3498 qty: "Qty", 3499 manage: "Manage", 3500 your_next_order: "Your next order", 3501 swap_product: "Swap products", 3502 swap_product_cta: "Swap for another product...", 3503 or: "Or", 3504 update_variant: "Change selection", 3505 update_bundle: "Update Box", 3506 save: "Save {{percentage}}%", 3507 failed_payment_message: "Failed payment with saved method. We will automatically retry payment.", 3508 failed_payment_cta: "Update Payment method", 3509 order_now_success: "Order placed successfully", 3510 order_now_error: "Unknown error. Please try again.", 3511 update_current_payment_method: 3512 "Update current payment method", 3513 add_new_card: "Add new card", 3514 delayed: "Delayed", 3515 delayedNotification: "Subscription delayed due to inventory. Order will ship when item becomes available. To receive order more quickly, please update selection below.", 3516 update_success: "Your subscription has been updated successfully.", 3517 update_line_success: "Subscription updated. The order will ship out as soon as possible.", 3518 update_error: "Something went wrong. Your subscription has not been changed.", 3519 }, 3520 new_payment_method: { 3521 title: "Enter payment method", 3522 payment_info: "Payment information", 3523 card_number: "Card number", 3524 exp_date: "Exp date", 3525 security_code: "CVV", 3526 first_name: "First Name", 3527 last_name: "Last Name", 3528 billing_address: "Billing address", 3529 address1: "Address", 3530 address2: "Apartment, suite, etc. (optional)", 3531 city: "City", 3532 country: "Country/Region", 3533 state: "State/Province", 3534 zip: "Zip code", 3535 phone: "Phone", 3536 }, 3537 tables: { 3538 ID: "ID", 3539 status: "Status", 3540 item: "Item", 3541 created: "Created", 3542 next_order: "Next Order", 3543 skip: "Skip", 3544 product: "Product", 3545 quantity: "Quantity", 3546 price: "Price", 3547 total: "Total", 3548 shipping: "Shipping", 3549 originated: "Originated", 3550 frequency: "Frequency", 3551 phone: "Phone", 3552 name: "Name", 3553 lastName: "Last name", 3554 date: "Date", 3555 sold_out: "Sold out", 3556 partial_inventory: "Partial inventory", 3557 qty_sold_out: " ⢠{{quantity}} sold out", 3558 order_number: "Order Number", 3559 subtotal: "Subtotal", 3560 loading_fulfillments: "Loading...", 3561 last_fulfillment: "Last fulfillment", 3562 next_fulfillment: "Next fulfillment", 3563 merchant_discount: "Discount", 3564 one_time_discount_label: "(One-time)", 3565 finite_discount_label: "({{usageCount}} of {{recurringCycleLimit}})", 3566 edit: "Edit", 3567 box_discount: { 3568 percentage: "Box discount ({{value}}%)", 3569 amount: "Box discount ({{value}})", 3570 }, 3571 }, 3572 login: { 3573 start_intro: "Enter your email address to get started", 3574 welcome: "Welcome", 3575 send_link: "We'll email you a secure link to sign in.", 3576 email_address: "Email address", 3577 continue: "Continue", 3578 welcome_back: "Welcome back", 3579 choose_login: "Choose how to login for", 3580 send_secure_link: "Send me secure link", 3581 login_password: "Login with password", 3582 check_email: "Check your email for login link", 3583 secure_email_sent: "We've sent a secure email to {{email}}. The link expires in 24 hours.", 3584 not_received: "Didn't receive it?", 3585 new_link: "Send me a new link", 3586 different_email: "Try different email",
3587 no_subscriptions: "No subscriptions found", 3588 invalid_email: "Invalid Email", 3589 no_subscriptions_message: "We couldn't find any subscriptions associated with", 3590 }, 3591 product_swap: { 3592 title_select: "Choose replacement item", 3593 title_confirm: "Confirm", 3594 sold_out: "Sold out", 3595 choose: "Choose", 3596 back: "Back", 3597 confirm: "Confirm", 3598 save: "Save", 3599 update: "Update", 3600 original_item: "Original item", 3601 replacement_item: "Replacement item", 3602 update_success: "Successfully swapped items for the next order.", 3603 update_error: "Something went wrong. Your subscription has not been changed.", 3604 }, 3605 bundles: { 3606 build_box: "Build your box", 3607 of: "of", 3608 back: "Back", 3609 continue: "Continue", 3610 add_cart: "Add to cart", 3611 select_plan: "Select plan", 3612 build_your_box: "Build your box", 3613 addons: "Add-ons", 3614 checkout: "Checkout", 3615 edit_my_box: "Edit my box", 3616 box_size: "Box size", 3617 add_cart_error: "There was an error updating your cart.", 3618 update_price: "Cost of the box has changed from {{prevBasePrice}} to {{basePrice}}", 3619 update_success: "Box successfully updated", 3620 update_error: "Something went wrong trying to update the box", 3621 delivery_options: "Delivery options", 3622 one_time_delivery: "One time", 3623 additional_products: "Additional products", 3624 }, 3625 addons: { 3626 title: "Add Items", 3627 selection_unavailable: "Selection unavailable", 3628 success_added: "Successfully added items to your subscription.", 3629 subtitle: "Add items to your upcoming order", 3630 subscribe: "Subscribe", 3631 select: "Add", 3632 see_products: "See all products", 3633 modal_title: "Add products to your next order", 3634 save: "Save", 3635 type: "Type", 3636 }, 3637 sms: { 3638 title: "Text updates", 3639 enable: "Enable", 3640 edit_phone: "Edit phone number", 3641 enable_phone: "Enable text updates", 3642 phone_placeholder: "Enter phone number", 3643 enable_phone_text: "Text messages allow you to update subscriptions on the go. Message and. data rates may apply.", 3644 phone: "Phone number", 3645 invalid_phone: "Invalid phone number", 3646 invalid_country: "Only US and CA phone numbers are supported.", 3647 duplicated_phone_error: "Phone number already in use", 3648 }, 3649 cancelModal: { 3650 header: "Reason for cancelling", 3651 neverMind: "Never mind", 3652 back: "Back", 3653 continue: "Continue", 3654 continueWithCancellation: "Continue with cancellation", 3655 continueCancel: "Continue cancel", 3656 confirmCancellation: "Confirm cancellation", 3657 error: "There was an unknown error", 3658 tryAgain: "Try again.", 3659 TOO_MUCH: "I have too much", 3660 MOVING: "Moving to a new place", 3661 COMPETITOR: "Switching to a competitor", 3662 BUDGET: "Doesnât fit my budget", 3663 NOT_ENJOY: "I didnât enjoy the product", 3664 NO_NEED: "No longer need this", 3665 TRAVELLING: "Iâm traveling", 3666 OTHER: "Other", 3667 frequency: { 3668 modalTitle: "Frequency update available", 3669 title: "Update frequency instead of losing subscription", 3670 subtitle: "By updating your delivery frequency, you can control how often you recieve shipments.", 3671 updateFrequency: "Update frequency", 3672 formModalTitle: "Edit frequency", 3673 formTitle: "You control how often your receive deliveries. Upcoming orders will be delivered on the frequency selected below.", 3674 formDelivery: "Delivery every", 3675 setFrequency: "Set frequency", 3676 }, 3677 address: { 3678 modalPromptTitle: "Address update available", 3679 promptTitle: "Moving doesnât have to mean cancellation", 3680 promptSubtitle: "By updating your address, you have the option of keeping your subscription with you wherever you go!", 3681 promptUpdateAddress: "Update address", 3682 modalFormTitle: "Enter address", 3683 noShippingOptions: "There are no shipping options available for that address.", 3684 confirmModalTitle: "Shipping confirmation", 3685 confirmTitle: "The price of shipping for your subscription will change from {{oldPrice}} to {{newPrice}} because your new address is in a different delivery zone.", 3686 confirmAcceptShipping: "Accept shipping", 3687 newAddress: "New address:", 3688 oldAddress: "Old address:", 3689 }, 3690 pause: { 3691 header: "Pause available", 3692 title: "Did you know you can pause instead?", 3693 description: "Instead of cancelling, pausing your subscription allows you to keep billing and shipping details saved when youâre ready to reactivate your subscription.", 3694 cta: "Pause subscription", 3695 success: "Your subscription was paused successfully", 3696 }, 3697 skip: { 3698 header: "Edit order date available", 3699 title: "You can skip or reschedule your next order", 3700 description: "Keep your shipments coming once youâre back from your trip. Consider skipping or rescheduling instead of canceling.", 3701 titleHideSkip: "You can reschedule your next order", 3702 descriptionHideSkip: "Keep your shipments coming once youâre back from your trip. Consider rescheduling instead of canceling.", 3703 titleHideEditNextOrderDate: 3704 "You can skip your next order", 3705 descriptionHideEditNextOrderDate: 3706 "Keep your shipments coming once youâre back from your trip. Consider skipping instead of canceling.",
3707 ctaReschedule: "Reschedule next order", 3708 ctaSkip: "Skip next", 3709 success: "Your next order has been rescheduled to {{date}}", 3710 }, 3711 reschedule: { 3712 header: "Schedule next order", 3713 confirmReschedule: "Reschedule", 3714 dateFormat: "mm/dd/yyyy", 3715 inputLabel: "Next order", 3716 description: "Your subscription will remain active, but we will postpone your subscription until the date you select below.", 3717 }, 3718 confirm: { 3719 modalTitle: "Additional feedback", 3720 title: "Please provide additional feedback (optional)", 3721 button: "Confirm cancellation", 3722 success: "Subscription cancelled", 3723 }, 3724 prepaidMultiOrder: { 3725 modalTitle: "Cancel prepaid subscription", 3726 description: "Subscription with prepaid items cannot be cancelled immediately. By continuing, we will set prepaid items to expire after the current prepaid period.", 3727 button: "Disable autorenew", 3728 success: "Prepaid items will not autorenew", 3729 }, 3730 }, 3731 drawers: { 3732 updateAddress: { 3733 title: "Enter address", 3734 }, 3735 }, 3736 babFilters: { 3737 filters: "Filters", 3738 reset: "Reset", 3739 }, 3740 billingHistory: { 3741 title: "Billing history", 3742 order: "Order", 3743 date: "Date", 3744 status: "Status", 3745 submitted: "Submitted", 3746 challenged: "Challenged", 3747 failed: "Failed", 3748 success: "Success", 3749 loadMore: "Load more", 3750 bankChallenge: "Complete Challenge", 3751 }, 3752 pauseModal: { 3753 delaySubscriptionTitle: "Delay subscription available", 3754 delaySubscriptionSubtitle: "Consider delaying subscription instead", 3755 delaySubscriptionBody: "By delaying your subscription, you can make sure orders start again without needing to remember to turn them back on.", 3756 delaySubscriptionCta: "Delay subscription", 3757 pauseModalTitle: "Pause subscription", 3758 pauseModalLabel: "Pause subscription for", 3759 pauseModalBody: "You will not be charged while your subscription is paused. Reactivate your subscription anytime in your account", 3760 continueToPause: "Continue to Pause", 3761 neverMind: "Never mind", 3762 back: "Back", 3763 save: "Save", 3764 confirmPause: "Confirm", 3765 delaySubscription: "Delay subscription", 3766 ONE_MONTH: "1 month", 3767 TWO_MONTH: "2 months", 3768 THREE_MONTH: "3 months", 3769 CUSTOM: "Custom", 3770 }, 3771 discountCodeCard: { 3772 title: "Discount Code", 3773 addBtn: "Add", 3774 cancelBtn: "Cancel", 3775 inputPlaceholder: "Enter code", 3776 applyBtn: "Apply", 3777 successMsg: "Discount applied to subscription", 3778 removeSuccessMsg: "Discount removed from subscription", 3779 loadingMsg: "Adding discount code...", 3780 errorMsg: "Invalid code", 3781 boxDiscount: "Box discount", 3782 }, 3783 frequency: { 3784 once_a: "Once a", 3785 every: "Every", 3786 week: "week", 3787 month: "month", 3788 year: "year", 3789 weeks: "weeks", 3790 months: "months", 3791 years: "years", 3792 }, 3793 }, 3794 }, 3795 }; 3796 3797 window.bundleapp = window.bundleapp || {}; 3798 window.bundleapp.settings = { 3799 ...window.bundleapp.settings, 3800 translations: TRANSLATIONS, 3801 }; 3802</script>
3802 3803 3804 3805 3806 <!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
3806<script type="text/javascript" src="https://cdn.attn.tv/oathaus/dtag.js?source=app-embed" defer="defer"></script>
3806 3807 3808 3809<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 --> 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822
3822<script 3823 async 3824 type="text/javascript" 3825 src="https://cdn.506.io/eg/script.js?shop=kweenco.myshopify.com&v=12" 3826 ></script>
3826 3827 3828 3829 3830 3831 <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTAzNzk1NDc=" content="{"isInstalled":true,"installedOn":"2022-06-21T19:30:19.849Z","appVersion":"3.0","subscriptionName":"Standard","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"imageUrl":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"primaryColor":null,"duration":null,"cssStyles":null,"hasCustomizations":false},"fetchCartData":false,"useLocalStorage":{"expiryMinutes":null,"enabled":false},"popupStyle":{"primaryColor":null,"secondaryColor":null,"cssStyles":null,"addButtonText":null,"dismissButtonText":null,"outOfStockButtonText":null,"imageUrl":null,"hasCustomizations":false,"showProductLink":false,"subscriptionLabel":"Subscription Plan"},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"customCSS":null,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false}},"translations":null,"defaultLocale":"en","shopDomain":"oat.haus"}"> 3832 3833
3834<script defer> 3835 (async function() { 3836 try { 3837 3838 const blockVersion = "v3" 3839 if (blockVersion != "v3") { 3840 return 3841 } 3842 3843 let metaErrorFlag = false; 3844 if (metaErrorFlag) { 3845 return 3846 } 3847 3848 // Parse metafields as JSON 3849 const metafields = {}; 3850 3851 // Process metafields in JavaScript 3852 let savedRulesArray = []; 3853 for (const [key, value] of Object.entries(metafields)) { 3854 if (value) { 3855 for (const prop in value) { 3856 // avoiding Object.Keys for performance gain -- no need to make an array of keys. 3857 savedRulesArray.push(value); 3858 break; 3859 } 3860 } 3861 } 3862 3863 const metaTag = document.createElement('meta'); 3864 metaTag.id = 'easygift-rules'; 3865 metaTag.content = JSON.stringify(savedRulesArray); 3866 metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkwMzc5NTQ3'); 3867 3868 document.head.appendChild(metaTag); 3869 } catch (err) { 3870 3871 } 3872 })(); 3873</script>
3873 3874 3875 3876
3876<script 3877 type="text/javascript" 3878 defer 3879 > 3880 3881 (function () { 3882 try { 3883 window.EG_INFO = window.EG_INFO || {}; 3884 var shopInfo = {"isInstalled":true,"installedOn":"2022-06-21T19:30:19.849Z","appVersion":"3.0","subscriptionName":"Standard","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"imageUrl":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"primaryColor":null,"duration":null,"cssStyles":null,"hasCustomizations":false},"fetchCartData":false,"useLocalStorage":{"expiryMinutes":null,"enabled":false},"popupStyle":{"primaryColor":null,"secondaryColor":null,"cssStyles":null,"addButtonText":null,"dismissButtonText":null,"outOfStockButtonText":null,"imageUrl":null,"hasCustomizations":false,"showProductLink":false,"subscriptionLabel":"Subscription Plan"},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"customCSS":null,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false}},"translations":null,"defaultLocale":"en","shopDomain":"oat.haus"}; 3885 var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled; 3886 if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) { 3887 var products = shopInfo.settings.scriptSettings.productPageRedirection.products; 3888 if (products.length > 0) { 3889 var productIds = products.map(function(prod) { 3890 var productGid = prod.id; 3891 var productIdNumber = parseInt(productGid.split('/').pop()); 3892 return productIdNumber; 3893 }); 3894 var productInfo = {"id":6867799441471,"title":"Butter Bundle","handle":"build-a-box-variety-granola-butter","description":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e","published_at":"2023-06-21T09:19:44-04:00","created_at":"2022-02-03T07:17:49-05:00","vendor":"Oat Haus","type":"Bundle","tags":["alt-menu
3894-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],"price":3495,"price_min":3495,"price_max":5995,"available":true,"price_varies":true,"compare_at_price":3885,"compare_at_price_min":3885,"compare_at_price_max":7770,"compare_at_price_varies":true,"variants":[{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"],"featured_image":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","options":["Size"],"media":[{"alt":"A selection of 'Granola Butter' jars in various flavors, including brownie batter, vanilla and original, cookie dough and birthday cake arranged side by side.","id":25748318060607,"position":1,"preview_image":{"aspect_ratio":1.191,"height":3930,"width":4680,"src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175"},"aspect_ratio":1.191,"height":3930,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","width":4680},{"alt":"A jar of Original Granola Butter by Oat Haus surrounded by strawberries, oats, chocolate chip co
3894okies and two golden spoons. ","id":21567153078335,"position":2,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","width":1920},{"alt":"Three jars of Vanilla Granola Butter with cookies stacked around them and a white background with a peach confetti-like design. ","id":21567152980031,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250"},"aspect_ratio":1.0,"height":1200,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","width":1200},{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"aspect_ratio":1.0,"height":2502,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","width":2503},{"alt":"Oat Haus Original, Vanilla, and Chocolate Granola Butter jars on tile surrounded by a plate of brownies, a plate of cookies, dates, cookies and brownies on the tile, and three golden spoons. ","id":21567135809599,"position":5,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","width":1920},{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","width":1600},{"alt":"Oat Haus Original, Cookie Dough, and Vanilla Granola Butter jars against a light blue background. ","id":23631036514367,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"A pattern of Original, Vanilla and Cookie Dough Granola Butter jars against a light blue background. ","id":23631570632767,"position":8,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":900,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","width":720},{"alt":"Oat Haus Vanilla, Chocolate and Original Granola Butter jars against a light beige background with oats, ginger, chocolate, cinnamon and maple syrup scattered around them. ","id":21567135875135,"position":9,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","width":1000},{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker
3894calling out that they are \"made with olive oil\" with a very light blue background. ","id":25760592232511,"position":11,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","width":2000},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker calling out that they are \"made with olive oil\" against a light blue background. ","id":25748407910463,"position":12,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}],"content":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e"}; 3895 var isProductInList = productIds.includes(productInfo.id); 3896 if (isProductInList) { 3897 var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL; 3898 if (redirectionURL) { 3899 window.location = redirectionURL; 3900 } 3901 } 3902 } 3903 } 3904 3905 3906 3907 var rawPriceString = "34.95"; 3908 3909 rawPriceString = rawPriceString.trim(); 3910 3911 var normalisedPrice; 3912 3913 function processNumberString(str) { 3914 // Helper to find the rightmost index of '.', ',' or "'" 3915 const lastDot = str.lastIndexOf('.'); 3916 const lastComma = str.lastIndexOf(','); 3917 const lastApostrophe = str.lastIndexOf("'"); 3918 const lastIndex = Math.max(lastDot, lastComma, lastApostrophe); 3919 3920 // If no punctuation, remove any stray spaces and return 3921 if (lastIndex === -1) { 3922 return str.replace(/[.,'\s]/g, ''); 3923 } 3924 3925 // Extract parts 3926 const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, ''); 3927 const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, ''); 3928 3929 // If the after part is 1 or 2 digits, treat as decimal 3930 if (after.length > 0 && after.length <= 2) { 3931 return `${before}.${after}`; 3932 } 3933 3934 // Otherwise treat as integer with thousands separator removed 3935 return before + after; 3936 } 3937 3938 normalisedPrice = processNumberString(rawPriceString) 3939 3940 window.EG_INFO["39590893092927"] = { 3941 "price": `${normalisedPrice}`, 3942 "presentmentPrices": { 3943 "edges": [ 3944 { 3945 "node": { 3946 "price": { 3947 "amount": `${normalisedPrice}`, 3948 "currencyCode": "USD" 3949 } 3950 } 3951 } 3952 ] 3953 }, 3954 "sellingPlanGroups": { 3955 "edges": [ 3956 3957 { 3958 "node": { 3959 "sellingPlans": { 3960 "edges": [ 3961 3962 { 3963 "node": { 3964 "id": "gid://shopify/SellingPlan/564166719", 3965 "pricingPolicies": [ 3966 3967 { 3968 3969 "adjustmentType": "PERCENTAGE", 3970 "adjustmentValue": { 3971 "percentage": 10 3972 } 3973 3974 } 3975 3976 ] 3977 } 3978 }, 3979 3980 { 3981 "node": { 3982 "id": "gid://shopify/SellingPlan/564199487", 3983 "pricingPolicies": [ 3984 3985 { 3986 3987 "adjustmentType": "PERCENTAGE", 3988 "adjustmentValue": { 3989 "percentage": 10 3990 } 3991 3992 } 3993 3994 ] 3995 } 3996 }, 3997 3998 { 3999 "node": { 4000 "id": "gid://shopify/SellingPlan/564232255", 4001 "pricingPolicies": [ 4002 4003 { 4004 4005 "adjustmentType": "PERCENTAGE", 4006 "adjustmentValue": { 4007 "percentage": 10 4008 } 4009 4010 } 4011 4012 ] 4013 } 4014 } 4015 4016 ] 4017 } 4018 } 4019 } 4020 4021 ] 4022 }, 4023 "product": { 4024 "id": "gid://shopify/Product/6867799441471",
4025 "tags": ["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"], 4026 "collections": { 4027 "pageInfo": { 4028 "hasNextPage": false 4029 }, 4030 "edges": [ 4031 4032 { 4033 "node": { 4034 "id": "gid://shopify/Collection/160030851135" 4035 } 4036 }, 4037 4038 { 4039 "node": { 4040 "id": "gid://shopify/Collection/261914067007" 4041 } 4042 }, 4043 4044 { 4045 "node": { 4046 "id": "gid://shopify/Collection/263236616255" 4047 } 4048 }, 4049 4050 { 4051 "node": { 4052 "id": "gid://shopify/Collection/61877649471" 4053 } 4054 } 4055 4056 ] 4057 } 4058 }, 4059 "id": "39590893092927", 4060 "timestamp": 1790379547 4061 }; 4062 4063 4064 var rawPriceString = "43.95"; 4065 4066 rawPriceString = rawPriceString.trim(); 4067 4068 var normalisedPrice; 4069 4070 function processNumberString(str) { 4071 // Helper to find the rightmost index of '.', ',' or "'" 4072 const lastDot = str.lastIndexOf('.'); 4073 const lastComma = str.lastIndexOf(','); 4074 const lastApostrophe = str.lastIndexOf("'"); 4075 const lastIndex = Math.max(lastDot, lastComma, lastApostrophe); 4076 4077 // If no punctuation, remove any stray spaces and return 4078 if (lastIndex === -1) { 4079 return str.replace(/[.,'\s]/g, ''); 4080 } 4081 4082 // Extract parts 4083 const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, ''); 4084 const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, ''); 4085 4086 // If the after part is 1 or 2 digits, treat as decimal 4087 if (after.length > 0 && after.length <= 2) { 4088 return `${before}.${after}`; 4089 } 4090 4091 // Otherwise treat as integer with thousands separator removed 4092 return before + after; 4093 } 4094 4095 normalisedPrice = processNumberString(rawPriceString) 4096 4097 window.EG_INFO["39587106226239"] = { 4098 "price": `${normalisedPrice}`, 4099 "presentmentPrices": { 4100 "edges": [ 4101 { 4102 "node": { 4103 "price": { 4104 "amount": `${normalisedPrice}`, 4105 "currencyCode": "USD" 4106 } 4107 } 4108 } 4109 ] 4110 }, 4111 "sellingPlanGroups": { 4112 "edges": [ 4113 4114 { 4115 "node": { 4116 "sellingPlans": { 4117 "edges": [ 4118 4119 { 4120 "node": { 4121 "id": "gid://shopify/SellingPlan/564166719", 4122 "pricingPolicies": [ 4123 4124 { 4125 4126 "adjustmentType": "PERCENTAGE", 4127 "adjustmentValue": { 4128 "percentage": 10 4129 } 4130 4131 } 4132 4133 ] 4134 } 4135 }, 4136 4137 { 4138 "node": { 4139 "id": "gid://shopify/SellingPlan/564199487", 4140 "pricingPolicies": [ 4141 4142 { 4143 4144 "adjustmentType": "PERCENTAGE", 4145 "adjustmentValue": { 4146 "percentage": 10 4147 } 4148 4149 } 4150 4151 ] 4152 } 4153 }, 4154 4155 { 4156 "node": { 4157 "id": "gid://shopify/SellingPlan/564232255", 4158 "pricingPolicies": [ 4159 4160 { 4161 4162 "adjustmentType": "PERCENTAGE", 4163 "adjustmentValue": { 4164 "percentage": 10 4165 } 4166 4167 } 4168 4169 ] 4170 } 4171 } 4172 4173 ] 4174 } 4175 } 4176 } 4177 4178 ] 4179 }, 4180 "product": { 4181 "id": "gid://shopify/Product/6867799441471",
4182 "tags": ["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"], 4183 "collections": { 4184 "pageInfo": { 4185 "hasNextPage": false 4186 }, 4187 "edges": [ 4188 4189 { 4190 "node": { 4191 "id": "gid://shopify/Collection/160030851135" 4192 } 4193 }, 4194 4195 { 4196 "node": { 4197 "id": "gid://shopify/Collection/261914067007" 4198 } 4199 }, 4200 4201 { 4202 "node": { 4203 "id": "gid://shopify/Collection/263236616255" 4204 } 4205 }, 4206 4207 { 4208 "node": { 4209 "id": "gid://shopify/Collection/61877649471" 4210 } 4211 } 4212 4213 ] 4214 } 4215 }, 4216 "id": "39587106226239", 4217 "timestamp": 1790379547 4218 }; 4219 4220 4221 var rawPriceString = "59.95"; 4222 4223 rawPriceString = rawPriceString.trim(); 4224 4225 var normalisedPrice; 4226 4227 function processNumberString(str) { 4228 // Helper to find the rightmost index of '.', ',' or "'" 4229 const lastDot = str.lastIndexOf('.'); 4230 const lastComma = str.lastIndexOf(','); 4231 const lastApostrophe = str.lastIndexOf("'"); 4232 const lastIndex = Math.max(lastDot, lastComma, lastApostrophe); 4233 4234 // If no punctuation, remove any stray spaces and return 4235 if (lastIndex === -1) { 4236 return str.replace(/[.,'\s]/g, ''); 4237 } 4238 4239 // Extract parts 4240 const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, ''); 4241 const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, ''); 4242 4243 // If the after part is 1 or 2 digits, treat as decimal 4244 if (after.length > 0 && after.length <= 2) { 4245 return `${before}.${after}`; 4246 } 4247 4248 // Otherwise treat as integer with thousands separator removed 4249 return before + after; 4250 } 4251 4252 normalisedPrice = processNumberString(rawPriceString) 4253 4254 window.EG_INFO["39590893125695"] = { 4255 "price": `${normalisedPrice}`, 4256 "presentmentPrices": { 4257 "edges": [ 4258 { 4259 "node": { 4260 "price": { 4261 "amount": `${normalisedPrice}`, 4262 "currencyCode": "USD" 4263 } 4264 } 4265 } 4266 ] 4267 }, 4268 "sellingPlanGroups": { 4269 "edges": [ 4270 4271 { 4272 "node": { 4273 "sellingPlans": { 4274 "edges": [ 4275 4276 { 4277 "node": { 4278 "id": "gid://shopify/SellingPlan/564166719", 4279 "pricingPolicies": [ 4280 4281 { 4282 4283 "adjustmentType": "PERCENTAGE", 4284 "adjustmentValue": { 4285 "percentage": 10 4286 } 4287 4288 } 4289 4290 ] 4291 } 4292 }, 4293 4294 { 4295 "node": { 4296 "id": "gid://shopify/SellingPlan/564199487", 4297 "pricingPolicies": [ 4298 4299 { 4300 4301 "adjustmentType": "PERCENTAGE", 4302 "adjustmentValue": { 4303 "percentage": 10 4304 } 4305 4306 } 4307 4308 ] 4309 } 4310 }, 4311 4312 { 4313 "node": { 4314 "id": "gid://shopify/SellingPlan/564232255", 4315 "pricingPolicies": [ 4316 4317 { 4318 4319 "adjustmentType": "PERCENTAGE", 4320 "adjustmentValue": { 4321 "percentage": 10 4322 } 4323 4324 } 4325 4326 ] 4327 } 4328 } 4329 4330 ] 4331 } 4332 } 4333 } 4334 4335 ] 4336 }, 4337 "product": { 4338 "id": "gid://shopify/Product/6867799441471",
4339 "tags": ["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"], 4340 "collections": { 4341 "pageInfo": { 4342 "hasNextPage": false 4343 }, 4344 "edges": [ 4345 4346 { 4347 "node": { 4348 "id": "gid://shopify/Collection/160030851135" 4349 } 4350 }, 4351 4352 { 4353 "node": { 4354 "id": "gid://shopify/Collection/261914067007" 4355 } 4356 }, 4357 4358 { 4359 "node": { 4360 "id": "gid://shopify/Collection/263236616255" 4361 } 4362 }, 4363 4364 { 4365 "node": { 4366 "id": "gid://shopify/Collection/61877649471" 4367 } 4368 } 4369 4370 ] 4371 } 4372 }, 4373 "id": "39590893125695", 4374 "timestamp": 1790379547 4375 }; 4376 4377 } catch(err) { 4378 return 4379 }}
4379)() 4380 </script>
4380 4381 4382 4383 4384<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397
4397<script async src="https://static.klaviyo.com/onsite/js/Kc57tn/klaviyo.js?company_id=Kc57tn"></script>
4397 4398
4398<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
4398 4399 4400 4401
4401<script id="viewed_product"> 4402 if (item == null) { 4403 var _learnq = _learnq || []; 4404 4405 var MetafieldReviews = null 4406 var MetafieldYotpoRating = null 4407 var MetafieldYotpoCount = null 4408 var MetafieldLooxRating = null 4409 var MetafieldLooxCount = null 4410 var okendoProduct = null 4411 var okendoProductReviewCount = null 4412 var okendoProductReviewAverageValue = null 4413 try { 4414 // The following fields are used for Customer Hub recently viewed in order to add reviews. 4415 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 4416 MetafieldReviews = {"rating":{"scale_min":"1.0","scale_max":"5.0","value":"4.84"},"rating_count":2684}; 4417 MetafieldYotpoRating = null 4418 MetafieldYotpoCount = null 4419 MetafieldLooxRating = null 4420 MetafieldLooxCount = null 4421 4422 okendoProduct = null 4423 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 4424 if (okendoProduct && 'error' in okendoProduct) { 4425 okendoProduct = null 4426 } 4427 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 4428 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 4429 } catch (error) { 4430 console.error('Error in Klaviyo onsite reviews tracking:', error); 4431 } 4432 4433 var item = { 4434 Name: "Butter Bundle", 4435 ProductID: 6867799441471, 4436 Categories: ["all","Bundles","multipacks","Variety"], 4437 ImageURL: "https://oat.haus/cdn/shop/files/GB-POP-UP-2_grande.jpg?v=1739731175", 4438 URL: "https://oat.haus/products/build-a-box-variety-granola-butter", 4439 Brand: "Oat Haus", 4440 Price: "$34.95", 4441 Value: "34.95", 4442 CompareAtPrice: "$77.70" 4443 }; 4444 _learnq.push(['track', 'Viewed Product', item]); 4445 _learnq.push(['trackViewedItem', { 4446 Title: item.Name, 4447 ItemId: item.ProductID, 4448 Categories: item.Categories, 4449 ImageUrl: item.ImageURL, 4450 Url: item.URL, 4451 Metadata: { 4452 Brand: item.Brand, 4453 Price: item.Price, 4454 Value: item.Value, 4455 CompareAtPrice: item.CompareAtPrice 4456 }, 4457 metafields:{ 4458 reviews: MetafieldReviews, 4459 yotpo:{ 4460 rating: MetafieldYotpoRating, 4461 count: MetafieldYotpoCount, 4462 }, 4463 loox:{ 4464 rating: MetafieldLooxRating, 4465 count: MetafieldLooxCount, 4466 }, 4467 okendo: { 4468 rating: okendoProductReviewAverageValue, 4469 count: okendoProductReviewCount, 4470 } 4471 } 4472 }]); 4473 } 4474 </script>
4474 4475 4476 4477 4478 4479 4480
4480<script> 4481 window.klaviyoReviewsProductDesignMode = false 4482 </script>
4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492<!-- END app block --><!-- BEGIN app block: shopify://apps/black-crow-ai-that-delivers/blocks/blackcrow_ai_script/3e73f597-cb71-47a1-8a06-0c931482ecd2 --> 4493
4494<script type="text/javascript" async src="https://shopify-init.blackcrow.ai/js/core/kweenco.js?shop=kweenco.myshopify.com&tagSrc=ShopifyThemeAppExtension"></script>
4494 4495 4496 4497<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
4498<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: 1245675583,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 4498
4498
4499<script> 4500 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 4501</script>
vendor: 1 bytes, line 4501
4501
4502<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}
4502).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: 1245675583,storefrontBaseUrl: "https://oat.haus",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://oat.haus/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1407352895","configuration":"{\"accountID\":\"Kc57tn\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"952500287","configuration":"{\"shopId\":\"12789\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"2eedfe5ca9c7d4954f200bfa1ffb380d","type":"APP","apiClientId":2328352,"privacyPurposes":["MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
4502,"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"742686783","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"]},"dataSharingState":"unrestricted"},{"id":"506658879","configuration":"{\"advertisableEid\":\"3RBBCYWNWFCXRJLQ6VZCQS\",\"pixelEid\":\"QYXA4KPS7BAZRMFDSHDKOH\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ba1ef5286d067b01e04bdc37410b8082","type":"APP","apiClientId":1005866,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"336101439","configuration":"{ \"bundleName\": \"kweenco\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d69af31d151d9c0dc4842dc2c8531ca","type":"APP","apiClientId":5106349,"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"},{"id":"329678911","configuration":"{\"pixelCode\":\"CA78QPLTJPR7AEHQEPR0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"323813439","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-P918YT5S1N\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/KMDXCJ_Bl5QDEP7zm7Mo\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/pxu5CKLBl5QDEP7zm7Mo\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/coMhCJnBl5QDEP7zm7Mo\\\",\\\"MC-G7MC5RBMBP\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/-lkgCJbBl5QDEP7zm7Mo\\\",\\\"MC-G7MC5RBMBP\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/DGDiCJPBl5QDEP7zm7Mo\\\",\\\"MC-G7MC5RBMBP\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/P3QfCKXBl5QDEP7zm7Mo\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/r29WCJzBl5QDEP7zm7Mo\\\"]}],\\\"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":"294027327","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":3977633,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
4502,{"id":"164888639","configuration":"{\"pixel_id\":\"219273098620251\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"108494911","configuration":"{\"shopId\":\"9016\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"36f244aeba196ca7e2f6b8a611f4e21b","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"72122431","configuration":"{\"pixelId\":\"21309984-c91a-49c6-b4fd-071211c547e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"49152063","configuration":"{\"tagID\":\"2614439288042\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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"},{"id":"5242943","configuration":"{\"myshopifyDomain\":\"kweenco.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":"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":"Oat Haus","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"kweenco.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/oat.haus"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":34.95,"currencyCode":"USD"},"product":{"title":"Butter Bundle","vendor":"Oat Haus","id":"6867799441471","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","type":"Bundle"},"id":"39590893092927","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"sku":"ZCUSTOM3PACK","title":"3 Jars","untranslatedTitle":"3 Jars"},{"price":{"amount":43.95,"currencyCode":"USD"},"product":{"title":"Butter Bundle","vendor":"Oat Haus","id":"6867799441471","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","type":"Bundle"},"id":"39587106226239","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"sku":"ZCUSTOM4PACK","title":"4 Jars","untranslatedTitle":"4 Jars"},{"price":{"amount":59.95,"currencyCode":"USD"},"product":{"title":"Butter Bundle","vendor":"Oat Haus","id":"6867799441471","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","type":"Bundle"},"id":"39590893125695","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"sku":"ZCUSTOM6PACK","title":"6 Jars","untranslatedTitle":"6 Jars"}],"products":[{"id":"6867799441471","handle":"build-a-box-variety-granola-butter","isCollective":null,"title":"Butter Bundle","type":"Bundle","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39590893092927","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"price":{"amount":34.95,"currencyCode":"USD"},"sku":"ZCUSTOM3PACK","title":"3 Jars","untranslatedTitle":"3 Jars"},{"id":"39587106226239","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"price":{"amount":43.95,"currencyCode":"USD"},"sku":"ZCUSTOM4PACK","title":"4 Jars","untranslatedTitle":"4 Jars"},{"id":"39590893125695","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"price":{"amount":59.95,"currencyCode":"USD"},"sku":"ZCUSTOM6PACK","title":"6 Jars","untranslatedTitle":"6 Jars"}]},{"id":"7688004173887","handle":"granola-butter-bundle","isCollective":null,"title":"Granola \u0026 Butter Bundle","type":"Bundle","untranslatedTitle":"Granola \u0026 Butter Bundle","url":"\/products\/granola-butter-bundle","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41399355047999","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/GRANOLA-BANNER-2-EXPANDED_1.jpg?v=1770663134"},"price":{"amount":39.95,"currencyCode":"USD"},"sku":"Z4COMBO-2G2BG","title":"2 Granola 2 Butter","untranslatedTitle":"2 Granola 2 Butter"}]},{"id":"7687946469439","handle":"granola-bundle","isCollective":null,"title":"Granola Bundle","type":"Bundle","untranslatedTitle":"Granola Bundle","url":"\/products\/granola-bundle","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41399256318015","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/GRANOLA-3PK-3.jpg?v=1743088836"},"price":{"amount":27.95,"currencyCode":"USD"},"sku":"Z3BAGCUSTOMGRANOLA","title":"3 Bags","untranslatedTitle":"3 Bags"}]},{"id":"8231344537663","handle":"salted-caramel-granola-butter","isCollective":null,"title":"Salted Caramel Granola Butter","type":"Original","untranslatedTitle":"Salted Caramel Granola Butter","url":"\/products\/salted-caramel-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"43435816976447","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/SaltedCaramel-Main-LEDStickers_8887bd98-1ef4-42ca-a8a7-8d5fa69550ce.jpg?v=1782840404"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"SaltedCaramel_1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"6876608069695","handle":"cookie-dough-granola-butter","isCollective":null,"title":"Cookie Dough Granola Butter","type":"Cookie Dough","untranslatedTitle":"Cookie Dough Granola Butter","url":"\/products\/cookie-dough-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39598435729471","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CookieDough-Main_cd0cdeb0-b94b-41d2-8cf6-080bf2eb5fbc.jpg?v=1782842304"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"1xCookie","title":"1 Jar","untranslatedTitle":"1 Jar"}]}
4502,{"id":"564117372991","handle":"original-granola-butter","isCollective":null,"title":"Cinnamon Graham Granola Butter","type":"Cinnamon Graham","untranslatedTitle":"Cinnamon Graham Granola Butter","url":"\/products\/original-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"7065724223551","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CinnamonGraham-Main_4153be55-cf7e-4924-b503-72cb6d0f3744.jpg?v=1782849964"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"CGram1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"6925631225919","handle":"birthday-cake-granola-butter","isCollective":null,"title":"Birthday Cake Granola Butter","type":"Birthday Cake","untranslatedTitle":"Birthday Cake Granola Butter","url":"\/products\/birthday-cake-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39657844572223","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/BirthdayCake-Main_1851660a-17d7-48d1-ab14-3ed7ded2d586.jpg?v=1782842157"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"1xBDAY","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"4469511684159","handle":"vanilla-granola-butter","isCollective":null,"title":"Vanilla Granola Butter","type":"Vanilla","untranslatedTitle":"Vanilla Granola Butter","url":"\/products\/vanilla-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"31700289585215","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Vanilla-Main_16d8a3c1-1e43-413e-b6bb-0ac576b5c250.jpg?v=1782849614"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"VAN1J","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"6985470345279","handle":"brownie-batter-granola-butter","isCollective":null,"title":"Brownie Batter Granola Butter","type":"Brownie","untranslatedTitle":"Brownie Batter Granola Butter","url":"\/products\/brownie-batter-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39751069958207","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Brownie-Main_f8100671-720e-4e7b-b4c7-fdcf015518b4.jpg?v=1782842025"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"Brownie1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7116684755007","handle":"cinnamon-roll-granola-butter","isCollective":null,"title":"Cinnamon Roll Granola Butter","type":"Original","untranslatedTitle":"Cinnamon Roll Granola Butter","url":"\/products\/cinnamon-roll-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39971681599551","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CinnaRoll-Main_6bc0ce3d-f88b-4787-a9be-106fc670328f.jpg?v=1782841876"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"CINROLL_1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7299618537535","handle":"cookies-and-cream","isCollective":null,"title":"Cookies \u0026 Cream Granola Butter","type":"Nut Butters","untranslatedTitle":"Cookies \u0026 Cream Granola Butter","url":"\/products\/cookies-and-cream","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"40437321203775","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CnC-Main_44673737-adbe-4578-a70e-997616bd8f6c.jpg?v=1782841215"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"1xC\u0026C","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7870855282751","handle":"dubai-chocolate-granola-butter","isCollective":null,"title":"Dubai Chocolate Granola Butter","type":"Cookie Dough","untranslatedTitle":"Dubai Chocolate Granola Butter","url":"\/products\/dubai-chocolate-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41947415281727","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Dubai-Main_e64f7a3b-6b46-440b-b32f-73e5539087b1.jpg?v=1782841087"},"price":{"amount":15.95,"currencyCode":"USD"},"sku":"1xDUBAI","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7574554443839","handle":"apple-cider-donut-granola-butter","isCollective":null,"title":"Apple Cider Donut Granola Butter","type":"Original","untranslatedTitle":"Apple Cider Donut Granola Butter","url":"\/products\/apple-cider-donut-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41137908449343","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/ACD-Main_c794d038-415f-4223-809d-d0f1edf9ea0d.jpg?v=1782841452"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"APPLECIDER1JAR","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7809952383039","handle":"banana-bread-granola","isCollective":null,"title":"Chocolate Chip Banana Bread Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Chocolate Chip Banana Bread Granola","url":"\/products\/banana-bread-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41752489230399","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/BananaBreadFront.jpg?v=1765317193"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAG_BANANA_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7871034294335","handle":"cinnamon-roll-granola","isCollective":null,"title":"Cinnamon Roll Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Cinnamon Roll Granola","url":"\/products\/cinnamon-roll-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41947829403711","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Cinnamon-Roll-Front_8ce04890-8638-45ab-9584-57ae6a9aeb58.jpg?v=1765315753"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAG_CINNAROLL_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7664574431295","handle":"cookie-dough-granola","isCollective":null,"title":"Cookie Dough Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Cookie Dough Granola","url":"\/products\/cookie-dough-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41350267273279","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CookieDoughFront.png?v=1765381339"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAGCOOKIEDOUGH_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7664571482175","handle":"cookies-cream-granola","isCollective":null,"title":"Cookies \u0026 Cream Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Cookies \u0026 Cream Granola","url":"\/products\/cookies-cream-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41350260228159","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CookiesAndCreamFront.jpg?v=1765828124"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAGC\u0026C_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7228131737663","handle":"packets","isCollective":null,"title":"Cinnamon Graham GB Packets","type":"Original","untranslatedTitle":"Cinnamon Graham GB Packets","url":"\/products\/packets","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"40213307949119","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/PacketHeroImage3_b55ec251-aa74-4341-bbe1-e57f715883bc.jpg?v=1755622093"},"price":{"amount":14.95,"currencyCode":"USD"},"sku":"OG-PACKETS","title":"10 Packets - Cinnamon Graham","untranslatedTitle":"10 Packets - Cinnamon Graham"}]},{"id":"8090623279167","handle":"vanilla-gb-packets","isCollective":null,"title":"Vanilla GB Packets","type":"Vanilla","untranslatedTitle":"Vanilla GB Packets","url":"\/products\/vanilla-gb-packets","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"42921493233727","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Solo-Vanilla-Packet-School-Safe.png?v=1770829364"},"price":{"amount":14.95,"currencyCode":"USD"},"sku":"VANILLA-PACKETS","title":"10 Packets -Vanilla","untranslatedTitle":"10 Packets -Vanilla"}]},{"id":"7151010938943","handle":"golden-spoon-1","isCollective":null,"title":"Golden Spoon","type":null,"untranslatedTitle":"Golden Spoon","url":"\/products\/golden-spoon-1","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"40039905132607","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/spoon_9cc8fbdf-0e0c-4a87-95f4-555ca5c8a56c.jpg?v=1679408399"},"price":{"amount":4.99,"currencyCode":"USD"},"sku":"GOLDEN-spoon","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7098473480255","handle":"big-oat-energy-beanie","isCollective":null,"title":"Big Oat Energy Beanie","type":"Dips \u0026 Spreads","untranslatedTitle":"Big Oat Energy Beanie","url":"\/products\/big-o
4502at-energy-beanie","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39931884109887","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/beanie_666ea1ed-8a5d-4ecb-90cc-0b5d182e9e68.jpg?v=1670617769"},"price":{"amount":7.99,"currencyCode":"USD"},"sku":"Beanie","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7098474594367","handle":"big-oat-energy-socks","isCollective":null,"title":"Big Oat Energy Socks","type":"Dips \u0026 Spreads","untranslatedTitle":"Big Oat Energy Socks","url":"\/products\/big-oat-energy-socks","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39931885912127","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/Socks_ba487364-4700-4020-ae82-7b710ce099bd.jpg?v=1670617889"},"price":{"amount":9.99,"currencyCode":"USD"},"sku":"SOCKS","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6850327150655","handle":"oat-haus-bucket-hat","isCollective":null,"title":"Bucket Hat","type":null,"untranslatedTitle":"Bucket Hat","url":"\/products\/oat-haus-bucket-hat","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39567415377983","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/Bucket-Hat.jpg?v=1648159182"},"price":{"amount":17.95,"currencyCode":"USD"},"sku":"BUCKET-Blue","title":"Baby Blue","untranslatedTitle":"Baby Blue"}]},{"id":"7082290348095","handle":"haus-party-hat","isCollective":null,"title":"Haus Party Hat","type":"Dips \u0026 Spreads","untranslatedTitle":"Haus Party Hat","url":"\/products\/haus-party-hat","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39911223885887","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/HAUS-PARTY-HAT-LIGHTBLUEBG.jpg?v=1669153713"},"price":{"amount":19.99,"currencyCode":"USD"},"sku":"HAUSPARTYHAT","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7572501758015","handle":"big-oat-energy-bento-box","isCollective":null,"title":"Big Oat Energy Bento Box","type":"Dips \u0026 Spreads","untranslatedTitle":"Big Oat Energy Bento Box","url":"\/products\/big-oat-energy-bento-box","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41133248512063","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/lunch_box_prod_page_2.png?v=1723122089"},"price":{"amount":19.99,"currencyCode":"USD"},"sku":"BOEBENTOBOX","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7619201368127","handle":"oat-haus-crewneck","isCollective":null,"title":"Gray Oat Haus Crewneck","type":null,"untranslatedTitle":"Gray Oat Haus Crewneck","url":"\/products\/oat-haus-crewneck","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41244407922751","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Untitled_design_18.png?v=1728332929"},"price":{"amount":49.95,"currencyCode":"USD"},"sku":"OHGRAYCREWNECK-SMALL","title":"Small","untranslatedTitle":"Small"}]},{"id":"4644402757695","handle":"gift-card","isCollective":null,"title":"Gift Card","type":"Gift Cards","untranslatedTitle":"Gift Card","url":"\/products\/gift-card","vendor":"Kween","remoteShopId":null,"variants":[{"id":"32515785261119","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/Gift-Card.jpg?v=1648158720"},"price":{"amount":10.0,"currencyCode":"USD"},"sku":"","title":"$10.00 USD","untranslatedTitle":"$10.00 USD"}]}],"purchasingCompany":null},},"https://oat.haus/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"135838793791","themePublished":"true","eventMetadataId":"1a09d67a-8e5b-411b-8a44-38d6cc406a59","pageType":"product","resourceId":"6867799441471","shopId":"1245675583","storefrontBaseUrl":"https:\/\/oat.haus","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":34.95,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Butter Bundle\",\"vendor\":\"Oat Haus\",\"id\":\"6867799441471\",\"untranslatedTitle\":\"Butter Bundle\",\"url\":\"\/products\/build-a-box-variety-granola-butter\",\"type\":\"Bundle\"},\"id\":\"39590893092927\",\"image\":{\"src\":\"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250\"},\"sku\":\"ZCUSTOM3PACK\",\"title\":\"3 Jars\",\"untranslatedTitle\":\"3 Jars\"}}]]"});})();</script>
4502<script> 4503 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 4504 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 4505 window.ShopifyAnalytics.meta.currency = 'USD'; 4506 var meta = {"product":{"id":6867799441471,"gid":"gid:\/\/shopify\/Product\/6867799441471","vendor":"Oat Haus","type":"Bundle","handle":"build-a-box-variety-granola-butter","variants":[{"id":39590893092927,"price":3495,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","sku":"ZCUSTOM3PACK"},{"id":39587106226239,"price":4395,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","sku":"ZCUSTOM4PACK"},{"id":39590893125695,"price":5995,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","sku":"ZCUSTOM6PACK"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":6867799441471,"requestId":"be592485-6427-4bc7-90fd-ea3db3dbed66-1790379546"}}; 4507 for (var attr in meta) { 4508 window.ShopifyAnalytics.meta[attr] = meta[attr]; 4509 } 4510</script>
vendor: 1 bytes, line 4510
4510
4511<script class="analytics"> 4512 (function () { 4513 var customDocumentWrite = function(content) { 4514 var jquery = null; 4515 4516 if (window.jQuery) { 4517 jquery = window.jQuery; 4518 } else if (window.Checkout && window.Checkout.$) { 4519 jquery = window.Checkout.$; 4520 } 4521 4522 if (jquery) { 4523 jquery('body').append(content); 4524 } 4525 }; 4526 4527 var hasLoggedConversion = function(token) { 4528 if (token) { 4529 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 4530 } 4531 return false; 4532 } 4533 4534 var setCookieIfConversion = function(token) { 4535 if (token) { 4536 var twoMonthsFromNow = new Date(Date.now()); 4537 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 4538 4539 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 4540 } 4541 } 4542 4543 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 4544 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 4545 if (trekkie.integrations) { 4546 return; 4547 } 4548 trekkie.methods = [ 4549 'identify', 4550 'page', 4551 'ready', 4552 'track', 4553 'trackForm', 4554 'trackLink' 4555 ]; 4556 trekkie.factory = function(method) { 4557 return function() { 4558 var args = Array.prototype.slice.call(arguments); 4559 args.unshift(method); 4560 trekkie.push(args); 4561 if (method == 'track' || method == 'page') { 4562 var pageUrl; 4563 try { 4564 pageUrl = window.location.href; 4565 } catch (e) {} 4566 var pageReferrer; 4567 try { 4568 pageReferrer = document.referrer; 4569 } catch (e) {} 4570 try { 4571 if (window.__TREKKIE_SHIM_QUEUE == null) { 4572 window.__TREKKIE_SHIM_QUEUE = []; 4573 } 4574 window.__TREKKIE_SHIM_QUEUE.push({ 4575 from: 'trekkie-stub', 4576 method: method, 4577 args: args.slice(1), 4578 pageContext: { 4579 url: pageUrl, 4580 referrer: pageReferrer 4581 } 4582 }); 4583 } catch (e) { 4584 // no-op 4585 } 4586 } 4587 return trekkie; 4588 }; 4589 }; 4590 for (var i = 0; i < trekkie.methods.length; i++) { 4591 var key = trekkie.methods[i]; 4592 trekkie[key] = trekkie.factory(key); 4593 } 4594 trekkie.load = function(config) { 4595 trekkie.config = config || {}; 4596 trekkie.config.initialDocumentCookie = document.cookie; 4597 var first = document.getElementsByTagName('script')[0]; 4598var script = document.createElement('script'); 4599script.type = 'text/javascript'; 4600script.onerror = function(e) { 4601 var scriptFallback = document.createElement('script'); 4602 scriptFallback.type = 'text/javascript'; 4603 scriptFallback.onerror = function(error) { 4604 var Monorail = { 4605 produce: function produce(monorailDomain, schemaId, payload) { 4606 var currentMs = new Date().getTime(); 4607 var event = { 4608 schema_id: schemaId, 4609 payload: payload, 4610 metadata: { 4611 event_created_at_ms: currentMs, 4612 event_sent_at_ms: currentMs 4613 } 4614 }; 4615 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 4616 }, 4617 sendRequest: function sendRequest(endpointUrl, payload) { 4618 // Try the sendBeacon API 4619 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 4620 var blobData = new window.Blob([payload], { 4621 type: 'text/plain' 4622 }); 4623 4624 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 4625 return true; 4626 } // sendBeacon was not successful 4627 4628 } // XHR beacon 4629 4630 var xhr = new XMLHttpRequest(); 4631 4632 try { 4633 xhr.open('POST', endpointUrl); 4634 xhr.setRequestHeader('Content-Type', 'text/plain'); 4635 xhr.send(payload); 4636 } catch (e) { 4637 console.log(e); 4638 } 4639 4640 return false; 4641 }, 4642 isIos12: function isIos12() { 4643 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 4644 } 4645 }; 4646 Monorail.produce('monorail-edge.shopifysvc.com', 4647 'trekkie_storefront_load_errors/1.1', 4648 {shop_id: 1245675583, 4649 theme_id: 135838793791, 4650 app_name: "storefront", 4651 context_url: window.location.href, 4652 source_url: "//oat.haus/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 4653 4654 }; 4655 scriptFallback.async = true; 4656 scriptFallback.src = '//oat.haus/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 4657 first.parentNode.insertBefore(scriptFallback, first); 4658}; 4659script.async = true; 4660script.src = '//oat.haus/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 4661first.parentNode.insertBefore(script, first); 4662 4663 }; 4664 trekkie.load( 4665 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1245675583,"isMerchantRequest":null,"themeId":135838793791,"themeCityHash":"14172871753079830559","contentLanguage":"en","currency":"USD","eventMetadataId":"1a09d67a-8e5b-411b-8a44-38d6cc406a59"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 4666 ); 4667 4668 var loaded = false;
4669 trekkie.ready(function() { 4670 if (loaded) return; 4671 loaded = true; 4672 4673 window.ShopifyAnalytics.lib = window.trekkie; 4674 4675 var originalDocumentWrite = document.write; 4676 document.write = customDocumentWrite; 4677 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 4678 document.write = originalDocumentWrite; 4679 4680 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 4681 var token = match? match[1]: undefined; 4682 if (!hasLoggedConversion(token)) { 4683 setCookieIfConversion(token); 4684 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":39590893092927,"productId":6867799441471,"productGid":"gid:\/\/shopify\/Product\/6867799441471","name":"Butter Bundle - 3 Jars","price":"34.95","sku":"ZCUSTOM3PACK","brand":"Oat Haus","variant":"3 Jars","category":"Bundle","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 4685 } 4686 }); 4687 4688 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":6867799441471,"requestId":"be592485-6427-4bc7-90fd-ea3db3dbed66-1790379546","shopifyEmitted":true}); 4689 4690 var eventsListenerScript = document.createElement('script'); 4691 eventsListenerScript.async = true; 4692 eventsListenerScript.src = "//oat.haus/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 4693 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 4694})();</script>
4694 4695
4695<script> 4696 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 4697 window.ga = function ga() { 4698 (window.ga.q = window.ga.q || []).push(arguments); 4699 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 4700 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 4701 } 4702 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 4703 }; 4704 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 4705 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 4706 } 4707 } 4708</script>
vendor: 1 bytes, line 4708
4708
4709<script 4710 defer 4711 src="https://oat.haus/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 4712 data-application="storefront-renderer" 4713 data-shop-id="1245675583" 4714 data-render-region="gcp-us-central1" 4715 data-page-type="product" 4716 data-theme-instance-id="135838793791" 4717 data-theme-name="Debut" 4718 data-theme-version="17.12.0" 4719 data-monorail-region="shop_domain" 4720 data-resource-timing-sampling-rate="10" 4721 data-shs="true" 4722 data-shs-beacon="true" 4723 data-shs-export-with-fetch="true" 4724 data-shs-logs-sample-rate="1" 4725 data-shs-beacon-endpoint="https://oat.haus/api/collect" 4726></script>
4726 4727<meta name="shopify-y" content="bbb53f3d-9087-4c2b-bae8-fb81f2ac2f8a" data-expiration="1821937146000"><meta name="shopify-s" content="39631c61-8dc2-42b1-b786-e4c6a9dda2ec" data-expiration="1790381346000"><meta name="new-cookie-storage-activated" content="t"> 4728</head> 4729 4730 <body class="template-product"> 4731 <!-- Google Tag Manager (noscript) --> 4732 <noscript> 4733 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCZCVMC" 4734 title="Google Tag Manager" 4735 height="0" width="0" style="display:none;visibility:hidden"></iframe> 4736 </noscript> 4737 <!-- End Google Tag Manager (noscript) --> 4738 4739 <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a><div id="shopify-section-header" class="shopify-section"> 4740 4741<div id="SearchDrawer" class="search-bar drawer drawer--top critical-hidden" role="dialog" aria-modal="true" aria-label="Search" data-predictive-search-drawer> 4742 <div class="search-bar__interior"> 4743 <div class="search-form__container" data-search-form-container> 4744 <form class="search-form search-bar__form" action="/search" method="get" role="search"> 4745 <div class="search-form__input-wrapper"> 4746 <input 4747 type="text" 4748 name="q" 4749 placeholder="Search" 4750 role="combobox" 4751 aria-autocomplete="list" 4752 aria-owns="predictive-search-results" 4753 aria-expanded="false" 4754 aria-label="Search" 4755 aria-haspopup="listbox" 4756 class="search-form__input search-bar__input" 4757 data-predictive-search-drawer-input 4758 data-base-url="/search" 4759 /> 4760 <input type="hidden" name="options[prefix]" value="last" aria-hidden="true" /> 4761 <div class="predictive-search-wrapper predictive-search-wrapper--drawer" data-predictive-search-mount="drawer"></div> 4762 </div> 4763 4764 <button class="search-bar__submit search-form__submit" 4765 type="submit" 4766 data-search-form-submit> 4767 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 37 40"><path d="M35.6 36l-9.8-9.8c4.1-5.4 3.6-13.2-1.3-18.1-5.4-5.4-14.2-5.4-19.7 0-5.4 5.4-5.4 14.2 0 19.7 2.6 2.6 6.1 4.1 9.8 4.1 3 0 5.9-1 8.3-2.8l9.8 9.8c.4.4.9.6 1.4.6s1-.2 1.4-.6c.9-.9.9-2.1.1-2.9zm-20.9-8.2c-2.6 0-5.1-1-7-2.9-3.9-3.9-3.9-10.1 0-14C9.6 9 12.2 8 14.7 8s5.1 1 7 2.9c3.9 3.9 3.9 10.1 0 14-1.9 1.9-4.4 2.9-7 2.9z"/></svg> 4768 <span class="icon__fallback-text">Submit</span> 4769 </button> 4770 </form> 4771 4772 <div class="search-bar__actions"> 4773 <button type="button" class="btn--link search-bar__close js-drawer-close"> 4774 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 40 40"><path d="M23.868 20.015L39.117 4.78c1.11-1.108 1.11-2.77 0-3.877-1.109-1.108-2.773-1.108-3.882 0L19.986 16.137 4.737.904C3.628-.204 1.965-.204.856.904c-1.11 1.108-1.11 2.77 0 3.877l15.249 15.234L.855 35.248c-1.108 1.108-1.108 2.77 0 3.877.555.554 1.248.831 1.942.831s1.386-.277 1.94-.83l15.25-15.234 15.248 15.233c.555.554 1.248.831 1.941.831s1.387-.277 1.941-.83c1.11-1.109 1.11-2.77 0-3.878L23.868 20.015z" class="layer"/></svg> 4775 <span class="icon__fallback-text">Close search</span> 4776 </button> 4777 </div> 4778 </div> 4779 </div> 4780</div> 4781 4782 4783<div data-section-id="header" data-section-type="header-section" data-header-section> 4784 4785 4786 4787 4788 <header class="site-header logo--center colortheme-headerbg" id="site-header-logo-center" role="banner" aria-label="Home Page"> 4789 <div class="grid grid--no-gutters grid--table site-header__mobile-nav"> 4790 <div class="grid__item medium-up--two-tenths text-right site-header__icons site-header__icons--plus large-up-hide"> 4791 <div class="site-header__icons-wrapper site-header__icons-wrapper-menu"> 4792 4793 <button type="button" class="btn--link site-header__icon site-header__menu js-mobile-nav-toggle mobile-nav--open" aria-controls="MobileNav" aria-expanded="false" aria-label="Menu"> 4794 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 37 40"><path d="M33.5 25h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0-11.5h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0 23h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2z"/></svg> 4795 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 40 40"><path d="M23.868 20.015L39.117 4.78c1.11-1.108 1.11-2.77 0-3.877-1.109-1.108-2.773
4795-1.108-3.882 0L19.986 16.137 4.737.904C3.628-.204 1.965-.204.856.904c-1.11 1.108-1.11 2.77 0 3.877l15.249 15.234L.855 35.248c-1.108 1.108-1.108 2.77 0 3.877.555.554 1.248.831 1.942.831s1.386-.277 1.94-.83l15.25-15.234 15.248 15.233c.555.554 1.248.831 1.941.831s1.387-.277 1.941-.83c1.11-1.109 1.11-2.77 0-3.878L23.868 20.015z" class="layer"/></svg> 4796 </button> 4797 4798 </div> 4799 </div><nav class="grid__item medium-up--two-tenths small--hide medium-hide" id="AccessibleNav" role="navigation"> 4800 4801<ul class="site-nav list--inline text-left" id="SiteNav"> 4802 4803 4804 4805 4806 4807 <li > 4808 <a href="/pages/oat-haus-about-us" 4809 class="site-nav__link site-nav__link--main " 4810 4811 > 4812 <span class="site-nav__label">About</span> 4813 </a> 4814 </li> 4815 4816 4817 4818 4819 4820 4821 <li > 4822 <a href="/collections/all" 4823 class="site-nav__link site-nav__link--main js-mobile-nav-shop-toggle " 4824 4825 > 4826 <span class="site-nav__label">Shop</span> 4827 </a> 4828 </li> 4829 4830 4831 4832 4833 4834 4835 <li class="site-nav--active"> 4836 <a href="/products/build-a-box-variety-granola-butter" 4837 class="site-nav__link site-nav__link--main site-nav__link--active" 4838 aria-current="page" 4839 > 4840 <span class="site-nav__label">Subscribe</span> 4841 </a> 4842 </li> 4843 4844 4845</ul> 4846 4847 </nav> 4848 4849 <div class="grid__item medium-up--two-tenths logo-align--center"> 4850 4851 4852 <div class="h2 site-header__logo"> 4853 4854 <span class="hide critical-hidden">Oat Haus Granola Butter</span> 4855 <a href="/" class="site-header__logo-image site-header__logo-image--centered"> 4856 <svg role="img" aria-label="Oat Haus Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 646.23 101.92"> 4857 <title>Oat Haus Logo</title> 4858 <desc>Click to Homepage</desc> 4859 <defs><style>.cls-ohlogo{fill:#002a4d;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-ohlogo" d="M279.43,63.14V50.46a188.23,188.23,0,0,0-2.36-29.79c-.39-2.2.79-3.68,3.49-4.75,0,0,22.85-8.57,31.23-11.74,2.15-.81,4.35.14,3.65,4.2-1.47,8.48-3.28,32.5-3.28,42.08v.7h13v-.7c0-9.58-2-33.57-3.29-42.08-.59-4,1.44-4.86,3.65-4.2C333.87,6.66,356.69,16,356.69,16c2.75,1,4,2.46,3.6,4.66a188.23,188.23,0,0,0-2.36,29.79V63.14a188.45,188.45,0,0,0,2.36,29.8,3.61,3.61,0,0,1-3.64,4.19H326.49a3.61,3.61,0,0,1-3.65-4.19,187.28,187.28,0,0,0,2.36-29.8V61.41h-13v1.73a188.45,188.45,0,0,0,2.36,29.8,3.61,3.61,0,0,1-3.64,4.19H280.71a3.61,3.61,0,0,1-3.64-4.19,188.45,188.45,0,0,0,2.36-29.8"></path><path class="cls-ohlogo" d="M95.92,63.68l3-12.64a204.36,204.36,0,0,0,4.81-30.59,3.54,3.54,0,0,1,3.56-3.32h50.05a3.54,3.54,0,0,1,3.56,3.32A204.36,204.36,0,0,0,165.7,51l3,12.64a219.45,219.45,0,0,0,9.07,29.07,3.55,3.55,0,0,1-3.32,4.85H145.59A3.54,3.54,0,0,1,142,94.25c-.25-4.6-.95-10.21-1.86-16L140,77.14H124.66l-.23,1.26c-.91,5.73-1.6,11.32-1.85,15.85A3.55,3.55,0,0,1,119,97.6H90.17a3.56,3.56,0,0,1-3.32-4.86,221.83,221.83,0,0,0,9.07-29.06m40,2.53a1.58,1.58,0,0,0,1.52-2l-1.39-6.8c-1.24-5.73-1.87-9.82-2.64-13.21-.42-1.87-2.18-1.27-2.38-.3C130,49.2,130,51.24,128.78,56.72l-1.61,7.35a1.65,1.65,0,0,0,1.57,2.14Z"></path><path class="cls-ohlogo" d="M196.85,63.68V52.42a3.57,3.57,0,0,0-3.57-3.57c-2.68,0-5.5-.1-8.23.1A32.93,32.93,0,0,0,177,50.76a3.57,3.57,0,0,1-4.57-3.95l3.79-26.62a3.56,3.56,0,0,1,3.53-3.06h64.86a3.56,3.56,0,0,1,3.53,3.06L251.91,47a3.56,3.56,0,0,1-4.7,3.87,35.1,35.1,0,0,0-11.39-2h-3.91a3.56,3.56,0,0,0-3.56,3.57V63.68a195.08,195.08,0,0,0,2.27,29.73,3.57,3.57,0,0,1-3.51,4.19h-29a3.56,3.56,0,0,1-3.5-4.19,195.08,195.08,0,0,0,2.27-29.73"></path><path class="cls-ohlogo" d="M376.86,64.32l2.89-12.24a198,198,0,0,0,4.66-29.59,3.42,3.42,0,0,1,3.44-3.22h48.43a3.43,3.43,0,0,1,3.45,3.22,196.63,196.63,0,0,0,4.65,29.59l2.89,12.24A215.93,215.93,0,0,0,456,92.44a3.43,3.43,0,0,1-3.21,4.69H424.92a3.43,3.43,0,0,1-3.44-3.24,155.36,155.36,0,0,0-1.8-15.44l-.22-1.12H404.67l-.22,1.23c-.88,5.54-1.56,11-1.8,15.33a3.41,3.41,0,0,1-3.44,3.24H371.3a3.43,3.43,0,0,1-3.21-4.69,214.4,214.4,0,0,0,8.77-28.12m40.82,2.45-1.41-7.37c-1-5.47-1.45-7.93-2.6-13.76-.59-3-3.3-2.91-3.81,0-1.18,6.93-1.07,8.43-2,12.52l-1.43,8.57Z"></path><path class="cls-ohlogo" d="M458.39,63.54V52.08a187.86,187.86,0,0,0-2.2-28.76,3.45,3.45,0,0,1,3.4-4.05h28.08a3.45,3.45,0,0,1,3.4,4.05,187.86,187.86,0,0,0-2.2,28.76v2.56c0,8,2.45,13.57,9.23,13.57s9.35-5.56,9.35-13.57V52.08a189.13,189.13,0,0,0-2.2-28.76,3.45,3.45,0,0,1,3.39-4.05h28.09a3.45,3.45,0,0,1,3.39,4.05,189.13,189.13,0,0,0-2.2,28.76V63.54c0,23-13.79,35.26-39.93,35.26-22.8,0-39.6-9.68-39.6-35.26"></path><path class="cls-ohlogo" d="M547.48,89.84l1-25.79a3.51,3.51,0,0,1,5.45-2.75c9.33,5.81,21.63,8.36,32.85,8.36,6.45,0,12.57-.67,12.57-3.45,0-7.68-50.61,4.23-50.61-23.91,0-17.25,18.13-24.7,41.71-24.7a117.87,117.87,0,0,1,30,4.34,3.45,3.45,0,0,1,2.49,3.32V50.34a3.43,3.43,0,0,1-5,3.09,63.46,63.46,0,0,0-26.19-5.8c-6.56,0-12.56,1-12.56,3.78,0,10.5
48597,51-3.11,51,24.14,0,17.36-18.58,23.25-42.16,23.25-11,0-27.24-2.65-38.08-5.5a3.43,3.43,0,0,1-2.52-3.46"></path><path class="cls-ohlogo" d="M279.69,63.1V50.43a189.19,189.19,0,0,0-2.35-29.77c-.39-2.2.79-3.68,3.48-4.75,0,0,22.84-8.56,31.21-11.73,2.15-.81,4.35.14,3.65,4.19-1.47,8.48-3.28,32.49-3.28,42.06v.69h13v-.69c0-9.57-2-33.55-3.29-42.06-.59-4,1.43-4.85,3.64-4.19C334.1,6.66,356.9,16,356.9,16c2.75,1,4,2.46,3.6,4.66a188,188,0,0,0-2.36,29.77V63.1a188.07,188.07,0,0,0,2.36,29.77,3.61,3.61,0,0,1-3.64,4.2H326.72a3.61,3.61,0,0,1-3.64-4.2,188.07,188.07,0,0,0,2.36-29.77V61.37h-13V63.1a188.07,188.07,0,0,0,2.36,29.77,3.61,3.61,0,0,1-3.64,4.2H281a3.61,3.61,0,0,1-3.64-4.2,189.19,189.19,0,0,0,2.35-29.77"></path><path class="cls-ohlogo" d="M96.32,63.64,99.3,51a204.12,204.12,0,0,0,4.81-30.57,3.54,3.54,0,0,1,3.55-3.32h50a3.54,3.54,0,0,1,3.55,3.32A204.12,204.12,0,0,0,166.05,51l3,12.63a222,222,0,0,0,9.06,29,3.55,3.55,0,0,1-3.31,4.85H146a3.53,3.53,0,0,1-3.55-3.35c-.25-4.59-.94-10.2-1.86-16l-.23-1.15H125l-.24,1.27c-.9,5.72-1.6,11.31-1.85,15.84a3.53,3.53,0,0,1-3.55,3.34H90.57a3.55,3.55,0,0,1-3.32-4.85,222,222,0,0,0,9.07-29m40,2.53a1.58,1.58,0,0,0,1.51-2.06l-1.39-6.79c-1.23-5.72-1.86-9.81-2.63-13.2-.42-1.87-2.18-1.27-2.38-.3-1.07,5.35-1,7.39-2.28,12.86L127.54,64a1.65,1.65,0,0,0,1.58,2.14Z"></path><path class="cls-ohlogo" d="M197.17,63.64V52.39a3.56,3.56,0,0,0-3.56-3.57c-2.68,0-5.5-.1-8.23.1a32.85,32.85,0,0,0-8.08,1.81,3.57,3.57,0,0,1-4.57-3.95l3.79-26.6a3.56,3.56,0,0,1,3.53-3.06h64.81a3.56,3.56,0,0,1,3.53,3.06l3.8,26.74a3.55,3.55,0,0,1-4.69,3.86,35.34,35.34,0,0,0-11.38-2h-3.91a3.57,3.57,0,0,0-3.56,3.57V63.64a194.82,194.82,0,0,0,2.27,29.71,3.55,3.55,0,0,1-3.51,4.18h-29a3.56,3.56,0,0,1-3.51-4.18,193.55,193.55,0,0,0,2.27-29.71"></path><path class="cls-ohlogo" d="M377.06,64.28,380,52.05a198.89,198.89,0,0,0,4.65-29.58A3.42,3.42,0,0,1,388,19.26h48.4a3.43,3.43,0,0,1,3.44,3.21,196.31,196.31,0,0,0,4.65,29.58l2.89,12.23a213.48,213.48,0,0,0,8.76,28.09,3.43,3.43,0,0,1-3.21,4.7H425.08a3.41,3.41,0,0,1-3.43-3.24c-.24-4.45-.92-9.87-1.8-15.44l-.22-1.11H404.85l-.23,1.22c-.88,5.55-1.55,11-1.79,15.33a3.42,3.42,0,0,1-3.44,3.24H371.5a3.44,3.44,0,0,1-3.21-4.7,215,215,0,0,0,8.77-28.09m40.79,2.44-1.41-7.36c-1-5.46-1.45-7.92-2.6-13.75-.59-3-3.3-2.91-3.81,0-1.18,6.93-1.07,8.42-2,12.51l-1.43,8.56Z"></path><path class="cls-ohlogo" d="M458.53,63.5V52.05a187.72,187.72,0,0,0-2.2-28.75,3.44,3.44,0,0,1,3.39-4h28.07a3.44,3.44,0,0,1,3.39,4A188.79,188.79,0,0,0,489,52.05V54.6c0,8,2.44,13.56,9.22,13.56s9.34-5.55,9.34-13.56V52.05a187.72,187.72,0,0,0-2.2-28.75,3.44,3.44,0,0,1,3.39-4h28.07a3.44,3.44,0,0,1,3.39,4A189,189,0,0,0,538,52.05V63.5c0,23-13.79,35.23-39.91,35.23-22.79,0-39.57-9.67-39.57-35.23"></path><path class="cls-ohlogo" d="M547.55,89.78l1-25.78A3.5,3.5,0,0,1,554,61.26c9.32,5.8,21.61,8.35,32.83,8.35,6.44,0,12.56-.67,12.56-3.45,0-7.66-50.58,4.23-50.58-23.89,0-17.23,18.12-24.68,41.68-24.68a117.7,117.7,0,0,1,30,4.34,3.45,3.45,0,0,1,2.49,3.32V50.31A3.43,3.43,0,0,1,618,53.4a63.43,63.43,0,0,0-26.17-5.8c-6.56,0-12.56,1-12.56,3.78,0,10.56,51-3.11,51,24.12,0,17.34-18.57,23.23-42.13,23.23-11,0-27.23-2.64-38.06-5.5a3.41,3.41,0,0,1-2.52-3.45"></path><path class="cls-ohlogo" d="M85.36,56.85c-1.1-25.53-16.49-38.44-35.83-40.56a3.48,3.48,0,0,0-3.86,3.46l0,16.07a16.88,16.88,0,0,0,4.07,10.64c3,3.43,5,8.89,5.17,15.09.26,10.57-5,19.28-11.75,19.45s-12.44-8.27-12.7-18.85c-.15-6.2,1.6-11.76,4.43-15.33A16.73,16.73,0,0,0,38.44,36l-.79-15.84a3.48,3.48,0,0,0-4.1-3.25c-19.76,3.59-34.61,18-33.49,44C1.32,90.25,21.3,102.83,44.6,101.72S86.62,86.19,85.36,56.85Z"></path><path class="cls-ohlogo" d="M646.23,8.65A8.89,8.89,0,1,1,637.42,0a8.71,8.71,0,0,1,8.81,8.65m-15.56,0a6.73,6.73,0,0,0,6.75,6.91A6.62,6.62,0,0,0,644,8.7a6.68,6.68,0,1,0-13.34,0M636,13.13h-2V4.48a22.63,22.63,0,0,1,3.33-.27,4.61,4.61,0,0,1,2.95.69,2.19,2.19,0,0,1,.9,1.85,2.23,2.23,0,0,1-1.8,2.06v.1c.85.27,1.27,1,1.54,2.11a7.32,7.32,0,0,0,.63,2.11h-2.11a6.43,6.43,0,0,1-.69-2.11c-.16-.89-.69-1.31-1.79-1.31h-1Zm.06-4.85h1c1.11,0,2-.37,2-1.27s-.58-1.31-1.84-1.31a5.05,5.05,0,0,0-1.11.1Z"></path></g></g> 4860 </svg> 4861 </a> 4862 4863 </div> 4864 4865 </div> 4866 4867 4868 4869 <div class="grid__item medium-up--two-tenths text-right site-header__icons site-header__icons--plus"> 4870 <div class="site-header__icons-wrapper"> 4871 <a href="/pages/store-locator" class="site-header__icon site-header__account small-hide medium-hide"> 4872
4873 <span class="icon-text">Find Us In Store</span> 4874 <span class="icon__fallback-text">Log in</span> 4875 </a> 4876 4877 <button type="button" class="hide btn--link site-header__icon site-header__search-toggle js-drawer-open-top" data-predictive-search-open-drawer> 4878 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 37 40"><path d="M35.6 36l-9.8-9.8c4.1-5.4 3.6-13.2-1.3-18.1-5.4-5.4-14.2-5.4-19.7 0-5.4 5.4-5.4 14.2 0 19.7 2.6 2.6 6.1 4.1 9.8 4.1 3 0 5.9-1 8.3-2.8l9.8 9.8c.4.4.9.6 1.4.6s1-.2 1.4-.6c.9-.9.9-2.1.1-2.9zm-20.9-8.2c-2.6 0-5.1-1-7-2.9-3.9-3.9-3.9-10.1 0-14C9.6 9 12.2 8 14.7 8s5.1 1 7 2.9c3.9 3.9 3.9 10.1 0 14-1.9 1.9-4.4 2.9-7 2.9z"/></svg> 4879 <span class="icon__fallback-text">Search</span> 4880 </button><!--cart button--> 4881<div class="go-cart__trigger js-go-cart-trigger" 4882 role="button" 4883 tabindex="0" 4884 aria-label="Open cart" 4885 aria-controls="cart-drawer" 4886 aria-expanded="false"> 4887 4888 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="42" height="42" viewBox="0 0 42 42" fill="none"> 4889 <path fill-rule="evenodd" clip-rule="evenodd" d="M25.6638 4.07751C25.975 3.92192 26.3353 3.89626 26.6654 4.0062C26.9955 4.11613 27.2685 4.35265 27.4243 4.66376L31.2761 12.3673C33.6438 12.5493 35.1296 13.0148 36.0886 14.1995C37.6636 16.149 37.0353 19.082 35.7788 24.9498L35.0281 28.4498C34.1758 32.4275 33.7506 34.4155 32.3068 35.5828C30.8631 36.75 28.8296 36.75 24.7626 36.75H17.2376C13.1706 36.75 11.1371 36.75 9.69506 35.5828C8.24956 34.4155 7.82256 32.4275 6.97206 28.4498L6.22131 24.9498C4.96481 19.082 4.33481 16.149 5.91156 14.1995C6.87056 13.013 8.35631 12.5493 10.7241 12.3673L14.5758 4.66376C14.7329 4.35512 15.0056 4.12107 15.3346 4.01264C15.6635 3.9042 16.0219 3.93016 16.3318 4.08486C16.6416 4.23955 16.8778 4.51045 16.9888 4.83851C17.0998 5.16658 17.0766 5.52521 16.9243 5.83626L13.7131 12.2588C14.5566 12.2529 15.4817 12.25 16.4886 12.25H25.5116C26.5184 12.2488 27.4436 12.2518 28.2871 12.2588L25.0758 5.83626C24.9203 5.52483 24.8949 5.16439 25.0052 4.83424C25.1155 4.50408 25.3524 4.233 25.6638 4.07751ZM12.6876 21C12.6876 20.6519 12.8258 20.3181 13.072 20.0719C13.3181 19.8258 13.652 19.6875 14.0001 19.6875H28.0001C28.3482 19.6875 28.682 19.8258 28.9281 20.0719C29.1743 20.3181 29.3126 20.6519 29.3126 21C29.3126 21.3481 29.1743 21.6819 28.9281 21.9281C28.682 22.1742 28.3482 22.3125 28.0001 22.3125H14.0001C13.652 22.3125 13.3181 22.1742 13.072 21.9281C12.8258 21.6819 12.6876 21.3481 12.6876 21ZM17.5001 24.9375C17.152 24.9375 16.8181 25.0758 16.572 25.3219C16.3258 25.5681 16.1876 25.9019 16.1876 26.25C16.1876 26.5981 16.3258 26.9319 16.572 27.1781C16.8181 27.4242 17.152 27.5625 17.5001 27.5625H24.5001C24.8482 27.5625 25.182 27.4242 25.4281 27.1781C25.6743 26.9319 25.8126 26.5981 25.8126 26.25C25.8126 25.9019 25.6743 25.5681 25.4281 25.3219C25.182 25.0758 24.8482 24.9375 24.5001 24.9375H17.5001Z" fill="#0C2A4A"/> 4890 </svg> 4891 4892 <span class="js-go-cart-counter" aria-live="polite">0</span> 4893 4894 4895</div> 4896<!--end cart button--> 4897 4898 <a href="/account/login" class="site-header__icon site-header__account site-header__account-login" aria-label="Account"> 4899 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> 4900 <path d="M20 20C22.3206 20 24.5462 19.0781 26.1872 17.4372C27.8281 15.7962 28.75 13.5706 28.75 11.25C28.75 8.92936 27.8281 6.70376 26.1872 5.06282C24.5462 3.42187 22.3206 2.5 20 2.5C17.6794 2.5 15.4538 3.42187 13.8128 5.06282C12.1719 6.70376 11.25 8.92936 11.25 11.25C11.25 13.5706 12.1719 15.7962 13.8128 17.4372C15.4538 19.0781 17.6794 20 20 20ZM9.375 22.5C8.21468 22.5 7.10188 22.9609 6.28141 23.7814C5.46094 24.6019 5 25.7147 5 26.875V27.5C5 30.4912 6.90375 33.0212 9.60625 34.7412C12.3238 36.4712 16.0025 37.5 20 37.5C23.9975 37.5 27.675 36.4712 30.3938 34.7412C33.0963 33.0212 35 30.4912 35 27.5V26.875C35 25.7147 34.5391 24.6019 33.7186 23.7814C32.8981 22.9609 31.7853 22.5 30.625 22.5H9.375Z" fill="#0C2A4A"/> 4901 </svg>
4902 <span class="icon__fallback-text">Log in</span> 4903 </a> 4904 4905 4906 4907 </div> 4908 </div> 4909 4910 4911 4912 4913 4914 </header> 4915 <nav class="mobile-nav-wrapper critical-hidden" role="navigation"> 4916 <div class="mobile-nav-internal-wrapper"> 4917 <ul id="MobileNav" class="mobile-nav text-left brice"> 4918 4919<li class="mobile-nav__item collection-nav-link"> 4920 4921 4922 <button type="button" class="btn--link mobile-nav__link js-toggle-mobile-drop" aria-expanded="false"> 4923 <span class="mobile-nav__label">Bundles</span> 4924 <span class="mobile-nav__plus" aria-label="expand section">+</span> 4925 <span class="mobile-nav__minus hide" aria-label="condense section">-</span> 4926 </button> 4927 <div class="mobile-nav__link-list-wrapper"> 4928 <ul href="/collections/multipacks" class="mobile-nav__link-product-list mobile-nav__link " > 4929 4930 4931 4932 4933 <div class="flavorswap-products flavorswap-active"> 4934 <a href='/products/build-a-box-variety-granola-butter' 4935 class="flavorswap-product-button flavorswap-active" 4936 title="Butter Bundle" 4937 style="background-image:url(//oat.haus/cdn/shop/files/GB-POP-UP-2_400x400.jpg?v=1739731175)" 4938 aria-label="Butter Bundle"> 4939 <div class="flavorswap-button-placeholder"></div> 4940 </a> 4941 <a href="/products/build-a-box-variety-granola-butter"> 4942 <div class="flavorswap-product--title">Butter Bundle</div> 4943 </a> 4944 </div> 4945 4946 4947 4948 4949 4950 <div class="flavorswap-products "> 4951 <a href='/products/granola-butter-bundle' 4952 class="flavorswap-product-button" 4953 title="Granola & Butter Bundle" 4954 style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-BANNER-2-EXPANDED_1_05645df0-60da-409d-a503-5643fe8a9e94_400x400.jpg?v=1736891888)" 4955 aria-label="Granola & Butter Bundle"> 4956 <div class="flavorswap-button-placeholder"></div> 4957 </a> 4958 <a href="/products/granola-butter-bundle"> 4959 <div class="flavorswap-product--title">Granola & Butter Bundle</div> 4960 </a> 4961 </div> 4962 4963 4964 4965 4966 4967 <div class="flavorswap-products "> 4968 <a href='/products/granola-bundle' 4969 class="flavorswap-product-button" 4970 title="Granola Bundle" 4971 style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-3PK_7b66cbbe-24d4-48bd-95d1-7eedf6be1d11_400x400.jpg?v=1743088836)" 4972 aria-label="Granola Bundle"> 4973 <div class="flavorswap-button-placeholder"></div> 4974 </a> 4975 <a href="/products/granola-bundle"> 4976 <div class="flavorswap-product--title">Granola Bundle</div> 4977 </a> 4978 </div> 4979 4980 4981 </ul> 4982 </div> 4983 4984 </li> 4985 4986<li class="mobile-nav__item collection-nav-link"> 4987 4988 4989 <button type="button" class="btn--link mobile-nav__link js-toggle-mobile-drop" aria-expanded="false"> 4990 <span class="mobile-nav__label">Jars</span> 4991 <span class="mobile-nav__plus" aria-label="expand section">+</span> 4992 <span class="mobile-nav__minus hide" aria-label="condense section">-</span> 4993 </button> 4994 <div class="mobile-nav__link-list-wrapper"> 4995 <ul href="/collections/flavors" class="mobile-nav__link-product-list mobile-nav__link " > 4996 4997 4998 4999 5000 <div class="flavorswap-products "> 5001 <a href='/products/salted-caramel-granola-butter' 5002 class="flavorswap-product-button" 5003 title="Salted Caramel Granola Butter" 5004 style="background-image:url(//oat.haus/cdn/shop/files/SaltedCaramel-Main-LEDStickers_8887bd98-1ef4-42ca-a8a7-8d5fa69550ce_400x400.jpg?v=1782840404)" 5005 aria-label="Salted Caramel "> 5006 <div class="flavorswap-button-placeholder"></div> 5007 </a> 5008 <a href="/products/salted-caramel-granola-butter"> 5009 <div class="flavorswap-product--title">Salted Caramel </div> 5010 </a> 5011 </div> 5012 5013 5014 5015 5016 5017 <div class="flavorswap-products "> 5018 <a href='/products/cookie-dough-granola-butter' 5019 class="flavorswap-product-button" 5020 title="Cookie Dough Granola Butter" 5021 style="background-image:url(//oat.haus/cdn/shop/files/CookieDough-Main_cd0cdeb0-b94b-41d2-8cf6-080bf2eb5fbc_400x400.jpg?v=1782842304)" 5022 aria-label="Cookie Dough "> 5023 <div class="flavorswap-button-placeholder"></div> 5024 </a> 5025 <a href="/products/cookie-dough-granola-butter"> 5026 <div class="flavorswap-product--title">Cookie Dough </div> 5027 </a> 5028 </div> 5029 5030 5031 5032 5033 5034 <div class="flavorswap-products "> 5035 <a href='/products/original-granola-butter' 5036 class="flavorswap-product-button" 5037 title="Cinnamon Graham Granola Butter" 5038 style="background-image:url(//oat.haus/cdn/shop/files/CinnamonGraham-Main_4153be55-cf7e-4924-b503-72cb6d0f3744_400x400.jpg?v=1782849964)" 5039 aria-label="Cinnamon Graham "> 5040 <div class="flavorswap-button-placeholder"></div> 5041 </a> 5042 <a href="/products/original-granola-butter"> 5043 <div class="flavorswap-product--title">Cinnamon Graham </div> 5044 </a> 5045 </div> 5046 5047 5048 5049 5050 5051 <div class="flavorswap-products "> 5052 <a href='/products/birthday-cake-granola-butter' 5053 class="flavorswap-product-button" 5054 title="Birthday Cake Granola Butter" 5055 style="background-image:url(//oat.haus/cdn/shop/files/BirthdayCake-Main_1851660a-17d7-48d1-ab14-3ed7ded2d586_400x400.jpg?v=1782842157)" 5056 aria-label="Birthday Cake "> 5057 <div class="flavorswap-button-placeholder"></div> 5058 </a> 5059 <a href="/products/birthday-cake-granola-butter"> 5060 <div class="flavorswap-product--title">Birthday Cake </div> 5061 </a> 5062 </div> 5063 5064 5065 5066 5067 5068 <div class="flavorswap-products "> 5069 <a href='/products/vanilla-granola-butter' 5070 class="flavorswap-product-button" 5071 title="Vanilla Granola Butter" 5072 style="background-image:url(//oat.haus/cdn/shop/files/Vanilla-Main_16d8a3c1-1e43-413e-b6bb-0ac576b5c250_400x400.jpg?v=1782849614)" 5073 aria-label="Vanilla "> 5074 <div class="flavorswap-button-placeholder"></div> 5075 </a> 5076 <a href="/products/vanilla-granola-butter"> 5077 <div class="flavorswap-product--title">Vanilla </div> 5078 </a> 5079 </div> 5080 5081 5082 5083 5084 5085 <div class="flavorswap-products "> 5086 <a href='/products/brownie-batter-granola-butter' 5087 class="flavorswap-product-button" 5088 title="Brownie Batter Granola Butter" 5089 style="background-image:url(//oat.haus/cdn/shop/files/Brownie-Main_f8100671-720e-4e7b-b4c7-fdcf015518b4_400x400.jpg?v=1782842025)" 5090 aria-label="Brownie Batter "> 5091 <div class="flavorswap-button-placeholder"></div> 5092 </a> 5093 <a href="/products/brownie-batter-granola-butter"> 5094 <div class="flavorswap-product--title">Brownie Batter </div> 5095 </a> 5096 </div> 5097 5098 5099 5100 5101 5102 <div class="flavorswap-products "> 5103 <a href='/products/cinnamon-roll-granola-butter' 5104 class="flavorswap-product-button" 5105 title="Cinnamon Roll Granola Butter" 5106 style="background-image:url(//oat.haus/cdn/shop/files/CinnaRoll-Main_6bc0ce3d-f88b-4787-a9be-106fc670328f_400x400.jpg?v=1782841876)"
5107 aria-label="Cinnamon Roll "> 5108 <div class="flavorswap-button-placeholder"></div> 5109 </a> 5110 <a href="/products/cinnamon-roll-granola-butter"> 5111 <div class="flavorswap-product--title">Cinnamon Roll </div> 5112 </a> 5113 </div> 5114 5115 5116 5117 5118 5119 <div class="flavorswap-products "> 5120 <a href='/products/cookies-and-cream' 5121 class="flavorswap-product-button" 5122 title="Cookies & Cream Granola Butter" 5123 style="background-image:url(//oat.haus/cdn/shop/files/CnC-Main_44673737-adbe-4578-a70e-997616bd8f6c_400x400.jpg?v=1782841215)" 5124 aria-label="Cookies & Cream "> 5125 <div class="flavorswap-button-placeholder"></div> 5126 </a> 5127 <a href="/products/cookies-and-cream"> 5128 <div class="flavorswap-product--title">Cookies & Cream </div> 5129 </a> 5130 </div> 5131 5132 5133 5134 5135 5136 <div class="flavorswap-products "> 5137 <a href='/products/dubai-chocolate-granola-butter' 5138 class="flavorswap-product-button" 5139 title="Dubai Chocolate Granola Butter" 5140 style="background-image:url(//oat.haus/cdn/shop/files/Dubai-Main_e64f7a3b-6b46-440b-b32f-73e5539087b1_400x400.jpg?v=1782841087)" 5141 aria-label="Dubai Chocolate "> 5142 <div class="flavorswap-button-placeholder"></div> 5143 </a> 5144 <a href="/products/dubai-chocolate-granola-butter"> 5145 <div class="flavorswap-product--title">Dubai Chocolate </div> 5146 </a> 5147 </div> 5148 5149 5150 5151 5152 5153 <div class="flavorswap-products "> 5154 <a href='/products/apple-cider-donut-granola-butter' 5155 class="flavorswap-product-button" 5156 title="Apple Cider Donut Granola Butter" 5157 style="background-image:url(//oat.haus/cdn/shop/files/ACD-Main_c794d038-415f-4223-809d-d0f1edf9ea0d_400x400.jpg?v=1782841452)" 5158 aria-label="Apple Cider Donut "> 5159 <div class="flavorswap-button-placeholder"></div> 5160 </a> 5161 <a href="/products/apple-cider-donut-granola-butter"> 5162 <div class="flavorswap-product--title">Apple Cider Donut </div> 5163 </a> 5164 </div> 5165 5166 5167 </ul> 5168 </div> 5169 5170 </li> 5171 5172<li class="mobile-nav__item collection-nav-link"> 5173 5174 5175 <button type="button" class="btn--link mobile-nav__link js-toggle-mobile-drop" aria-expanded="false"> 5176 <span class="mobile-nav__label">Granola</span> 5177 <span class="mobile-nav__plus" aria-label="expand section">+</span> 5178 <span class="mobile-nav__minus hide" aria-label="condense section">-</span> 5179 </button> 5180 <div class="mobile-nav__link-list-wrapper"> 5181 <ul href="/collections/granola" class="mobile-nav__link-product-list mobile-nav__link " > 5182 5183 5184 5185 5186 <div class="flavorswap-products "> 5187 <a href='/products/banana-bread-granola' 5188 class="flavorswap-product-button" 5189 title="Chocolate Chip Banana Bread Granola" 5190 style="background-image:url(//oat.haus/cdn/shop/files/BananaBreadFront_400x400.jpg?v=1765317193)" 5191 aria-label="Chocolate Chip Banana Bread Granola"> 5192 <div class="flavorswap-button-placeholder"></div> 5193 </a> 5194 <a href="/products/banana-bread-granola"> 5195 <div class="flavorswap-product--title">Chocolate Chip Banana Bread Granola</div> 5196 </a> 5197 </div> 5198 5199 5200 5201 5202 5203 <div class="flavorswap-products "> 5204 <a href='/products/cinnamon-roll-granola' 5205 class="flavorswap-product-button" 5206 title="Cinnamon Roll Granola" 5207 style="background-image:url(//oat.haus/cdn/shop/files/Cinnamon-Roll-Front_8ce04890-8638-45ab-9584-57ae6a9aeb58_400x400.jpg?v=1765315753)" 5208 aria-label="Cinnamon Roll Granola"> 5209 <div class="flavorswap-button-placeholder"></div> 5210 </a> 5211 <a href="/products/cinnamon-roll-granola"> 5212 <div class="flavorswap-product--title">Cinnamon Roll Granola</div> 5213 </a> 5214 </div> 5215 5216 5217 5218 5219 5220 <div class="flavorswap-products "> 5221 <a href='/products/cookie-dough-granola' 5222 class="flavorswap-product-button" 5223 title="Cookie Dough Granola" 5224 style="background-image:url(//oat.haus/cdn/shop/files/CookieDoughFront_400x400.png?v=1765381339)" 5225 aria-label="Cookie Dough Granola"> 5226 <div class="flavorswap-button-placeholder"></div> 5227 </a> 5228 <a href="/products/cookie-dough-granola"> 5229 <div class="flavorswap-product--title">Cookie Dough Granola</div> 5230 </a> 5231 </div> 5232 5233 5234 5235 5236 5237 <div class="flavorswap-products ">
5238 <a href='/products/cookies-cream-granola' 5239 class="flavorswap-product-button" 5240 title="Cookies & Cream Granola" 5241 style="background-image:url(//oat.haus/cdn/shop/files/CookiesAndCreamFront_400x400.jpg?v=1765828124)" 5242 aria-label="Cookies & Cream Granola"> 5243 <div class="flavorswap-button-placeholder"></div> 5244 </a> 5245 <a href="/products/cookies-cream-granola"> 5246 <div class="flavorswap-product--title">Cookies & Cream Granola</div> 5247 </a> 5248 </div> 5249 5250 5251 </ul> 5252 </div> 5253 5254 </li> 5255 5256<li class="mobile-nav__item collection-nav-link"> 5257 5258 5259 <button type="button" class="btn--link mobile-nav__link js-toggle-mobile-drop" aria-expanded="false"> 5260 <span class="mobile-nav__label">Packets</span> 5261 <span class="mobile-nav__plus" aria-label="expand section">+</span> 5262 <span class="mobile-nav__minus hide" aria-label="condense section">-</span> 5263 </button> 5264 <div class="mobile-nav__link-list-wrapper"> 5265 <ul href="/collections/packets" class="mobile-nav__link-product-list mobile-nav__link " > 5266 5267 5268 5269 5270 <div class="flavorswap-products "> 5271 <a href='/products/packets' 5272 class="flavorswap-product-button" 5273 title="Cinnamon Graham GB Packets" 5274 style="background-image:url(//oat.haus/cdn/shop/files/PacketHeroImage3_b55ec251-aa74-4341-bbe1-e57f715883bc_400x400.jpg?v=1755622093)" 5275 aria-label="Cinnamon Graham GB Packets"> 5276 <div class="flavorswap-button-placeholder"></div> 5277 </a> 5278 <a href="/products/packets"> 5279 <div class="flavorswap-product--title">Cinnamon Graham GB Packets</div> 5280 </a> 5281 </div> 5282 5283 5284 5285 5286 5287 <div class="flavorswap-products "> 5288 <a href='/products/vanilla-gb-packets' 5289 class="flavorswap-product-button" 5290 title="Vanilla GB Packets" 5291 style="background-image:url(//oat.haus/cdn/shop/files/Solo-Vanilla-Packet-School-Safe_400x400.png?v=1770829364)" 5292 aria-label="Vanilla GB Packets"> 5293 <div class="flavorswap-button-placeholder"></div> 5294 </a> 5295 <a href="/products/vanilla-gb-packets"> 5296 <div class="flavorswap-product--title">Vanilla GB Packets</div> 5297 </a> 5298 </div> 5299 5300 5301 </ul> 5302 </div> 5303 5304 </li> 5305 5306<li class="mobile-nav__item collection-nav-link"> 5307 5308 5309 <button type="button" class="btn--link mobile-nav__link js-toggle-mobile-drop" aria-expanded="false"> 5310 <span class="mobile-nav__label">Merch</span> 5311 <span class="mobile-nav__plus" aria-label="expand section">+</span> 5312 <span class="mobile-nav__minus hide" aria-label="condense section">-</span> 5313 </button> 5314 <div class="mobile-nav__link-list-wrapper"> 5315 <ul href="/collections/merch" class="mobile-nav__link-product-list mobile-nav__link " > 5316 5317 5318 5319 5320 <div class="flavorswap-products "> 5321 <a href='/products/golden-spoon-1' 5322 class="flavorswap-product-button" 5323 title="Golden Spoon" 5324 style="background-image:url(//oat.haus/cdn/shop/products/spoon_9cc8fbdf-0e0c-4a87-95f4-555ca5c8a56c_400x400.jpg?v=1679408399)" 5325 aria-label="Golden Spoon"> 5326 <div class="flavorswap-button-placeholder"></div> 5327 </a>
5328 <a href="/products/golden-spoon-1"> 5329 <div class="flavorswap-product--title">Golden Spoon</div> 5330 </a> 5331 </div> 5332 5333 5334 5335 5336 5337 <div class="flavorswap-products "> 5338 <a href='/products/big-oat-energy-beanie' 5339 class="flavorswap-product-button" 5340 title="Big Oat Energy Beanie" 5341 style="background-image:url(//oat.haus/cdn/shop/products/beanie_666ea1ed-8a5d-4ecb-90cc-0b5d182e9e68_400x400.jpg?v=1670617769)" 5342 aria-label="Big Oat Energy Beanie"> 5343 <div class="flavorswap-button-placeholder"></div> 5344 </a> 5345 <a href="/products/big-oat-energy-beanie"> 5346 <div class="flavorswap-product--title">Big Oat Energy Beanie</div> 5347 </a> 5348 </div> 5349 5350 5351 5352 5353 5354 <div class="flavorswap-products "> 5355 <a href='/products/big-oat-energy-socks' 5356 class="flavorswap-product-button" 5357 title="Big Oat Energy Socks" 5358 style="background-image:url(//oat.haus/cdn/shop/products/Socks_ba487364-4700-4020-ae82-7b710ce099bd_400x400.jpg?v=1670617889)" 5359 aria-label="Big Oat Energy Socks"> 5360 <div class="flavorswap-button-placeholder"></div> 5361 </a> 5362 <a href="/products/big-oat-energy-socks"> 5363 <div class="flavorswap-product--title">Big Oat Energy Socks</div> 5364 </a> 5365 </div> 5366 5367 5368 5369 5370 5371 <div class="flavorswap-products "> 5372 <a href='/products/oat-haus-bucket-hat' 5373 class="flavorswap-product-button" 5374 title="Bucket Hat" 5375 style="background-image:url(//oat.haus/cdn/shop/products/Bucket-Hat_400x400.jpg?v=1648159182)" 5376 aria-label="Bucket Hat"> 5377 <div class="flavorswap-button-placeholder"></div> 5378 </a> 5379 <a href="/products/oat-haus-bucket-hat"> 5380 <div class="flavorswap-product--title">Bucket Hat</div> 5381 </a> 5382 </div> 5383 5384 5385 5386 5387 5388 <div class="flavorswap-products "> 5389 <a href='/products/haus-party-hat' 5390 class="flavorswap-product-button" 5391 title="Haus Party Hat" 5392 style="background-image:url(//oat.haus/cdn/shop/products/HAUS-PARTY-HAT-LIGHTBLUEBG_400x400.jpg?v=1669153713)" 5393 aria-label="Haus Party Hat"> 5394 <div class="flavorswap-button-placeholder"></div> 5395 </a> 5396 <a href="/products/haus-party-hat"> 5397 <div class="flavorswap-product--title">Haus Party Hat</div> 5398 </a> 5399 </div> 5400 5401 5402 5403 5404 5405 <div class="flavorswap-products "> 5406 <a href='/products/big-oat-energy-bento-box' 5407 class="flavorswap-product-button" 5408 title="Big Oat Energy Bento Box" 5409 style="background-image:url(//oat.haus/cdn/shop/files/lunch_box_prod_page_2_400x400.png?v=1723122089)" 5410 aria-label="Big Oat Energy Bento Box"> 5411 <div class="flavorswap-button-placeholder"></div> 5412 </a> 5413 <a href="/products/big-oat-energy-bento-box"> 5414 <div class="flavorswap-product--title">Big Oat Energy Bento Box</div> 5415 </a> 5416 </div> 5417 5418 5419 5420 5421 5422 <div class="flavorswap-products "> 5423 <a href='/products/oat-haus-crewneck' 5424 class="flavorswap-product-button" 5425 title="Gray Oat Haus Crewneck" 5426 style="background-image:url(//oat.haus/cdn/shop/files/Untitled_design_18_400x400.png?v=1728332929)" 5427 aria-label="Gray Oat Haus Crewneck"> 5428 <div class="flavorswap-button-placeholder"></div> 5429 </a> 5430 <a href="/products/oat-haus-crewneck"> 5431 <div class="flavorswap-product--title">Gray Oat Haus Crewneck</div> 5432 </a> 5433 </div> 5434 5435 5436 </ul> 5437 </div> 5438 5439 </li> 5440 5441<li class="mobile-nav__item collection-nav-link"> 5442 5443 5444 <button type="button" class="btn--link mobile-nav__link js-toggle-mobile-drop" aria-expanded="false">
5445 <span class="mobile-nav__label">Gift Cards</span> 5446 <span class="mobile-nav__plus" aria-label="expand section">+</span> 5447 <span class="mobile-nav__minus hide" aria-label="condense section">-</span> 5448 </button> 5449 <div class="mobile-nav__link-list-wrapper"> 5450 <ul href="/collections/gift-cards" class="mobile-nav__link-product-list mobile-nav__link " > 5451 5452 5453 5454 5455 <div class="flavorswap-products "> 5456 <a href='/products/gift-card' 5457 class="flavorswap-product-button" 5458 title="Gift Card" 5459 style="background-image:url(//oat.haus/cdn/shop/products/Gift-Card_400x400.jpg?v=1648158720)" 5460 aria-label="Gift Card"> 5461 <div class="flavorswap-button-placeholder"></div> 5462 </a> 5463 <a href="/products/gift-card"> 5464 <div class="flavorswap-product--title">Gift Card</div> 5465 </a> 5466 </div> 5467 5468 5469 </ul> 5470 </div> 5471 5472 </li> 5473 5474<li class="mobile-nav__item other-nav-link"> 5475 5476 <a href="https://oat.haus/products/build-a-box-variety-granola-butter?variant=39587106226239&selling_plan=564166719" 5477 class="mobile-nav__link " 5478 5479 > 5480 <span class="mobile-nav__label">Subscribe</span> 5481 </a> 5482 5483 </li> 5484 5485<li class="mobile-nav__item other-nav-link"> 5486 5487 5488 <button type="button" class="btn--link mobile-nav__link" data-target="info-8" data-level="1" aria-expanded="false"> 5489 <span class="mobile-nav__label">Info</span> 5490 </button> 5491 <ul class="mobile-nav__dropdown" data-parent="info-8" data-level="2"> 5492 <li class="visually-hidden" tabindex="-1" data-menu-title="2">Info Menu</li> 5493 5494 <li class="mobile-nav__item"> 5495 5496 <a href="/pages/store-locator" 5497 class="mobile-nav__sublist-link" 5498 5499 > 5500 <span class="mobile-nav__label">Store Locator</span> 5501 </a> 5502 5503 </li> 5504 5505 <li class="mobile-nav__item"> 5506 5507 <a href="/pages/contact-us" 5508 class="mobile-nav__sublist-link" 5509 5510 > 5511 <span class="mobile-nav__label">Contact Us</span> 5512 </a> 5513 5514 </li> 5515 5516 <li class="mobile-nav__item"> 5517 5518 <a href="/pages/alicast" 5519 class="mobile-nav__sublist-link" 5520 5521 > 5522 <span class="mobile-nav__label">Podcast</span> 5523 </a> 5524 5525 </li> 5526 5527 <li class="mobile-nav__item"> 5528 5529 <a href="/pages/oat-haus-about-us" 5530 class="mobile-nav__sublist-link" 5531 5532 > 5533 <span class="mobile-nav__label">About Us</span> 5534 </a> 5535 5536 </li> 5537 5538 <li class="mobile-nav__item"> 5539 5540 <a href="/pages/affiliates" 5541 class="mobile-nav__sublist-link" 5542 5543 > 5544 <span class="mobile-nav__label">Become An Affiliate</span> 5545 </a> 5546 5547 </li> 5548 5549 <li class="mobile-nav__item"> 5550 5551 <a href="/pages/whole-sale-request" 5552 class="mobile-nav__sublist-link" 5553 5554 >
5555 <span class="mobile-nav__label">Request A Wholesale Account</span> 5556 </a> 5557 5558 </li> 5559 5560 </ul> 5561 5562 </li> 5563 5564 <li class="mobile-nav__item product-nav-link small--hide" style="padding-top: 15px;"> 5565 5566 <button type="button" class="btn btn--primary btn--small" aria-expanded="false" style="/* max-width: 200px; */" aria-label="Store Locator"> 5567 <a href="/pages/store-locator"><span class="mobile-nav__label" style="color: var(--color-bg);">Find Us In Store</span></a> 5568 </button> 5569 5570 5571 </li> 5572 </ul> 5573 </div> 5574 </nav> 5575 <div class="mobile-nav__overlay js-mobile-nav-overlay" data-uw-styling-context="true"></div> 5576</div>
5577<script type="application/ld+json"> 5578{ 5579 "@context": "http://schema.org", 5580 "@type": "Organization", 5581 "name": "Oat Haus", 5582 5583 5584 "logo": "https:\/\/oat.haus\/cdn\/shop\/files\/Packets_Mobile_3x-100_2440x.jpg?v=1755789242", 5585 5586 "sameAs": [ 5587 "", 5588 "", 5589 "", 5590 "", 5591 "", 5592 "", 5593 "", 5594 "" 5595 ], 5596 "url": "https:\/\/oat.haus" 5597} 5598</script>
5598 5599 5600 5601 5602 5603</div> 5604 5605 <div class="page-container drawer-page-content" id="PageContainer"> 5606 <main class="main-content js-focus-hidden" id="MainContent" tabindex="-1"> 5607 5608 5609 5610<div id="shopify-section-product-template" class="shopify-section product-section"><style> 5611 .js-go-cart-add-to-cart * { 5612 pointer-events: none; 5613 } 5614 5615 .js-go-cart-add-to-cart { 5616 pointer-events: auto; 5617 } 5618</style> 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634<div 5635 class="product-background colortheme-cookie-productbg colortheme-secondaryproductbg" 5636 data-handle="build-a-box-variety-granola-butter" 5637 data-color="#f16752" 5638> 5639 <div 5640 class="product-template__container page-width " 5641 id="ProductSection-product-template" 5642 data-section-id="product-template" 5643 data-section-type="product" 5644 data-enable-history-state="true" 5645 data-ajax-enabled="false" 5646 > 5647 5648 5649 5650 <div class="grid product-single"> 5651 <div 5652 class="order-2 order-lg-1 left-side grid__item product-single__media-group medium-up--one-half-product" 5653 data-product-single-media-group 5654 > 5655 <div class="title-review--wrapper large-up-hide meduim-hide"> 5656 <div class="title-review"> 5657 <div class="product-grid"> 5658
5658<script> 5659 window.performance.mark('debut:product:title_visible'); 5660 </script>
5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 5670 5671 5672 5673 5674 5675 5676 5677 5678<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6867799441471' 5679data-template='manual-installation' 5680data-auto-install='false'> 5681 <div style='display:none' class='jdgm-prev-badge' data-average-rating='4.84' data-number-of-reviews='2684' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.84' tabindex='0' aria-label='4.84 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 2684 reviews </span> </div> 5682</div> 5683 5684 5685 5686 5687 <h1 class="product-single__title gliker"> 5688 Butter Bundle 5689 </h1> 5690 5691 </div> 5692 </div> 5693 <div class="product-single__description rte"> 5694 5695 Q: how much GB is too much GB? Answer: the limit does not exist. 5696 </div> 5697 </div> 5698 <div class="product-single__media-wrapper js" style="position: relative;"> 5699 <div class=""> 5700 <div id="product-keen-slider" class="keen-slider"> 5701 5702 5703 <div class="keen-slider__slide lazy__slide feature-row__image"> 5704 <img src="" alt="slider-placeholder"> 5705 </div> 5706 5707 <div class="keen-slider__slide lazy__slide feature-row__image"> 5708 <img src="" alt="slider-placeholder"> 5709 </div> 5710 5711 <div class="keen-slider__slide lazy__slide feature-row__image"> 5712 <img src="" alt="slider-placeholder"> 5713 </div> 5714 5715 <div class="keen-slider__slide lazy__slide feature-row__image"> 5716 <img src="" alt="slider-placeholder"> 5717 </div> 5718 5719 <div class="keen-slider__slide lazy__slide feature-row__image"> 5720 <img src="" alt="slider-placeholder"> 5721 </div> 5722 5723 <div class="keen-slider__slide lazy__slide feature-row__image"> 5724 <img src="" alt="slider-placeholder"> 5725 </div> 5726 5727 <div class="keen-slider__slide lazy__slide feature-row__image"> 5728 <img src="" alt="slider-placeholder"> 5729 </div> 5730 5731 <div class="keen-slider__slide lazy__slide feature-row__image"> 5732 <img src="" alt="slider-placeholder"> 5733 </div> 5734 5735 </div> 5736 </div> 5737 </div> 5738 5739 <div class="product-info"> 5740 5741 5742 <!-- Wrapper for all ingredient items --> 5743 <div class="product-wrapper"> 5744 <div class="product-container gliker"> 5745 5746 <div class="product-item"> 5747 5748 <img 5749 src="//oat.haus/cdn/shop/files/Nut_Free_4x-8.png?v=1756138925&width=50" 5750 alt="Nut-Free Icon" 5751 class="product-image-1" 5752 > 5753 5754 5755 <div class="product-label">Nut-Free</div> 5756 5757 </div> 5758 5759 <div class="product-item"> 5760 5761 <img 5762 src="//oat.haus/cdn/shop/files/Gluten_Free_4x-8.png?v=1756138925&width=50" 5763 alt="Gluten-Free Icon" 5764 class="product-image-2" 5765 > 5766 5767 5768 <div class="product-label">Gluten-Free</div> 5769 5770 </div> 5771 5772 <div class="product-item"> 5773 5774 <img 5775 src="//oat.haus/cdn/shop/files/Vegan_4x-8.png?v=1756138925&width=50" 5776 alt="Vegan Icon" 5777 class="product-image-3" 5778 > 5779 5780 5781 <div class="product-label">Vegan</div> 5782 5783 </div> 5784 5785 </div> 5786 </div> 5787 5788 </div> 5789 </div> 5790 <div class="grid__item right-side medium-up--one-half-product order-1 order-lg-2"> 5791 <div class="product-single__meta"> 5792 <div class="title-review--wrapper small-hide medium-hide"> 5793 <div class="title-review"> 5794 <div class="product-grid"> 5795
5795<script> 5796 window.performance.mark('debut:product:title_visible'); 5797 </script>
5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807 5808 5809 5810 5811 5812 5813 5814 5815<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6867799441471' 5816data-template='manual-installation' 5817data-auto-install='false'> 5818 <div style='display:none' class='jdgm-prev-badge' data-average-rating='4.84' data-number-of-reviews='2684' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.84' tabindex='0' aria-label='4.84 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 2684 reviews </span> </div> 5819</div> 5820 5821 5822 5823 5824 <h1 class="product-single__title gliker"> 5825 Butter Bundle 5826 </h1> 5827 5828 </div> 5829 </div> 5830 <div class="product-single__description rte"> 5831 Q: how much GB is too much GB? Answer: the limit does not exist. 5832 </div> 5833 </div> 5834 <hr class="custom-hr small-hide medium-hide"> 5835 5836 <div class="flavorswap-tabs"> 5837 5838 5839 <button 5840 class="flavorswap-tab active gliker" 5841 data-tab="bundles" 5842 > 5843 Bundles 5844 </button> 5845 5846 <button 5847 class="flavorswap-tab gliker" 5848 data-tab="flavors" 5849 > 5850 Flavors 5851 </button> 5852 5853 <button 5854 class="flavorswap-tab gliker" 5855 data-tab="granola" 5856 > 5857 Granola 5858 </button> 5859 5860 <button 5861 class="flavorswap-tab gliker" 5862 data-tab="packets" 5863 > 5864 Packets 5865 </button> 5866 5867 </div> 5868 5869 <div class="flavorswap-content"> 5870 <!-- Flavors Tab Content --> 5871 5872 <div 5873 class="flavorswap-section active" 5874 id="bundles" 5875 > 5876 <div class="flavorswap-icons"> 5877 5878 5879 5880 5881 <div class="flavorswap-products "> 5882 <button 5883 onclick="location.href='/products/granola-butter-bundle'" 5884 class="flavorswap-product-button" 5885 title="Granola & Butter Bundle" 5886 style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-BANNER-2-EXPANDED_1_05645df0-60da-409d-a503-5643fe8a9e94_200x200.jpg?v=1736891888)" 5887 aria-label="Granola & Butter Bundle" 5888 > 5889 <div class="flavorswap-button-placeholder"></div> 5890 </button> 5891 <a href="/products/granola-butter-bundle"><div class="flavorswap-product--title">Granola & Butter Bundle</div></a> 5892 </div> 5893 5894 5895 5896 5897 5898 <div class="flavorswap-products flavorswap-active"> 5899 <button 5900 onclick="location.href='/products/build-a-box-variety-granola-butter'" 5901 class="flavorswap-product-button flavorswap-active" 5902 title="Butter Bundle" 5903 style="background-image:url(//oat.haus/cdn/shop/files/GB-POP-UP-2_200x200.jpg?v=1739731175)" 5904 aria-label="Butter Bundle" 5905 > 5906 <div class="flavorswap-button-placeholder"></div> 5907 </button> 5908 <a href="/products/build-a-box-variety-granola-butter"><div class="flavorswap-product--title">Butter Bundle</div></a> 5909 </div> 5910 5911 5912 5913 5914 5915 <div class="flavorswap-products "> 5916 <button 5917 onclick="location.href='/products/granola-bundle'" 5918 class="flavorswap-product-button" 5919 title="Granola Bundle" 5920 style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-3PK_7b66cbbe-24d4-48bd-95d1-7eedf6be1d11_200x200.jpg?v=1743088836)" 5921 aria-label="Granola Bundle" 5922 > 5923 <div class="flavorswap-button-placeholder"></div> 5924 </button> 5925 <a href="/products/granola-bundle"><div class="flavorswap-product--title">Granola Bundle</div></a> 5926 </div> 5927 5928 5929 </div> 5930 </div> 5931 5932 <div 5933 class="flavorswap-section " 5934 id="flavors" 5935 > 5936 <div class="flavorswap-icons"> 5937 5938 5939 5940 5941 <div class="flavorswap-products "> 5942 <button 5943 onclick="location.href='/products/salted-caramel-granola-butter'" 5944 class="flavorswap-product-button" 5945 title="Salted Caramel Granola Butter" 5946 style="background-image:url(//oat.haus/cdn/shop/files/SaltedCaramel-Main-LEDStickers_8887bd98-1ef4-42ca-a8a7-8d5fa69550ce_200x200.jpg?v=1782840404)" 5947 aria-label="Salted Caramel " 5948 > 5949 <div class="flavorswap-button-placeholder"></div> 5950 </button> 5951 <a href="/products/salted-caramel-granola-butter"><div class="flavorswap-product--title">Salted Caramel </div></a> 5952 </div> 5953 5954 5955 5956 5957 5958 <div class="flavorswap-products "> 5959 <button 5960 onclick="location.href='/products/cookie-dough-granola-butter'" 5961 class="flavorswap-product-button" 5962 title="Cookie Dough Granola Butter" 5963 style="background-image:url(//oat.haus/cdn/shop/files/CookieDough-Main_cd0cdeb0-b94b-41d2-8cf6-080bf2eb5fbc_200x200.jpg?v=1782842304)" 5964 aria-label="Cookie Dough " 5965 > 5966 <div class="flavorswap-button-placeholder"></div> 5967 </button> 5968 <a href="/products/cookie-dough-granola-butter"><div class="flavorswap-product--title">Cookie Dough </div></a> 5969 </div> 5970 5971 5972 5973 5974 5975 <div class="flavorswap-products "> 5976 <button 5977 onclick="location.href='/products/original-granola-butter'" 5978 class="flavorswap-product-button" 5979 title="Cinnamon Graham Granola Butter" 5980 style="background-image:url(//oat.haus/cdn/shop/files/CinnamonGraham-Main_4153be55-cf7e-4924-b503-72cb6d0f3744_200x200.jpg?v=1782849964)" 5981 aria-label="Cinnamon Graham " 5982 > 5983 <div class="flavorswap-button-placeholder"></div> 5984 </button> 5985 <a href="/products/original-granola-butter"><div class="flavorswap-product--title">Cinnamon Graham </div></a> 5986 </div> 5987 5988 5989 5990 5991 5992 <div class="flavorswap-products "> 5993 <button 5994 onclick="location.href='/products/birthday-cake-granola-butter'" 5995 class="flavorswap-product-button" 5996 title="Birthday Cake Granola Butter" 5997 style="background-image:url(//oat.haus/cdn/shop/files/BirthdayCake-Main_1851660a-17d7-48d1-ab14-3ed7ded2d586_200x200.jpg?v=1782842157)" 5998 aria-label="Birthday Cake " 5999 > 6000 <div class="flavorswap-button-placeholder"></div> 6001 </button> 6002 <a href="/products/birthday-cake-granola-butter"><div class="flavorswap-product--title">Birthday Cake </div></a> 6003 </div> 6004 6005 6006 6007 6008 6009 <div class="flavorswap-products "> 6010 <button 6011 onclick="location.href='/products/vanilla-granola-butter'" 6012 class="flavorswap-product-button" 6013 title="Vanilla Granola Butter" 6014 style="background-image:url(//oat.haus/cdn/shop/files/Vanilla-Main_16d8a3c1-1e43-413e-b6bb-0ac576b5c250_200x200.jpg?v=1782849614)" 6015 aria-label="Vanilla " 6016 > 6017 <div class="flavorswap-button-placeholder"></div> 6018 </button> 6019 <a href="/products/vanilla-granola-butter"><div class="flavorswap-product--title">Vanilla </div></a> 6020 </div> 6021 6022 6023 6024 6025 6026 <div class="flavorswap-products "> 6027 <button 6028 onclick="location.href='/products/brownie-batter-granola-butter'" 6029 class="flavorswap-product-button" 6030 title="Brownie Batter Granola Butter" 6031 style="background-image:url(//oat.haus/cdn/shop/files/Brownie-Main_f8100671-720e-4e7b-b4c7-fdcf015518b4_200x200.jpg?v=1782842025)" 6032 aria-label="Brownie Batter " 6033 > 6034 <div class="flavorswap-button-placeholder"></div> 6035 </button> 6036 <a href="/products/brownie-batter-granola-butter"><div class="flavorswap-product--title">Brownie Batter </div></a> 6037 </div> 6038 6039 6040 6041 6042 6043 <div class="flavorswap-products "> 6044 <button 6045 onclick="location.href='/products/cinnamon-roll-granola-butter'" 6046 class="flavorswap-product-button" 6047 title="Cinnamon Roll Granola Butter" 6048 style="background-image:url(//oat.haus/cdn/shop/files/CinnaRoll-Main_6bc0ce3d-f88b-4787-a9be-106fc670328f_200x200.jpg?v=1782841876)"
6049 aria-label="Cinnamon Roll " 6050 > 6051 <div class="flavorswap-button-placeholder"></div> 6052 </button> 6053 <a href="/products/cinnamon-roll-granola-butter"><div class="flavorswap-product--title">Cinnamon Roll </div></a> 6054 </div> 6055 6056 6057 6058 6059 6060 <div class="flavorswap-products "> 6061 <button 6062 onclick="location.href='/products/cookies-and-cream'" 6063 class="flavorswap-product-button" 6064 title="Cookies & Cream Granola Butter" 6065 style="background-image:url(//oat.haus/cdn/shop/files/CnC-Main_44673737-adbe-4578-a70e-997616bd8f6c_200x200.jpg?v=1782841215)" 6066 aria-label="Cookies & Cream " 6067 > 6068 <div class="flavorswap-button-placeholder"></div> 6069 </button> 6070 <a href="/products/cookies-and-cream"><div class="flavorswap-product--title">Cookies & Cream </div></a> 6071 </div> 6072 6073 6074 6075 6076 6077 <div class="flavorswap-products "> 6078 <button 6079 onclick="location.href='/products/dubai-chocolate-granola-butter'" 6080 class="flavorswap-product-button" 6081 title="Dubai Chocolate Granola Butter" 6082 style="background-image:url(//oat.haus/cdn/shop/files/Dubai-Main_e64f7a3b-6b46-440b-b32f-73e5539087b1_200x200.jpg?v=1782841087)" 6083 aria-label="Dubai Chocolate " 6084 > 6085 <div class="flavorswap-button-placeholder"></div> 6086 </button> 6087 <a href="/products/dubai-chocolate-granola-butter"><div class="flavorswap-product--title">Dubai Chocolate </div></a> 6088 </div> 6089 6090 6091 6092 6093 6094 <div class="flavorswap-products "> 6095 <button 6096 onclick="location.href='/products/apple-cider-donut-granola-butter'" 6097 class="flavorswap-product-button" 6098 title="Apple Cider Donut Granola Butter" 6099 style="background-image:url(//oat.haus/cdn/shop/files/ACD-Main_c794d038-415f-4223-809d-d0f1edf9ea0d_200x200.jpg?v=1782841452)" 6100 aria-label="Apple Cider Donut " 6101 > 6102 <div class="flavorswap-button-placeholder"></div> 6103 </button> 6104 <a href="/products/apple-cider-donut-granola-butter"><div class="flavorswap-product--title">Apple Cider Donut </div></a> 6105 </div> 6106 6107 6108 </div> 6109 </div> 6110 6111 <div 6112 class="flavorswap-section " 6113 id="granola" 6114 > 6115 <div class="flavorswap-icons"> 6116 6117 6118 6119 6120 <div class="flavorswap-products "> 6121 <button 6122 onclick="location.href='/products/banana-bread-granola'" 6123 class="flavorswap-product-button" 6124 title="Chocolate Chip Banana Bread Granola" 6125 style="background-image:url(//oat.haus/cdn/shop/files/BananaBreadFront_200x200.jpg?v=1765317193)" 6126 aria-label="Chocolate Chip Banana Bread Granola" 6127 > 6128 <div class="flavorswap-button-placeholder"></div> 6129 </button> 6130 <a href="/products/banana-bread-granola"><div class="flavorswap-product--title">Chocolate Chip Banana Bread Granola</div></a> 6131 </div> 6132 6133 6134 6135 6136 6137 <div class="flavorswap-products "> 6138 <button 6139 onclick="location.href='/products/cinnamon-roll-granola'" 6140 class="flavorswap-product-button" 6141 title="Cinnamon Roll Granola" 6142 style="background-image:url(//oat.haus/cdn/shop/files/Cinnamon-Roll-Front_8ce04890-8638-45ab-9584-57ae6a9aeb58_200x200.jpg?v=1765315753)" 6143 aria-label="Cinnamon Roll Granola" 6144 > 6145 <div class="flavorswap-button-placeholder"></div> 6146 </button> 6147 <a href="/products/cinnamon-roll-granola"><div class="flavorswap-product--title">Cinnamon Roll Granola</div></a> 6148 </div> 6149 6150 6151 6152 6153 6154 <div class="flavorswap-products "> 6155 <button 6156 onclick="location.href='/products/cookie-dough-granola'" 6157 class="flavorswap-product-button" 6158 title="Cookie Dough Granola" 6159 style="background-image:url(//oat.haus/cdn/shop/files/CookieDoughFront_200x200.png?v=1765381339)" 6160 aria-label="Cookie Dough Granola" 6161 > 6162 <div class="flavorswap-button-placeholder"></div> 6163 </button> 6164 <a href="/products/cookie-dough-granola"><div class="flavorswap-product--title">Cookie Dough Granola</div></a> 6165 </div> 6166 6167 6168 6169 6170 6171 <div class="flavorswap-products "> 6172 <button 6173 onclick="location.href='/products/cookie
6173s-cream-granola'" 6174 class="flavorswap-product-button" 6175 title="Cookies & Cream Granola" 6176 style="background-image:url(//oat.haus/cdn/shop/files/CookiesAndCreamFront_200x200.jpg?v=1765828124)" 6177 aria-label="Cookies & Cream Granola" 6178 > 6179 <div class="flavorswap-button-placeholder"></div> 6180 </button> 6181 <a href="/products/cookies-cream-granola"><div class="flavorswap-product--title">Cookies & Cream Granola</div></a> 6182 </div> 6183 6184 6185 </div> 6186 </div> 6187 6188 <div 6189 class="flavorswap-section " 6190 id="packets" 6191 > 6192 <div class="flavorswap-icons"> 6193 6194 6195 6196 6197 <div class="flavorswap-products "> 6198 <button 6199 onclick="location.href='/products/packets'" 6200 class="flavorswap-product-button" 6201 title="Cinnamon Graham GB Packets" 6202 style="background-image:url(//oat.haus/cdn/shop/files/PacketHeroImage3_b55ec251-aa74-4341-bbe1-e57f715883bc_200x200.jpg?v=1755622093)" 6203 aria-label="Cinnamon Graham GB Packets" 6204 > 6205 <div class="flavorswap-button-placeholder"></div> 6206 </button> 6207 <a href="/products/packets"><div class="flavorswap-product--title">Cinnamon Graham GB Packets</div></a> 6208 </div> 6209 6210 6211 6212 6213 6214 <div class="flavorswap-products "> 6215 <button 6216 onclick="location.href='/products/vanilla-gb-packets'" 6217 class="flavorswap-product-button" 6218 title="Vanilla GB Packets" 6219 style="background-image:url(//oat.haus/cdn/shop/files/Solo-Vanilla-Packet-School-Safe_200x200.png?v=1770829364)" 6220 aria-label="Vanilla GB Packets" 6221 > 6222 <div class="flavorswap-button-placeholder"></div> 6223 </button> 6224 <a href="/products/vanilla-gb-packets"><div class="flavorswap-product--title">Vanilla GB Packets</div></a> 6225 </div> 6226 6227 6228 </div> 6229 </div> 6230 6231 </div> 6232 6233 <hr class="custom-hr"> 6234 <div id="subscription-data" data-subscription-text="<p>Save 10% on every subscription | Cancel anytime | Free U.S. Shipping on orders over $25</p>"></div> 6235 6236 <div class="product__form--wrapper"></div> 6237 6238 6239 6240 <form method="post" action="/cart/add" id="add-to-cart-build-a-box-variety-granola-butter--product-template" accept-charset="UTF-8" class="product-form product-form-product-template 6241" enctype="multipart/form-data" data-productid="6867799441471" novalidate="novalidate" data-product-form=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /> 6242 6243 6244 <div class="product-form__controls-group"> 6245 6246 6247 6248 6249 6250 <div class="gliker product-page-label">Size</div> 6251 <fieldset 6252 class="product-form__controls-group radio-flex variant-selector" 6253 id="SingleOptionSelector-0" 6254 > 6255 <!-- <legend class="brice">Size</legend> --> 6256<div class="radio"> 6257 <input 6258 type="radio" 6259 class="single-option-selector single-option-selector-product-template product-form__input" 6260 6261 checked="checked" 6262 6263 6264 value="3 Jars" 6265 data-index="option1" 6266 name="size" 6267 id="SingleOptionSelector-size-3Jars" 6268 > 6269 6270 <label 6271 for="SingleOptionSelector-size-3Jars" 6272 class="variant-title text-center" 6273 >
6274 <span class="variant-title-svg-wrapper small-hide"> 6275 <svg 6276 xmlns="http://www.w3.org/2000/svg" 6277 width="19" 6278 height="19" 6279 viewBox="0 0 19 19" 6280 fill="none" 6281 > 6282 <rect width="19" height="19" rx="9.5" fill="#0C2A4A" fill-opacity="0.12"/> 6283 <circle cx="9.5" cy="9.5" r="4.5" fill="#0C2A4A"/> 6284 </svg> 6285 </span> 6286 3 Jars 6287 </label> 6288 <div class="variant-save-pct text-center"> 6289 <span class="variant-save-block" aria-hidden="true">Save 10%</span><span class="visually-hidden"> 6290 You save 10 percent. 6291 </span></div> 6292 </div> 6293<div class="radio"> 6294 <input 6295 type="radio" 6296 class="single-option-selector single-option-selector-product-template product-form__input" 6297 6298 6299 value="4 Jars" 6300 data-index="option1" 6301 name="size" 6302 id="SingleOptionSelector-size-4Jars" 6303 > 6304 6305 <label 6306 for="SingleOptionSelector-size-4Jars" 6307 class="variant-title text-center" 6308 > 6309 <span class="variant-title-svg-wrapper small-hide"> 6310 <svg 6311 xmlns="http://www.w3.org/2000/svg" 6312 width="19" 6313 height="19"
6314 viewBox="0 0 19 19" 6315 fill="none" 6316 > 6317 <rect width="19" height="19" rx="9.5" fill="#0C2A4A" fill-opacity="0.12"/> 6318 <circle cx="9.5" cy="9.5" r="4.5" fill="#0C2A4A"/> 6319 </svg> 6320 </span> 6321 4 Jars 6322 </label> 6323 <div class="variant-save-pct text-center"> 6324 <span class="variant-save-block" aria-hidden="true">Save 15%</span><span class="visually-hidden"> 6325 You save 15 percent. 6326 </span></div> 6327 </div> 6328<div class="radio"> 6329 <input 6330 type="radio" 6331 class="single-option-selector single-option-selector-product-template product-form__input" 6332 6333 6334 value="6 Jars" 6335 data-index="option1" 6336 name="size" 6337 id="SingleOptionSelector-size-6Jars" 6338 > 6339 6340 <label 6341 for="SingleOptionSelector-size-6Jars" 6342 class="variant-title text-center" 6343 > 6344 <span class="variant-title-svg-wrapper small-hide"> 6345 <svg 6346 xmlns="http://www.w3.org/2000/svg" 6347 width="19" 6348 height="19"
6349 viewBox="0 0 19 19" 6350 fill="none" 6351 > 6352 <rect width="19" height="19" rx="9.5" fill="#0C2A4A" fill-opacity="0.12"/> 6353 <circle cx="9.5" cy="9.5" r="4.5" fill="#0C2A4A"/> 6354 </svg> 6355 </span> 6356 6 Jars 6357 </label> 6358 <div class="variant-save-pct text-center"> 6359 <span class="variant-save-block" aria-hidden="true">Save 22%</span><span class="visually-hidden"> 6360 You save 22 percent. 6361 </span></div> 6362 </div></fieldset> 6363 6364 6365 </div> 6366 6367 <hr class="custom-hr"> 6368 <select 6369 name="id" 6370 data-productid="6867799441471" 6371 id="ProductSelect-product-template" 6372 class="product-form__variants no-js" 6373 > 6374 6375 <option 6376 value="39590893092927" 6377 selected="selected"> 6378 3 Jars 6379 6380 </option> 6381 6382 <option 6383 value="39587106226239"> 6384 4 Jars 6385 6386 </option> 6387 6388 <option 6389 value="39590893125695"> 6390 6 Jars 6391 6392 </option> 6393 6394 </select> 6395 6396 <div 6397 class="product-form__error-message-wrapper product-form__error-message-wrapper--hidden" 6398 data-error-message-wrapper 6399 role="alert" 6400 > 6401 <span class="visually-hidden">Error </span> 6402 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd"><path d="M7 0a7 7 0 0 1 7 7 7 7 0 1 1-7-7z"/><path class="icon-error__symbol" d="M6.328 8.396l-.252-5.4h1.836l-.24 5.4H6.328zM6.04 10.16c0-.528.432-.972.96-.972s.972.444.972.972c0 .516-.444.96-.972.96a.97.97 0 0 1-.96-.96z"/></g></svg> 6403 <span class="product-form__error-message" data-error-message>Quantity must be 1 or more</span> 6404 </div> 6405 6406 <div class="product-form__controls-group product-form__controls-group--submit"> 6407 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 <div class="awt-style-1"> 6424 <fieldset data-bundleapp-wrapper="756867799441471" class="bundleapp-wrapper" style="display: none"><input type="hidden" name="selling_plan" value=""> 6425 6426 6427 6428 <div 6429 class="bundleapp-plan-selector-group bundleapp-plan-selector-group--selected" 6430 data-one-time 6431 data-test="oneTimePrice" 6432 > 6433 <label> 6434 <input 6435 type="radio" 6436 name="bundleapp-plan-selector-group" 6437 value=""checked> 6438 <span>One-time purchase</span> 6439 <span class="bundleapp-plan-selector-group-pricing">$34.95</span> 6440 </label> 6441 6442 <div class="bundleapp-plan-selector-plan" style="display: none"> 6443 <select class="bundleapp-plan-selector-select"> 6444 <option value=""></option> 6445 </select> 6446 <div class="bundleapp-plan-selector-radio" style="display: none"> 6447 <input 6448 type="radio" 6449 name="plan" 6450 value="" 6451 id="one-time-purchase"checked>
6451 6452 </div> 6453 </div> 6454 </div> 6455 6456 6457 6458 6459<div class="bundleapp-plan-selector-group" style="display: none" data-test="008f4cd70c28b04feb307d00b27b8c89669d85e3"> 6460 6461 6462 6463<label> 6464 <input 6465 type="radio" 6466 name="bundleapp-plan-selector-group" 6467 value="008f4cd70c28b04feb307d00b27b8c89669d85e3" 6468 style="" 6469 > 6470 <span>Subscribe & Save 10%</span> 6471 6472 <div class="bundleapp-plan-selector-group-compare" style="margin-left:auto;"> 6473 <span class="bundleapp-plan-selector-group-pricing"></span> 6474 <span style="text-decoration: line-through; opacity: .9; font-size: 0.8em;">$34.95</span> 6475 </div> 6476 </label> 6477 6478 <div 6479 class="bundleapp-plan-selector-plan" 6480 id="bundleapp-plan-selector-008f4cd70c28b04feb307d00b27b8c89669d85e3" 6481 style="display: none" 6482 > 6483 <label data-test="prefixFromSellingPlanGroup-008f4cd70c28b04feb307d00b27b8c89669d85e3">Deliver every</label> 6484 6485<select 6486 class="bundleapp-plan-selector-select" 6487 style="" 6488 > 6489 6490 <option 6491 data-test="prefixFromSellingPlan-564166719" 6492 value="564166719">2 weeks 6493 </option> 6494 6495 <option 6496 data-test="prefixFromSellingPlan-564199487" 6497 value="564199487">4 weeks 6498 </option> 6499 6500 <option 6501 data-test="prefixFromSellingPlan-564232255" 6502 value="564232255">6 weeks 6503 </option> 6504 6505 </select> 6506 6507 <div class="bundleapp-plan-selector-radio" style="display: none"> 6508 <div style=""> 6509 6510<label 6511 class="bundleapp-plan-selector-radio__label " 6512 for="564166719" 6513 > 6514 <input 6515 class="bundleapp-plan-selector-radio__input " 6516 type="radio" 6517 name="plan" 6518 data-test="prefixFromSellingPlan-564166719" 6519 value="564166719" 6520 id="564166719"> 6521 2 weeks 6522 </label> 6523 6524<label 6525 class="bundleapp-plan-selector-radio__label " 6526 for="564199487" 6527 > 6528 <input 6529 class="bundleapp-plan-selector-radio__input " 6530 type="radio" 6531 name="plan" 6532 data-test="prefixFromSellingPlan-564199487" 6533 value="564199487" 6534 id="564199487"> 6535 4 weeks 6536 </label> 6537 6538<label 6539 class="bundleapp-plan-selector-radio__label " 6540 for="564232255" 6541 > 6542 <input 6543 class="bundleapp-plan-selector-radio__input " 6544 type="radio" 6545 name="plan" 6546 data-test="prefixFromSellingPlan-564232255" 6547 value="564232255" 6548 id="564232255"> 6549 6 weeks 6550 </label> 6551 6552 </div> 6553 </div> 6554 </div> 6555 </div> 6556 6557 <div class="bundleapp-plan-selector-description"> 6558 6559 </div></fieldset> 6560 </div> 6561 6562
6562<script type="application/json">{ 6563 "widget_id": "756867799441471", 6564 "id": 6867799441471, 6565 "title": "Butter Bundle", 6566 "selling_plan_groups": [{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}], 6567 "variants": [{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}], 6568 "selected_variant":{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}, 6569 "selling_plans_by_id": {"564166719": { 6570 "id":564166719, 6571 "name": "Deliver every 2 weeks", 6572 "description": null, 6573 "options": [{"name":"Deliver every","position":1,"value":"2 weeks"}], 6574 "recurring_deliveries": true, 6575 "price_adjustments": [{"order_count":null,"position":1,"value_type":"percentage","value":10}], 6576 "selling_plan_group_id": "008f4cd70c28b04feb307d00b27b8c89669d85e3" 6577 } 6578,"564199487": { 6579 "id":564199487, 6580 "name": "Deliver every 4 weeks", 6581 "description": null, 6582 "options": [{"name":"Deliver every","position":1,"value":"4 weeks"}], 6583 "recurring_deliveries": true, 6584 "price_adjustments": [{"order_count":null,"position":1,"value_type":"percentage","value":10}], 6585 "selling_plan_group_id": "008f4cd70c28b04feb307d00b27b8c89669d85e3" 6586 } 6587,"564232255": { 6588 "id":564232255, 6589 "name": "Deliver every 6 weeks", 6590 "description": null, 6591 "options": [{"name":"Deliver every","position":1,"value":"6 weeks"}], 6592 "recurring_deliveries": true, 6593 "price_adjustments": [{"order_count":null,"position":1,"value_type":"percentage","value":10}], 6594 "selling_plan_group_id": "008f4cd70c28b04feb307d00b27b8c89669d85e3" 6595 } 6596}, 6597 "metafields": {"isBundle":1,"type":"buildABox"}, 6598 "selectedSellingPlanId": null, 6599 "selected_selling_plan":null, 6600 "translations": { 6601 "subscription": "SUBSCRIPTION", 6602 "save": "Save", 6603 "extra": "Extra", 6604 "off": "off", 6605 "customize_my_box": "Customize my box", 6606 "from": "Starting from", 6607 "delivery_suffix": "/delivery" 6608 } 6609 } 6610 </script>
6610 6611 6612
6612<script> 6613 (function () { 6614 var product = {}; 6615 product.id = 6867799441471; 6616 product.title = "Butter Bundle"; 6617 product.selling_plan_groups = [{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}]; 6618 product.variants = [{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}]; 6619 product.selected_selling_plan = null; 6620 product.selected_variant = {"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}; 6621 product.translations = { 6622 subscription: "SUBSCRIPTION", 6623 save: "Save", 6624 extra: "Extra", 6625 off: "off", 6626 customize_my_box: "Customize my box", 6627 from: "Starting from", 6628 delivery_suffix: "/delivery", 6629 gift_first_name_placeholder: "First name", 6630 gift_first_name_label: "First name", 6631 gift_last_name_placeholder: "Last name", 6632 gift_last_name_label: "Last name", 6633 gift_email_placeholder: "Email address", 6634 gift_email_label: "Email address", 6635 gift_email_warning: "Important: Gift emails will be sent here", 6636 gift_note_placeholder: "Note", 6637 gift_note_label: "Note", 6638 gift_checkbox_label: "This is a gift", 6639 gift_recipient_info_title: "Recipient info" 6640 } 6641 product.metafields = {"isBundle":1,"type":"buildABox"}; 6642 product.gift_selling_plans =[1247641663] ; 6643 6644 product.selling_plans_by_id = (function() { 6645 var ret = {}; 6646 for (group of product.selling_plan_groups) { 6647 for (plan of group.selling_plans) { 6648 ret[plan.id] = JSON.parse(JSON.stringify(plan)); 6649 ret[plan.id].selling_plan_group_id = group.id; 6650 } 6651 } 6652 return ret; 6653 })(); 6654 6655 document.addEventListener("bundleapp:ready", function(){ 6656 if(window.bundleapp && window.bundleapp.BundleAppWidget) { 6657 var $selector = document.querySelector("[data-bundleapp-wrapper='756867799441471']"); 6658 var widget = new window.bundleapp.BundleAppWidget($selector, product); 6659 } 6660 }); 6661 })(); 6662 </script>
6662 6663 6664 6665 6666 6667 6668 <div 6669 class=" 6670 product-form__item product-form__item--submit" 6671 > 6672 6673 <div class="product-form__controls-group" style="border-radius: 100px;"> 6674 6675 6676<div class="visually-hidden" aria-live="assertive" aria-atomic="true" role="status" id="price-live-product-template" data-price-announcer>Current price $34.95, compare at price $38.85.</div><div class="product__price visually-hidden" data-a11y-price-root> 6677 6678<dl class="price 6679 6680 price--on-sale 6681 " 6682 data-price 6683> 6684 6685 6686<div class="price__pricing-group"> 6687 <div class="price__regular" aria-hidden="true"> 6688 <dt> 6689 <span class="visually-hidden visually-hidden--inline">Regular price</span> 6690 </dt> 6691 <dd> 6692 <span class="price-item price-item--regular" data-regular-price> 6693 $34.95 6694 </span> 6695 </dd> 6696 </div> 6697 <div class="price__sale" > 6698 <dt> 6699 <span class="visually-hidden visually-hidden--inline">Sale price</span> 6700 </dt> 6701 <dd> 6702 <span class="price-item price-item--sale" data-sale-price> 6703 $34.95 6704 </span> 6705 </dd> 6706 <dt> 6707 <span class="visually-hidden visually-hidden--inline">Regular price</span> 6708 </dt> 6709 <dd> 6710 <s class="price-item price-item--regular" data-regular-price aria-hidden="true"> 6711 $38.85 6712 </s> 6713 <span class="visually-hidden"> 6714 Original price $38.85 6715 </span><span class="visually-hidden">You save 10 percent.</span></dd> 6716 </div> 6717 <div class="price__badges"> 6718 <span class="price__badge price__badge--sale" aria-hidden="true"> 6719 <span>Sale</span> 6720 </span> 6721 <span class="price__badge price__badge--sold-out"> 6722 <span>Sold out</span> 6723 </span> 6724 </div> 6725 </div> 6726 <div class="price__unit"> 6727 <dt> 6728 <span class="visually-hidden visually-hidden--inline">Unit price</span> 6729 </dt> 6730 <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></dd> 6731 </div> 6732</dl> 6733 6734 </div> 6735 6736 <button 6737 type="submit" 6738 name="add" 6739 6740 aria-label="Add to cart" 6741 class="js-go-cart-add-to-cart btn product-form__cart-submit" 6742 6743 6744 data-add-to-cart 6745 style=" 6746 flex-basis: 100%;margin: 0;display: flex 6747 ; 6748 justify-content: space-evenly; 6749 align-items: center; 6750 " 6751 6752 disabled 6753 6754 > 6755 <span data-add-to-cart-text> 6756 6757 ...Loading Bundle 6758 6759 </span><span class="button-price" aria-hidden="true"> 6760 6761<dl class="price 6762 6763 price--on-sale 6764 " 6765 data-price 6766> 6767 6768 6769<div class="price__pricing-group"> 6770 <div class="price__regular" aria-hidden="true"> 6771 <dt> 6772 <span class="visually-hidden visually-hidden--inline">Regular price</span> 6773 </dt> 6774 <dd> 6775 <span class="price-item price-item--regular" data-regular-price> 6776 $34.95 6777 </span> 6778 </dd> 6779 </div> 6780 <div class="price__sale" > 6781 <dt> 6782 <span class="visually-hidden visually-hidden--inline">Sale price</span> 6783 </dt> 6784 <dd> 6785 <span class="price-item price-item--sale" data-sale-price> 6786 $34.95 6787 </span> 6788 </dd> 6789 <dt> 6790 <span class="visually-hidden visually-hidden--inline">Regular price</span> 6791 </dt> 6792 <dd> 6793 <s class="price-item price-item--regular" data-regular-price aria-hidden="true"> 6794 $38.85 6795 </s> 6796 <span class="visually-hidden"> 6797 Original price $38.85 6798 </span><span class="visually-hidden">You save 10 percent.</span></dd> 6799 </div> 6800 <div class="price__badges">
6801 <span class="price__badge price__badge--sale" aria-hidden="true"> 6802 <span>Sale</span> 6803 </span> 6804 <span class="price__badge price__badge--sold-out"> 6805 <span>Sold out</span> 6806 </span> 6807 </div> 6808 </div> 6809 <div class="price__unit"> 6810 <dt> 6811 <span class="visually-hidden visually-hidden--inline">Unit price</span> 6812 </dt> 6813 <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></dd> 6814 </div> 6815</dl> 6816 6817 </span> 6818 6819 <span class="hide" data-loader> 6820 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20"><path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"/></svg> 6821 </span> 6822 </button> 6823 6824 </div> 6825 6826 6827 </div> 6828 </div> 6829 <input type="hidden" name="product-id" value="6867799441471" /><input type="hidden" name="section-id" value="product-template" /></form> 6830 6831 </div><p 6832 class="visually-hidden" 6833 data-product-status 6834 aria-live="assertive" 6835 aria-atomic="true" 6836 role="status" 6837 ></p><p 6838 class="visually-hidden" 6839 data-loader-status 6840 aria-live="assertive" 6841 role="alert" 6842 aria-hidden="true" 6843 > 6844 Adding product to your cart 6845 </p> 6846 6847 <div 6848 class="product-single__store-availability-container" 6849 data-store-availability-container 6850 data-product-title="Butter Bundle" 6851 data-has-only-default-variant="false" 6852 data-base-url="https://oat.haus/" 6853 ></div> 6854 6855 6856 </div> 6857 </div> 6858 </div> 6859</div> 6860<div class="product-drip-section colortheme-cookie-productbg-drip colortheme-secondaryproductbg"> 6861 <div class="productpagedrip"> 6862 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1961.99 151.61" style="margin-top:-1px; display: block;"> 6863 <defs></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="" d="M1962,0s-3.73,2.4-5.27,3.74c-23.27,20.34-34.09,60.74-51.83,86.73-23.66,34.67-61.37,50.16-99.92,28.84-24.4-13.49-41.23-33.38-61-52.39-13.38-12.85-30.15-24.06-48.7-23.87-23.58.25-42.62,18.3-64,28.18s-46.3,10.9-68.72,4.17c-21.11-6.33-35.64-23.46-57.42-27.41-33.42-6.05-54.57,20.26-70.57,44.81-15,23-35.28,37.22-62.74,41.33-28.29,4.23-61.16-15.31-85.64-30.28-13.83-8.45-27.91-19.2-44.76-19.81-21.5-.78-38.79,16.16-58.78,21.12C1120.61,120.53,1109.93,77,1080,56c-48.18-33.81-69.44,12.81-106.16,38.62-24.54,17.25-52.46,21.07-80.63,14.52-49.63-11.53-96.31-57.26-149.42-49.52a83.66,83.66,0,0,0-13.6,3.17C685.5,77.13,662.5,163.06,611.41,150.33c-28.65-7.15-39.84-49.29-71-48.76-35.68.61-50,34.15-85.3,30.22-51.7-5.75-94.23-83.34-142.84-90.4C299.32,39.51,284,43.48,272,49c-49,22.57-93.86,59.33-150.37,59.73C66,109.15,32.11,38.74,0,0Z"></path></g></g> 6864 </svg> 6865 </div> 6866 <div class="page-width rich-text"> 6867 <div class="grid"> 6868 <div class="grid__item"> 6869 <div class="rich-text__heading text-center gliker"> 6870 6871 6872 6873 6874 <h2 class="h1 gliker blurb-title"> 6875 All Oats No Brakes 6876 </h2> 6877 6878 6879 6880 <div class="product-single__description rte-setting text-center"> 6881 <span>Can't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?</span> 6882 </div> 6883 6884 6885 </div> 6886 </div> 6887 </div> 6888 6889 6890 <div class="product-gallery--wrapper"> 6891 <div class="product-gallery"> 6892 <div class="Gallery-Image--wrapper Gallery-Image--wrapper-1 "> 6893 <br> 6894 <br> 6895 <br> 6896 <br> 6897 <br> 6898 <br> 6899 <br> 6900 <br> 6901 <br> 6902 </div> 6903 </div> 6904 </div> 6905 6906 </div> 6907</div> 6908 6909
6909<script type="application/json" id="ProductJson-product-template"> 6910 {"id":6867799441471,"title":"Butter Bundle","handle":"build-a-box-variety-granola-butter","description":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e","published_at":"2023-06-21T09:19:44-04:00","created_at":"2022-02-03T07:17:49-05:00","vendor":"Oat Haus","type":"Bundle","tags":["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],"price":3495,"price_min":3495,"price_max":5995,"available":true,"price_varies":true,"compare_at_price":3885,"compare_at_price_min":3885,"compare_at_price_max":7770,"compare_at_price_varies":true,"variants":[{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"],"featured_image":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","options":["Size"],"media":[{"alt":"A selection of 'Granola Butter' jars in various flavors, including brownie batter, vanilla and original, cookie dough and birthday cake arranged side by side.","id":25748318060607,"position":1,"preview_image":{"aspect_ratio":1.191,"height":3930,"width":4680,"src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175"},"aspect_ratio":1.191,"height":3930,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","width":4680},{"alt":"A jar of Original Granola Butter by Oat Haus surrounded by strawberries, oats, chocolate chip co
6910okies and two golden spoons. ","id":21567153078335,"position":2,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","width":1920},{"alt":"Three jars of Vanilla Granola Butter with cookies stacked around them and a white background with a peach confetti-like design. ","id":21567152980031,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250"},"aspect_ratio":1.0,"height":1200,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","width":1200},{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"aspect_ratio":1.0,"height":2502,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","width":2503},{"alt":"Oat Haus Original, Vanilla, and Chocolate Granola Butter jars on tile surrounded by a plate of brownies, a plate of cookies, dates, cookies and brownies on the tile, and three golden spoons. ","id":21567135809599,"position":5,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","width":1920},{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","width":1600},{"alt":"Oat Haus Original, Cookie Dough, and Vanilla Granola Butter jars against a light blue background. ","id":23631036514367,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"A pattern of Original, Vanilla and Cookie Dough Granola Butter jars against a light blue background. ","id":23631570632767,"position":8,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":900,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","width":720},{"alt":"Oat Haus Vanilla, Chocolate and Original Granola Butter jars against a light beige background with oats, ginger, chocolate, cinnamon and maple syrup scattered around them. ","id":21567135875135,"position":9,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","width":1000},{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker
6910calling out that they are \"made with olive oil\" with a very light blue background. ","id":25760592232511,"position":11,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","width":2000},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker calling out that they are \"made with olive oil\" against a light blue background. ","id":25748407910463,"position":12,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}],"content":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e"} 6911 </script>
6911 6912
6912<script type="application/json" id="ModelJson-product-template"> 6913 [] 6914 </script>
6914 6915 6916
6917<script> 6918 // Keep assertive live region in sync with visible price 6919 document.addEventListener('DOMContentLoaded', function () { 6920 var section = document.getElementById('ProductSection-product-template'); 6921 if (!section) return; 6922 6923 var announcer = section.querySelector('[data-price-announcer]'); 6924 var a11yPriceRoot = section.querySelector('[data-a11y-price-root]'); 6925 var buttonPrice = section.querySelector('button[data-add-to-cart] .button-price'); 6926 var productEl = document.getElementById('ProductJson-product-template'); 6927 var productData = null; 6928 try { productData = productEl ? JSON.parse(productEl.textContent) : null; } catch(e) {} 6929 6930 function money(cents) { 6931 try { 6932 if (window.Shopify && typeof Shopify.formatMoney === 'function') { 6933 return Shopify.formatMoney(cents, "${{amount}}"); 6934 } 6935 } catch (e) {} 6936 return '$' + (cents / 100).toFixed(2); 6937 } 6938 6939 // Simple, JSON-driven announcer: updates once on load and on variant change 6940 6941 // Also respond directly to variant selection changes via ProductJson data 6942 function getSelectedVariant() { 6943 if (!productData || !productData.variants) return null; 6944 var select = section.querySelector('#ProductSelect-product-template'); 6945 var id = select && select.value ? parseInt(select.value, 10) : null; 6946 if (id) return productData.variants.find(function(v){ return v.id === id; }) || null; 6947 // Fallback by matching option values 6948 var values = []; 6949 var selects = section.querySelectorAll('select.single-option-selector-product-template'); 6950 if (selects.length) { 6951 selects.forEach(function(sel){ values.push(sel.value); }); 6952 } else { 6953 var groups = section.querySelectorAll('fieldset.variant-selector'); 6954 if (groups.length) { 6955 groups.forEach(function(group){ 6956 var checked = group.querySelector('input[type="radio"]:checked'); 6957 if (checked) values.push(checked.value); 6958 }); 6959 } 6960 } 6961 if (!values.length) return null; 6962 return productData.variants.find(function(v){ 6963 return (!values[0] || v.option1 === values[0]) && (!values[1] || v.option2 === values[1]) && (!values[2] || v.option3 === values[2]); 6964 }) || null; 6965 } 6966 6967 function updateFromVariant() { 6968 var v = getSelectedVariant(); 6969 if (!v) return; 6970 // Sync the SR-visible price DOM to reflect the selected variant 6971 if (a11yPriceRoot) { 6972 var regWrap = a11yPriceRoot.querySelector('.price__regular'); 6973 var saleWrap = a11yPriceRoot.querySelector('.price__sale'); 6974 var regPrice = a11yPriceRoot.querySelector('.price__regular [data-regular-price]'); 6975 var salePrice = a11yPriceRoot.querySelector('.price__sale [data-sale-price]'); 6976 var cmpPrice = a11yPriceRoot.querySelector('.price__sale s[data-regular-price]'); 6977 6978 var onSale = v.compare_at_price && v.compare_at_price > v.price; 6979 if (regWrap) regWrap.setAttribute('aria-hidden', onSale ? 'true' : 'false'); 6980 if (saleWrap) saleWrap.setAttribute('aria-hidden', onSale ? 'false' : 'true'); 6981 if (regPrice) regPrice.textContent = money(v.price); 6982 if (salePrice) salePrice.textContent = money(v.price); 6983 if (cmpPrice) cmpPrice.textContent = onSale ? money(v.compare_at_price) : cmpPrice.textContent; 6984 } 6985 var current = money(v.price); 6986 var original = v.compare_at_price && v.compare_at_price > v.price ? money(v.compare_at_price) : null; 6987 if (announcer) { 6988 var prefix = v.title ? (v.title + ': ') : ''; 6989 announcer.textContent = original ? (prefix + 'Current price ' + current + ', compare at price ' + original + '.') : (prefix + 'Current price ' + current + '.'); 6990 } 6991 // Copy DOM price into button to refresh visuals 6992 if (a11yPriceRoot && buttonPrice) { 6993 buttonPrice.innerHTML = a11yPriceRoot.innerHTML; 6994 } 6995 } 6996 6997 // Initial sync/announce 6998 updateFromVariant(); 6999 7000 // Bind variant change listeners 7001 var form = section.querySelector('form.product-form'); 7002 if (form) { 7003 form.addEventListener('change', function(e){ 7004 // Delay slightly to allow theme/app scripts to update DOM/state 7005 setTimeout(updateFromVariant, 50); 7006 }); 7007 } 7008 }); 7009</script>
vendor: 1 bytes, line 7009
7009
7010<script> 7011 document.addEventListener("DOMContentLoaded", function () { 7012 const tabs = document.querySelectorAll(".flavorswap-tab"); 7013 const sections = document.querySelectorAll(".flavorswap-section"); 7014 7015 tabs.forEach(tab => { 7016 tab.addEventListener("click", function () { 7017 // Remove active class from all tabs and sections 7018 tabs.forEach(t => t.classList.remove("active")); 7019 sections.forEach(s => s.classList.remove("active")); 7020 7021 // Add active class to clicked tab and corresponding section 7022 this.classList.add("active"); 7023 document.getElementById(this.dataset.tab).classList.add("active"); 7024 }); 7025 }); 7026 7027 function updateHeaderColor() { 7028 const productElement = document.querySelector(".product-background"); 7029 if (productElement) { 7030 const headerElement = document.querySelector("header"); 7031 const newColor = productElement.getAttribute("data-color"); 7032 7033 if (newColor && headerElement) { 7034 headerElement.classList.add("colortheme-headerbg"); 7035 7036 7037 } else { 7038 console.log("No color found, resetting header."); 7039 headerElement.style.backgroundColor = ""; // Reset if no color is found 7040 } 7041 } 7042 } 7043 7044 // Run once on page load 7045 updateHeaderColor(); 7046 7047 // If the product changes dynamically, re-run the function 7048 const observer = new MutationObserver(updateHeaderColor); 7049 observer.observe(document.body, { childList: true, subtree: true }); 7050 }); 7051</script>
7051 7052 7053
7054<script> 7055(() => { 7056 'use strict'; 7057 7058 // Build PRODUCT images safely from product JSON 7059 const productJson = {"id":6867799441471,"title":"Butter Bundle","handle":"build-a-box-variety-granola-butter","description":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e","published_at":"2023-06-21T09:19:44-04:00","created_at":"2022-02-03T07:17:49-05:00","vendor":"Oat Haus","type":"Bundle","tags":["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],"price":3495,"price_min":3495,"price_max":5995,"available":true,"price_varies":true,"compare_at_price":3885,"compare_at_price_min":3885,"compare_at_price_max":7770,"compare_at_price_varies":true,"variants":[{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"],"featured_image":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","options":["Size"],"media":[{"alt":"A selection of 'Granola Butter' jars in various flavors, including brownie batter, vanilla and original, cookie dough and birthday cake arranged side by side.","id":25748318060607,"position":1,"preview_image":{"aspect_ratio":1.191,"height":3930,"width":4680,"src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175"},"aspect_ratio":1.191,"height":3930,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","width":4680},{"alt":"A jar of Original Granola Butter by Oat Haus surrounded by strawberries, oats, chocolate chip co
7059okies and two golden spoons. ","id":21567153078335,"position":2,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","width":1920},{"alt":"Three jars of Vanilla Granola Butter with cookies stacked around them and a white background with a peach confetti-like design. ","id":21567152980031,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250"},"aspect_ratio":1.0,"height":1200,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","width":1200},{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"aspect_ratio":1.0,"height":2502,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","width":2503},{"alt":"Oat Haus Original, Vanilla, and Chocolate Granola Butter jars on tile surrounded by a plate of brownies, a plate of cookies, dates, cookies and brownies on the tile, and three golden spoons. ","id":21567135809599,"position":5,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","width":1920},{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","width":1600},{"alt":"Oat Haus Original, Cookie Dough, and Vanilla Granola Butter jars against a light blue background. ","id":23631036514367,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"A pattern of Original, Vanilla and Cookie Dough Granola Butter jars against a light blue background. ","id":23631570632767,"position":8,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":900,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","width":720},{"alt":"Oat Haus Vanilla, Chocolate and Original Granola Butter jars against a light beige background with oats, ginger, chocolate, cinnamon and maple syrup scattered around them. ","id":21567135875135,"position":9,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","width":1000},{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker
7059calling out that they are \"made with olive oil\" with a very light blue background. ","id":25760592232511,"position":11,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","width":2000},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker calling out that they are \"made with olive oil\" against a light blue background. ","id":25748407910463,"position":12,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}],"content":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e"}; 7060 const productImages = (productJson.images || []) 7061 .slice(0, Math.max(0, (productJson.images || []).length - 3)) 7062 .map(img => (img && img.src) ? img.src : img) // tolerate string/obj 7063 .filter(Boolean); 7064 7065 // (Optional) crude thumbs from main URLs; use CDN sizes if you prefer 7066 const productThumbs = productImages.map(u => 7067 u.replace(/(\.[^./?]+)(\?.*)?$/, '_500x$1$2') 7068 ); 7069 7070 // Navigation plugin factory (no globals) 7071 function navigationFactory(thumbs) { 7072 return (slider) => {
7073 let wrapper, dotsWrapper, dots, arrowLeft, arrowRight; 7074 7075 const remove = (el) => el && el.parentNode && el.parentNode.removeChild(el); 7076 const div = (cls) => { const d = document.createElement('div'); cls.split(' ').forEach(c=>d.classList.add(c)); return d; }; 7077 7078 function wrapperMarkup(removeFlag) { 7079 if (removeFlag) { 7080 const parent = wrapper && wrapper.parentNode; 7081 if (parent && wrapper) { 7082 while (wrapper.firstChild) parent.insertBefore(wrapper.firstChild, wrapper); 7083 remove(wrapper); 7084 } 7085 return; 7086 } 7087 wrapper = div('navigation-wrapper'); 7088 slider.container.parentNode.appendChild(wrapper); 7089 wrapper.appendChild(slider.container); 7090 } 7091 7092 function arrowMarkup(removeFlag) { 7093 if (removeFlag) { remove(arrowLeft); remove(arrowRight); return; } 7094 arrowLeft = div('product-arrow product-arrow--left'); 7095 arrowRight = div('product-arrow product-arrow--right'); 7096 arrowLeft.addEventListener('click', () => slider.prev()); 7097 arrowRight.addEventListener('click', () => slider.next()); 7098 wrapper.appendChild(arrowLeft); 7099 wrapper.appendChild(arrowRight); 7100 } 7101 7102 function dotMarkup(removeFlag) { 7103 if (removeFlag) { remove(dotsWrapper); return; } 7104 dotsWrapper = div('product-dots-wrapper'); 7105 dots = div('product-dots'); 7106 7107 slider.track.details.slides.forEach((_e, idx) => { 7108 const dot = div('product-dot'); 7109 if (thumbs && thumbs[idx]) { 7110 const img = document.createElement('img'); 7111 img.src = thumbs[idx]; 7112 img.alt = 'Product Image Photography ' + (idx + 1); 7113 dot.appendChild(img); 7114 } 7115 dot.addEventListener('click', () => slider.moveToIdx(idx)); 7116 dots.appendChild(dot); 7117 }); 7118 7119 dotsWrapper.appendChild(dots); 7120 wrapper.appendChild(dotsWrapper); 7121 } 7122 7123 function updateClasses() { 7124 const rel = slider.track.details.rel; 7125 if (arrowLeft && arrowRight) { 7126 (rel === 0) ? arrowLeft.classList.add('arrow--disabled') : arrowLeft.classList.remove('arrow--disabled'); 7127 (rel === slider.track.details.slides.length - 1) ? arrowRight.classList.add('arrow--disabled') : arrowRight.classList.remove('arrow--disabled'); 7128 } 7129 if (dots) { 7130 Array.from(dots.children).forEach((dot, idx) => { 7131 (idx === rel) ? dot.classList.add('product-dot--active') : dot.classList.remove('product-dot--active'); 7132 }); 7133 } 7134 } 7135 7136 function markup(removeFlag) { wrapperMarkup(removeFlag); dotMarkup(removeFlag); arrowMarkup(removeFlag); } 7137 7138 slider.on('created', () => { markup(false); updateClasses(); }); 7139 slider.on('optionsChanged', () => { markup(true); markup(false); updateClasses(); }); 7140 slider.on('slideChanged', updateClasses); 7141 slider.on('destroyed', () => markup(true)); 7142 }; 7143 } 7144 7145 // Load images for THIS slider only 7146 function loadImagesFactory(imgs) { 7147 const loaded = []; 7148 return function loadImages(s) { 7149 const slideIdx = s.track.details.rel; 7150 loaded[slideIdx] = true; 7151 s.slides.forEach((el, idx) => { 7152 if (loaded[idx]) { 7153 const img = el.querySelector('img'); 7154 if (img && imgs[idx]) img.setAttribute('src', imgs[idx]); 7155 } 7156 }); 7157 }; 7158 } 7159 7160 const productLoadImages = loadImagesFactory(productImages); 7161 new KeenSlider('#product-keen-slider', { 7162 created: productLoadImages, 7163 animationEnded: productLoadImages, 7164 loop: true, 7165 initial: 0, 7166 }, [navigationFactory(productThumbs)]); 7167})(); 7168</script>
7168 7169 7170</div> 7171<div id="shopify-section-product-ingredients" class="shopify-section product-section haus-rules product-ingredients"> 7172 7173 7174 7175 7176 7177 7178 7179 7180 7181<div class="product_ingredients colortheme-cookie-productingredientsbg colortheme-secondaryproductbg"> 7182 <div class="product_ingredients_items order-2" style="justify-content: center; align-items: center; overflow: hidden;"> 7183 7184 7185 7186 <!-- Wrapper for all ingredient items --> 7187 <div class="ingredients-wrapper--parent"> 7188 <div class="ingredients-wrapper"> 7189 <div class="ingredients-container--wrapper"> 7190 <div class="ingredients-heading gliker">Ingredients</div> 7191 7192 <div class="ingredients-container"> 7193 7194 <div class="ingredient-item"> 7195 7196 7197 <img 7198 src="//oat.haus/cdn/shop/files/GF_Oats_3x-8.png?v=1756742888&width=151" 7199 alt="Gluten Free Oats Icon" 7200 class="ingredient-image" 7201 > 7202 7203 7204 7205 7206 <div class="ingredient-label gliker">Gluten Free Oats</div> 7207 7208 </div> 7209 7210 <div class="ingredient-item"> 7211 7212 7213 <img 7214 src="//oat.haus/cdn/shop/files/Olive_Oil_3x-8.png?v=1756742888&width=142" 7215 alt="Olive Oil Icon" 7216 class="ingredient-image" 7217 > 7218 7219 7220 7221 7222 <div class="ingredient-label gliker">Olive Oil</div> 7223 7224 </div> 7225 7226 <div class="ingredient-item"> 7227 7228 7229 <img 7230 src="//oat.haus/cdn/shop/files/Coconut_Oil_3x-8.png?v=1756742888&width=165" 7231 alt="Coconut oil Icon" 7232 class="ingredient-image" 7233 > 7234 7235 7236 7237 7238 <div class="ingredient-label gliker">Coconut oil</div> 7239 7240 </div> 7241 7242 <div class="ingredient-item"> 7243 7244 7245 <img 7246 src="//oat.haus/cdn/shop/files/Maple_Syrup_3x-8.png?v=1756742888&width=168" 7247 alt="Maple Syrup Icon" 7248 class="ingredient-image" 7249 > 7250 7251 7252 7253 7254 <div class="ingredient-label gliker">Maple Syrup</div> 7255 7256 </div> 7257 7258 </div> 7259 </div> 7260 7261 <!-- Use Nutritional Image --> 7262 <div class="single-ingredient"> 7263 <div class="product-single__media-wrapper js" style="position: relative;"> 7264 <div class="nutrition"> 7265 <div id="ingredients-keen-slider" class="keen-slider"> 7266 7267 7268 7269 <div class="keen-slider__slide lazy__slide feature-row__image"> 7270 <img src="" alt="Nutrition Facts 1"> 7271 <div class="nutriflavor"></div> 7272 </div> 7273 7274 <div class="keen-slider__slide lazy__slide feature-row__image"> 7275 <img src="" alt="Nutrition Facts 2"> 7276 <div class="nutriflavor"></div> 7277 </div> 7278 7279 <div class="keen-slider__slide lazy__slide feature-row__image"> 7280 <img src="" alt="Nutrition Facts 3"> 7281 <div class="nutriflavor"></div> 7282 </div> 7283 7284 <div class="keen-slider__slide lazy__slide feature-row__image"> 7285 <img src="" alt="Nutrition Facts 4"> 7286 <div class="nutriflavor"></div> 7287 </div> 7288 7289 <div class="keen-slider__slide lazy__slide feature-row__image"> 7290 <img src="" alt="Nutrition Facts 5"> 7291 <div class="nutriflavor"></div> 7292 </div> 7293 7294 <div class="keen-slider__slide lazy__slide feature-row__image"> 7295 <img src="" alt="Nutrition Facts 6"> 7296 <div class="nutriflavor"></div> 7297 </div> 7298 7299 <div class="keen-slider__slide lazy__slide feature-row__image"> 7300 <img src="" alt="Nutrition Facts 7"> 7301 <div class="nutriflavor"></div> 7302 </div> 7303 7304 <div class="keen-slider__slide lazy__slide feature-row__image"> 7305 <img src="" alt="Nutrition Facts 8"> 7306 <div class="nutriflavor"></div> 7307 </div> 7308 7309 <div class="keen-slider__slide lazy__slide feature-row__image"> 7310 <img src="" alt="Nutrition Facts 9"> 7311 <div class="nutriflavor"></div> 7312 </div> 7313 7314 7315 </div> 7316 </div> 7317 </div> 7318 </div> 7319 7320 </div> 7321 </div> 7322 7323 7324 </div> 7325</div> 7326 7327 7328 7329 7330 7331 7332
7333<script> 7334 7335// Build arrays from the metaobjects safely (no drops leaked into JS) 7336 7337// Full-size images 7338var images = [ 7339 7340 7341 "//oat.haus/cdn/shop/files/CookieDoughNutritionals_3x-100_c37b1394-50c3-4343-9f23-f72875523af8.jpg?v=1756823399&width=500" 7342 7343 , 7344 7345 7346 "//oat.haus/cdn/shop/files/OriginalNutritionals_3x-100_2659ed50-c9ae-4aeb-b32a-13122417ba2c.jpg?v=1756823652&width=500" 7347 7348 , 7349 7350 7351 "//oat.haus/cdn/shop/files/BDAYNutritionals_3x-100_499b26c3-8501-48de-a1bb-7fe9adfbdb60.jpg?v=1756823800&width=500" 7352 7353 , 7354 7355 7356 "//oat.haus/cdn/shop/files/VanillaNutritionals_3x-100_10f35de6-037d-4875-91c1-6acd596969a4.jpg?v=1756823939&width=500" 7357 7358 , 7359 7360 7361 "//oat.haus/cdn/shop/files/BrownieBatterNutritionals_3x-100_0c30ddcc-31b2-4109-b868-49aad04d0f8d.jpg?v=1756824160&width=500" 7362 7363 , 7364 7365 7366 "//oat.haus/cdn/shop/files/Cookies_CreamNutritionals_3x-100_bf521255-9952-41b9-b22d-899146b58a61.jpg?v=1756824286&width=500" 7367 7368 , 7369 7370 7371 "//oat.haus/cdn/shop/files/WildBerryUpdatedIngredients_4x-100_e245ae04-ad96-4f95-b63f-641b5f01ff82.jpg?v=1756824423&width=500" 7372 7373 , 7374 7375 7376 "//oat.haus/cdn/shop/files/Brookie_Nutri_e9508b1f-7d4f-4b7d-8aa2-f2f713c25b2a.png?v=1756824553&width=500" 7377 7378 , 7379 7380 7381 "//oat.haus/cdn/shop/files/DubaiChocolateNutri_4x-100_57d583fa-0fed-42ab-97cb-beddde9b9f7c.jpg?v=1756824737&width=500" 7382 7383 7384 7385]; 7386var nutri_images = [ 7387 7388 7389 "Cookie Dough" 7390 7391 , 7392 7393 7394 "Original" 7395 7396 , 7397 7398 7399 "Birthday Cake" 7400 7401 , 7402 7403 7404 "Vanilla" 7405 7406 , 7407 7408 7409 "Brownie Batter" 7410 7411 , 7412 7413 7414 "Cookies and Cream" 7415 7416 , 7417 7418 7419 "Wild Berry" 7420 7421 , 7422 7423 7424 "Brookie" 7425 7426 , 7427 7428 7429 "Dubai Chocolate" 7430 7431 7432 7433]; 7434 7435 7436 7437var elements = document.querySelectorAll(".lazy__slide img") 7438var loaded = [] 7439 7440 function navigation(slider) { 7441 let wrapper, dots, arrowLeft, arrowRight 7442 7443 function markup(remove) { 7444 wrapperMarkup(remove) 7445 dotMarkup(remove) 7446 arrowMarkup(remove) 7447 } 7448 7449 function removeElement(elment) { 7450 elment.parentNode.removeChild(elment) 7451 } 7452 function createDiv(className) { 7453 var div = document.createElement("div") 7454 var classNames = className.split(" ") 7455 classNames.forEach((name) => div.classList.add(name)) 7456 return div 7457 } 7458 7459 function arrowMarkup(remove) { 7460 if (remove) { 7461 removeElement(arrowLeft) 7462 removeElement(arrowRight) 7463 return 7464 } 7465 arrowLeft = createDiv("product-arrow product-arrow--left") 7466 arrowLeft.addEventListener("click", () => slider.prev()) 7467 arrowRight = createDiv("product-arrow product-arrow--right") 7468 arrowRight.addEventListener("click", () => slider.next()) 7469 7470 wrapper.appendChild(arrowLeft) 7471 wrapper.appendChild(arrowRight) 7472 } 7473 7474 function wrapperMarkup(remove) { 7475 if (remove) { 7476 var parent = wrapper.parentNode 7477 while (wrapper.firstChild) 7478 parent.insertBefore(wrapper.firstChild, wrapper) 7479 removeElement(wrapper) 7480 return 7481 } 7482 wrapper = createDiv("navigation-wrapper") 7483 slider.container.parentNode.appendChild(wrapper) 7484 wrapper.appendChild(slider.container) 7485 } 7486 7487 function dotMarkup(remove) { 7488 if (remove) { 7489 removeElement(dotsWrapper) 7490 return 7491 } 7492 // Create the wrapper for dots 7493 dotsWrapper = createDiv("product-dots-wrapper"); 7494 7495 // Create the dots container 7496 dots = createDiv("product-dots"); 7497 var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 7498 slider.track.details.slides.forEach((_e, idx) => { 7499 var dot = createDiv("product-dot") 7500 var img = document.createElement("img") 7501 if(width>700){ 7502 var imagethumbss = images.map(i => i.split('.jpg')[0] + '_500x.jpg') 7503 img.src=imagethumbss[idx] 7504 img.alt="Slider Dot" 7505 dot.appendChild(img) 7506 } 7507 dot.addEventListener("click", () => slider.moveToIdx(idx)) 7508 dots.appendChild(dot) 7509 }) 7510 // Append dots to the wrapper 7511 dotsWrapper.appendChild(dots); 7512 7513 // Append dotsWrapper to the main wrapper 7514 wrapper.appendChild(dotsWrapper); 7515 } 7516 7517 function updateClasses() { 7518 var slide = slider.track.details.rel 7519 slide === 0 7520 ? arrowLeft.classList.add("arrow--disabled") 7521 : arrowLeft.classList.remove("arrow--disabled") 7522 slide === slider.track.details.slides.length - 1 7523 ? arrowRight.classList.add("arrow--disabled") 7524 : arrowRight.classList.remove("arrow--disabled")
7525 Array.from(dots.children).forEach(function (dot, idx) { 7526 idx === slide 7527 ? dot.classList.add("product-dot--active") 7528 : dot.classList.remove("product-dot--active") 7529 }) 7530 } 7531 7532 slider.on("created", () => { 7533 markup() 7534 updateClasses() 7535 }) 7536 slider.on("optionsChanged", () => { 7537 console.log(2) 7538 markup(true) 7539 markup() 7540 updateClasses() 7541 }) 7542 slider.on("slideChanged", () => { 7543 updateClasses() 7544 }) 7545 slider.on("destroyed", () => { 7546 markup(true) 7547 }) 7548} 7549 7550 7551function loadImages(s) { 7552 const slideIdx = s.track.details.rel 7553 loaded[slideIdx] = true 7554 7555 s.slides.forEach((element, idx) => { 7556 if (loaded[idx]) 7557 element.querySelector("img").setAttribute("src", images[idx]) 7558 element.querySelector("img").setAttribute("alt", nutri_images[idx] + " Nutrition Facts" ) 7559 element.querySelector(".nutriflavor").innerHTML=nutri_images[idx] 7560 }) 7561 } 7562 var IngSlider = new KeenSlider("#ingredients-keen-slider", { 7563 animationEnded: loadImages, 7564 created: loadImages, 7565 loop: true, 7566 initial: 0, 7567 }, [navigation]) 7568 7569 7570</script>
7570 7571</div> 7572<div id="shopify-section-pairs-with" class="shopify-section product-pairs-with"> 7573 7574 7575 7576 7577 7578 7579 7580 7581 <div class = " colortheme-cookie-pairswithbg pairs-with-section"> 7582 <div class="main-container"> 7583 <div class="head-pair gliker"> 7584 <h2>Best Paired With?</h2> 7585 </div> 7586 <div class="pairs-section"> 7587 7588 7589 <div class="pairs-container paris-first-container"> 7590 7591 7592 <div class="pair-item"> 7593 <div class="pair-image"> 7594 7595 <img src="//oat.haus/cdn/shop/files/Pancakes.png?v=1756240873" alt="Pancakes" class=""> 7596 7597 </div> 7598 <div class="pair-desc"> 7599 7600 7601 <div class="heading-pair"> 7602 <h3 class="pair-heading gliker">Pancakes</h3> 7603 </div> 7604 7605 7606 7607 <div class="text-pair"> 7608 <p class="pair-text">Move over, maple syrup. </p> 7609 </div> 7610 7611 </div> 7612 </div> 7613 7614 7615 7616 <div class="pair-item"> 7617 <div class="pair-image"> 7618 7619 <img src="//oat.haus/cdn/shop/files/Toast.png?v=1756240873" alt="On Toast" class=""> 7620 7621 </div> 7622 <div class="pair-desc"> 7623 7624 7625 <div class="heading-pair"> 7626 <h3 class="pair-heading gliker">On Toast</h3> 7627 </div> 7628 7629 7630 7631 <div class="text-pair"> 7632 <p class="pair-text">Fairy bread! </p> 7633 </div> 7634 7635 </div> 7636 </div> 7637 7638 7639 7640 <div class="pair-item"> 7641 <div class="pair-image"> 7642 7643 <img src="//oat.haus/cdn/shop/files/Yogurt.png?v=1756299694" alt="Yogurt" class=""> 7644 7645 </div> 7646 <div class="pair-desc"> 7647 7648 7649 <div class="heading-pair"> 7650 <h3 class="pair-heading gliker">Yogurt</h3> 7651 </div> 7652 7653 7654 7655 <div class="text-pair"> 7656 <p class="pair-text">A breakfast of champions. </p> 7657 </div> 7658 7659 </div> 7660 </div> 7661 7662 7663 7664 7665 7666 7667 7668 7669 7670 7671 </div> 7672 7673 7674 <div class="last-pair-container "> 7675 <div class="last-pair-item"> 7676 <div class="last-pair-image"> 7677 7678 <img src="//oat.haus/cdn/shop/files/Brookie_9f4fbeba-d5bf-4fe9-9b70-4539141e4ca0.jpg?v=1756822987&width=800" alt="Image inspiring what product can pair with" class="pair-image pair-image-"> 7679 7680 </div> 7681 <div class="last-pair-desc"> 7682 7683 7684 7685 7686 </div> 7687 </div> 7688 </div> 7689 <div class="pairs-container paris-second-container"> 7690 7691 7692 7693 7694 7695 7696 7697 7698 <div class="pair-item"> 7699 <div class="pair-image"> 7700 7701 7702 <img src="//oat.haus/cdn/shop/files/Spoon_3cef08d0-46ec-4d9d-9aa4-07e5ad6ccbf6.png?v=1756240873&width=74" alt="A spoon" class=""> 7703 7704 </div> 7705 <div class="pair-desc"> 7706 7707 7708 <div class="heading-pair"> 7709 <h3 class="pair-heading gliker">A spoon</h3> 7710 </div> 7711 7712 7713 7714 <div class="text-pair"> 7715 <p class="pair-text">Dive on in. </p> 7716 </div> 7717 7718 </div> 7719 </div> 7720 7721 7722 7723 <div class="pair-item"> 7724 <div class="pair-image"> 7725 7726 7727 <img src="//oat.haus/cdn/shop/files/Chocolate.png?v=1756240873&width=74" alt="Chocolate" class=""> 7728 7729 </div> 7730 <div class="pair-desc"> 7731 7732 7733 <div class="heading-pair"> 7734 <h3 class="pair-heading gliker">Chocolate</h3> 7735 </div> 7736 7737 7738 7739 <div class="text-pair"> 7740 <p class="pair-text">Nom!</p> 7741 </div> 7742 7743 </div> 7744 </div> 7745 7746 7747 7748 <div class="pair-item"> 7749 <div class="pair-image"> 7750 7751 7752 <img src="//oat.haus/cdn/shop/files/GrahamCracker.png?v=1756240873&width=74" alt="Graham Crackers" class=""> 7753 7754 </div> 7755 <div class="pair-desc"> 7756 7757 7758 <div class="heading-pair"> 7759 <h3 class="pair-heading gliker">Graham Crackers</h3> 7760 </div> 7761 7762 7763 7764 <div class="text-pair"> 7765 <p class="pair-text">Just add marshmallows. </p> 7766 </div> 7767 7768 </div> 7769 </div> 7770 7771 7772 7773 7774 </div> 7775 7776 </div> 7777 </div> 7778 </div> 7779 7780 7781 7782</div>
7783<div id="shopify-section-judgeme-product-carousel" class="shopify-section jdgm-product-carousel"> 7784 7785 7786<div class="colortheme-cookie-reviewsbg"> 7787 <div product-page-width class=" jdgm-product-carousel-wrapper"> 7788 7789 7790 7791 7792<div style='clear:both'></div> 7793<div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-product-title='Butter Bundle' data-id='6867799441471' 7794data-from-snippet='false' 7795data-auto-install='false'> 7796 <div class='jdgm-rev-widg' data-updated-at='2026-09-25T02:54:12Z' data-average-rating='4.84' data-number-of-reviews='2684' data-number-of-questions='0' data-image-url='https://cdn.shopify.com/s/files/1/0012/4567/5583/files/GB-POP-UP-2.jpg?v=1739731175'> <style class='jdgm-temp-hiding-style'>.jdgm-rev-widg{ display: none }</style> <div class='jdgm-rev-widg__header'> <h2 class='jdgm-rev-widg__title'>Customer Reviews</h2> <div class='jdgm-rev-widg__summary'> <div class='jdgm-rev-widg__summary-stars' aria-label='Average rating is 4.84 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-rev-widg__summary-text'>Based on 2684 reviews</div> </div> <a style='display: none' href='#' class='jdgm-write-rev-link' role='button'>Write a review</a> <div class='jdgm-histogram jdgm-temp-hidden'> <div class='jdgm-histogram__row' data-rating='5' data-frequency='2445' data-percentage='91'> <div class='jdgm-histogram__star' role='button' aria-label="91% (2445) reviews with 5 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 91%;'> </div> </div> <div class='jdgm-histogram__percentage'>91%</div> <div class='jdgm-histogram__frequency'>(2445)</div> </div> <div class='jdgm-histogram__row' data-rating='4' data-frequency='118' data-percentage='4'> <div class='jdgm-histogram__star' role='button' aria-label="4% (118) reviews with 4 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 4%;'> </div> </div> <div class='jdgm-histogram__percentage'>4%</div> <div class='jdgm-histogram__frequency'>(118)</div> </div> <div class='jdgm-histogram__row' data-rating='3' data-frequency='84' data-percentage='3'> <div class='jdgm-histogram__star' role='button' aria-label="3% (84) reviews with 3 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 3%;'> </div> </div> <div class='jdgm-histogram__percentage'>3%</div> <div class='jdgm-histogram__frequency'>(84)</div> </div> <div class='jdgm-histogram__row' data-rating='2' data-frequency='11' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (11) reviews with 2 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(11)</div> </div> <div class='jdgm-histogram__row' data-rating='1' data-frequency='26' data-percentage='1'> <div class='jdgm-histogram__star' role='button' aria-label="1% (26) reviews with 1 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 1%;'> </div> </div> <div class='jdgm-histogram__percentage'>1%</div> <div class='jdgm-histogram__frequency'>(26)</div> </div> <div class='jdgm-histogram__row jdgm-histogram__clear-filter' data-rating=null tabindex='0'></div> </div> <div class="jdgm-medals-wrapper jdgm-hidden" data-updated-at='2026-09-25T02:54:12Z'> <style type="text/css"></style> <div class="jdgm-medals" data-link="https://app.judge.me/reviews/stores/oat.haus">
7796 <div class="jdgm-medals__container"> <div class="jdgm-medal-wrapper" title="Platinum Authentic Shop. At least 99% of published reviews are verified reviews"> <a class="jdgm-medal jdgm--loading" data-value="99.8" data-type="auth" data-tier="platinum" aria-label="Judge.me Platinum Authentic Shop medal"> <div class="jdgm-medal__image" data-url="auth/platinum.svg" data-alt="Judge.me Platinum Authentic Shop medal"></div> <div class="jdgm-medal__value ">99.8</div> </a> </div> <div class="jdgm-medal-wrapper" title="Gold Transparent Shop. Published at least 95% of verified reviews received in total"> <a class="jdgm-medal jdgm--loading" data-value="96.7" data-type="tran" data-tier="gold" aria-label="Judge.me Gold Transparent Shop medal"> <div class="jdgm-medal__image" data-url="tran/gold.svg" data-alt="Judge.me Gold Transparent Shop medal"></div> <div class="jdgm-medal__value ">96.7</div> </a> </div> </div> </div> </div> <div class='jdgm-rev-widg__sort-wrapper'></div> </div> <div class='jdgm-rev-widg__body'> <div class='jdgm-rev-widg__reviews'><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='92c8fba5-8f7e-4d2b-a00e-139a026206d4' data-review-language='' data-product-title='Butter Bundle' data-product-url='/products/build-a-box-variety-granola-butter' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > K </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-09-23T21:26:25Z' data-content='2026-09-23 21:26:25 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Kirsten F.</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>Butter Bundle</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='e8d62086-2b11-446d-840a-76c910e8a808' data-review-language='' data-product-title='Butter Bundle' data-product-url='/products/build-a-box-variety-granola-butter' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > G </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-09-23T18:49:52Z' data-content='2026-09-23 18:49:52 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Gregg Z.</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'>Good stuff</b> <div class='jdgm-rev__body'><p>Love it</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='cf10e5e3-3b05-4188-9793-8b703a54cd45' data-review-language='' data-product-title='Butter Bundle' data-product-url='/products/build-a-box-variety-granola-butter' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > S </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5
7796star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-09-23T17:04:54Z' data-content='2026-09-23 17:04:54 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Stacey A.</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'>Rice Krispy Treats!!</b> <div class='jdgm-rev__body'><p>OMG!!! I dont know how ya all did this but the rice krispy treat butter is DA BOMB!!!! Sooo Sooo good!! It tastes exactly like a rice krispy treat!</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div></div> <div class='jdgm-paginate' data-per-page='3' data-url='https://api.judge.me/reviews/reviews_for_widget' ><a class='jdgm-paginate__page jdgm-curt' data-page='1' aria-label='Page 1' tabindex='0' aria-current='page' role='button'>1</a><a class='jdgm-paginate__page ' data-page='2' aria-label='Page 2' tabindex='0' role='button'>2</a><a class='jdgm-paginate__page ' data-page='3' aria-label='Page 3' tabindex='0' role='button'>3</a><a class='jdgm-paginate__page jdgm-paginate__next-page' data-page='2' aria-label='Page 2' tabindex='0' rel='next' role='button'></a><a class='jdgm-paginate__page jdgm-paginate__last-page' data-page='333' aria-label='Page 333' tabindex='0' role='button'></a></div> </div> <div class='jdgm-rev-widg__paginate-spinner-wrapper'> <div class='jdgm-spinner'></div> </div> </div> 7797</div> 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 7812 7813 7814 </div> 7815</div> 7816 </div> 7817<div id="shopify-section-product-recommendations" class="shopify-section shopify-product-recommendation"><div class="page-width" data-base-url="/recommendations/products" data-product-id="6867799441471" data-section-id="product-recommendations" data-section-type="product-recommendations"></div><!-- Include Swiper CSS --> 7818<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"> 7819 7820<!-- Initialize Swiper with pagination -->
7821<script> 7822 document.addEventListener('DOMContentLoaded', function () { 7823 // Target element selector 7824 const swiperContainerSelector = '.product-recommendations'; 7825 7826 // Function to update ratings 7827 function updateRatings() { 7828 document.querySelectorAll('.custom-ratings').forEach(function (el) { 7829 let rating = parseFloat(el.getAttribute('data-rating')) || 0; 7830 let ratingPercent = (rating / 5) * 100; // Convert rating to percentage 7831 el.style.setProperty('--rating-percent', ratingPercent + '%'); 7832 }); 7833 } 7834 7835 // Function to initialize Swiper 7836 function initSwiper() { 7837 const swiperEl = document.querySelector(swiperContainerSelector); 7838 if (swiperEl) { 7839 console.log('Swiper container found. Initializing...'); 7840 new Swiper(swiperEl, { 7841 slidesPerView: 1.5, 7842 spaceBetween: 30, 7843 pagination: { 7844 el: '.swiper-pagination', 7845 clickable: true, 7846 }, 7847 breakpoints: { 7848 1400: { slidesPerView: 4, spaceBetween: 50 }, 7849 990: { slidesPerView: 3, spaceBetween: 30 }, 7850 750: { slidesPerView: 2.5, spaceBetween: 30 } 7851 } 7852 }); 7853 7854 // Call updateRatings() after Swiper initializes 7855 updateRatings(); 7856 return true; // Success 7857 } 7858 return false; // Not found 7859 } 7860 7861 // Try initializing immediately (if container exists) 7862 if (!initSwiper()) { 7863 console.log('Swiper container not found. Setting up observer...'); 7864 7865 // Set up MutationObserver to watch for dynamic loading 7866 const observer = new MutationObserver(function (mutations, obs) { 7867 if (initSwiper()) { 7868 console.log('Swiper initialized via observer. Disconnecting...'); 7869 obs.disconnect(); // Stop observing after successful init 7870 } 7871 }); 7872
7873 // Start observing the document body for added nodes 7874 observer.observe(document.body, { 7875 childList: true, 7876 subtree: true 7877 }); 7878 7879 // Optional: Timeout as fallback 7880 setTimeout(() => { 7881 observer.disconnect(); 7882 console.log('Observer timeout reached'); 7883 }, 10000); // 10-second timeout 7884 } 7885}); 7886 7887 7888 </script>
7888 7889 7890</div> 7891 7892 7893
7894<script> 7895 // Override default values of shop.strings for each template. 7896 // Alternate product templates can change values of 7897 // add to cart button, sold out, and unavailable states here. 7898 theme.productStrings = { 7899 addToCart: "Add to cart", 7900 soldOut: "Sold out", 7901 unavailable: "Unavailable" 7902 } 7903</script>
7903 7904 7905 7906 7907<!-- Please add your alpha2 code, you can find it here: https://help.shopify.com/en/api/custom-storefronts/storefront-api/reference/enum/countrycode --><!-- set your product id values are default, product_id, parent_id, sku--><!-- CODE SETTINGS END --> 7908<!-- CODE SETTINGS END --> 7909 7910<!-- ==================================== --> 7911<!-- DO NOT EDIT ANYTHING BELOW THIS LINE -->
7911<script type="application/ld+json" data-creator_name="FeedArmy"> 7912{ 7913 "@context": "http://schema.org/", 7914 "@type": "Product", 7915 "name": "Butter Bundle", 7916 "url": "https://oat.haus/products/build-a-box-variety-granola-butter", 7917 "sku": "shopify_US_6867799441471_39590893092927","productID": "6867799441471", 7918 "brand": { 7919 "@type": "Brand", 7920 "name": "Oat Haus" 7921 }, 7922 "description": "Q: how much GB is too much GB? Answer: the limit does not exist.\n\nAll Oats No Brakes\nCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\n\nOriginal Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\nVanilla Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\n\nRice cakes\nJust a light snack\n\n\nApples\nOn the go pick me up\n\n\n\nOreo cookies\nA true Parent Trap vibe\n\n\nCelery\n21st century ants on a log\n\n\nYour morning smoothie\nA delicious start to your day\n", 7923 "image": "https://oat.haus/cdn/shop/files/GB-POP-UP-2_grande.jpg?v=1739731175","offers": 7924 { 7925 "@type" : "Offer", 7926 "priceCurrency": "USD", 7927 "price": "34.95", 7928 "itemCondition" : "http://schema.org/NewCondition", 7929 "availability" : "http://schema.org/InStock", 7930 "url" : "https://oat.haus/products/build-a-box-variety-granola-butter?variant=39590893092927","image": "https://oat.haus/cdn/shop/products/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be_2503x.jpg?v=1739731250","name" : "Butter Bundle - 3 Jars","sku": "shopify_US_6867799441471_39590893092927","description" : "Q: how much GB is too much GB? Answer: the limit does not exist.\n\nAll Oats No Brakes\nCan't decide which flavor to choose? We FEEL YOU â that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\n\nOriginal Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\nVanilla Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\n\nRice cakes\nJust a light snack\n\n\nApples\nOn the go pick me up\n\n\n\nOreo cookies\nA true Parent Trap vibe\n\n\nCelery\n21st century ants on a log\n\n\nYour morning smoothie\nA delicious start to your day\n","priceValidUntil": "2027-09-25" 7931 }, 7932 "additionalProperty": [{ 7933 "@type": "PropertyValue", 7934 "propertyID": "item_group_id", 7935 "value": "6867799441471" 7936 }]} 7937</script>
7937<script data-locksmith> 7938 var load = function () { 7939 7940 if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { 7941 Locksmith.ping(); 7942 } 7943 7944 7945 Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { 7946 event.preventDefault(); 7947 var data = Locksmith.util.serializeForm(event.target); 7948 var options = { spinner: false, container: 'locksmith-content' }; 7949 // a form rendered inline (section replacement) must keep that context 7950 // on resubmit: same enclosing container (there may be several on the 7951 // page), and no layout classes or cancel affordance in the re-render 7952 var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]'); 7953 if (inlineContainer) { 7954 options.container = inlineContainer; 7955 } 7956 if (event.target.getAttribute('data-locksmith-inline') === 'true') { 7957 options.include_layout_classes = false; 7958 } 7959 Locksmith.postResource(data, options); 7960 }); 7961 7962 Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { 7963 event.preventDefault(); 7964 Locksmith.postResource({}, { spinner: true, container: document }); 7965 }); 7966 7967 Locksmith.submitPasscode = function (passcode) { 7968 Locksmith.postResource( 7969 { passcode: passcode }, 7970 { spinner: false, container: 'locksmith-content' } 7971 ); 7972 }; 7973 }; 7974 7975 if (typeof Locksmith !== 'undefined') { 7976 load(); 7977 } else { 7978 window.addEventListener('load', load); 7979 } 7980 </script>
7980 7981 </main> 7982 7983 <div id="shopify-section-footer" class="shopify-section"> 7984<style> 7985 .site-footer__hr { 7986 border-bottom: 5px solid var(--color-darkblue); 7987 width: 100% 7988 } 7989 7990 .site-footer p, 7991 .site-footer__linklist-item a, 7992 .site-footer__rte a, 7993 .site-footer h4, 7994 .site-footer small, 7995 .site-footer__copyright-content a, 7996 .site-footer__newsletter-error, 7997 .site-footer__social-icons .social-icons__link { 7998 color: #ffffff; 7999 } 8000 8001 .site-footer__rte p { 8002 font-weight: 400; 8003 font-size: 14px; 8004 line-height: 1.42; 8005 letter-spacing: 0; 8006 margin-bottom: 8px; 8007 } 8008 8009 @media only screen and (min-width: 750px) { 8010 .site-footer__rte p { 8011 font-size: 20px; 8012 line-height: 1.12; 8013 margin-bottom: 20px; 8014 } 8015 } 8016 8017 .link-parent--description { 8018 font-size: 16px; 8019 line-height: 1.5; 8020 } 8021 8022 .site-footer { 8023 color: #ffffff; 8024 background-color: #0c2a4a; 8025 } 8026 8027 .site-footer__rte a { 8028 border-bottom: 1px solid #ffffff; 8029 } 8030 8031 .site-footer__rte a:hover, 8032 .site-footer__linklist-item a:hover, 8033 .site-footer__copyright-content a:hover { 8034 color: #e6e6e6; 8035 border-bottom: 1px solid #e6e6e6; 8036 } 8037 8038 .site-footer__social-icons .social-icons__link:hover { 8039 color: #e6e6e6; 8040 } 8041</style><footer class="site-footer critical-hidden" role="contentinfo" data-section-id="footer" data-section-type="footer-section"> 8042 <div class="page-width"> 8043 <div class="site-footer__content"><div class="site-footer__item site-footer__item--1 8044 8045 site-footer__item--one-quarter 8046 " 8047 > 8048 <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4 link-parent">Ecom</p> 8049 <p class="link-parent--description"></p><ul class="site-footer__linklist 8050 "><li class="site-footer__linklist-item "> 8051 <a href="/collections/all#Bundles" 8052 8053 > 8054 Bundles 8055 </a> 8056 </li> 8057 <li class="site-footer__linklist-item "> 8058 <a href="/collections/all#Flavors" 8059 8060 > 8061 Jars 8062 </a> 8063 </li> 8064 <li class="site-footer__linklist-item "> 8065 <a href="/collections/all#Granola" 8066 8067 > 8068 Granola 8069 </a> 8070 </li> 8071 <li class="site-footer__linklist-item "> 8072 <a href="/collections/all#merch" 8073 8074 > 8075 Merch 8076 </a> 8077 </li> 8078 <li class="site-footer__linklist-item "> 8079 <a href="/collections/all#Gift%20Cards" 8080 8081 > 8082 Gift Cards 8083 </a> 8084 </li> 8085 </ul></div> 8086 </div><div class="site-footer__item site-footer__item--2 8087 8088 site-footer__item--one-quarter 8089 " 8090 > 8091 <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4 link-parent">Collab</p> 8092 <p class="link-parent--description"></p><ul class="site-footer__linklist 8093 "><li class="site-footer__linklist-item "> 8094 <a href="/pages/affiliates" 8095 8096 > 8097 Become an Affiliate 8098 </a> 8099 </li> 8100 <li class="site-footer__linklist-item "> 8101 <a href="mailto:[email protected]" 8102 8103 > 8104 Sales 8105 </a> 8106 </li> 8107 <li class="site-footer__linklist-item "> 8108 <a href="mailto:[email protected]" 8109 8110 > 8111 Press 8112 </a> 8113 </li> 8114 <li class="site-footer__linklist-item "> 8115 <a href="mailto:[email protected]" 8116 8117 > 8118 Events 8119 </a> 8120 </li> 8121 <li class="site-footer__linklist-item "> 8122 <a href="/pages/whole-sale-request" 8123 8124 > 8125 Request Wholesale 8126 </a> 8127 </li> 8128 </ul></div> 8129 </div><div class="site-footer__item site-footer__item--3 8130 8131 site-footer__item--one-quarter 8132 " 8133 > 8134 <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4 link-parent">Info</p> 8135 <p class="link-parent--description"></p><ul class="site-footer__linklist 8136 "><li class="site-footer__linklist-item "> 8137 <a href="/blogs/blog" 8138 8139 > 8140 Blog 8141 </a> 8142 </li> 8143 <li class="site-footer__linklist-item "> 8144 <a href="https://alicast.buzzsprout.com/" 8145 8146 > 8147 Podcast 8148 </a> 8149 </li> 8150 <li class="site-footer__linklist-item "> 8151 <a href="/pages/oat-haus-about-us" 8152 8153 > 8154 About Us 8155 </a> 8156 </li> 8157 <li class="site-footer__linklist-item "> 8158 <a href="/pages/oat-haus-faq" 8159 8160 > 8161 FAQ 8162 </a> 8163 </li> 8164 <li class="site-footer__linklist-item "> 8165 <a href="/pages/privacy" 8166 8167 > 8168 Privacy & TOS 8169 </a> 8170 </li> 8171 <li class="site-footer__linklist-item "> 8172 <a href="/pages/contact-us" 8173 8174 > 8175 Contact Us 8176 </a> 8177 </li> 8178 </ul></div> 8179 </div><div class="site-footer__item site-footer__item--4 8180 8181 site-footer__item--one-quarter 8182 " 8183 > 8184 <div class="site-footer__item-inner site-footer__item-inner--text"><p class="h4 link-parent">WOMAN OWNED</p> 8185 <p class="link-parent--description"></p><div class="site-footer__rte 8186 "> 8187 <p>Kween And Co. DBA </p><p>Oat Haus</p><p>Brooklyn Heights, OH</p> 8188 </div></div> 8189 </div><div class="site-footer__item site-footer__item--5 8190 8191 site-footer__item--one-quarter 8192 " 8193 > 8194 <div class="site-footer__item-inner site-footer__item-inner--newsletter"><p class="h4 link-parent">Subscribe to our newsletter</p> 8195 <p class="link-parent--description">Join the Haus Party for 10% off your first order!</p><div class="site-footer__newsletter 8196 "> 8197 <div class="klaviyo-form-WAX4GK"></div> 8198 </div></div> 8199 </div></div> 8200 </div> 8201 8202 8203<div class="page-width"> 8204 <div class="grid__item small--one-whole site-footer-item-tall social-icons-wrapper"><ul class="list--inline site-footer__social-icons social-icons site-footer__icon-list"> 8205 <div class="footer__menu--items"> 8206 8207 <li class="footer__menu--item"> 8208 <a href="/pages/privacy" 8209 8210 > 8211 Privacy 8212 </a> 8213 </li> 8214 8215 <li class="footer__menu--item"> 8216 <a href="/pages/privacy" 8217 8218 > 8219 Security 8220 </a> 8221 </li> 8222 8223 <li class="footer__menu--item"> 8224 <a href="/pages/privacy" 8225 8226 > 8227 User terms 8228 </a> 8229 </li> 8230 8231 <li class="footer__menu--item"> 8232 <a href="/pages/privacy" 8233 8234 > 8235 Customer terms 8236 </a> 8237 </li> 8238 8239 </div> 8240
8241 <li class="site-footer__copyright-content small-hide medium-hide list--inline social-icons__item" ><a href="https://www.instagram.com/oat.haus/" target="_blank" aria-describedby="a11y-external-message">OAT.HAUS: </a><a href="https://www.instagram.com/alibonar/" target="_blank">Powered by @AliBonar</a>, © 2026</li> 8242 </ul></div> 8243 8244 <div class="grid grid--no-gutters small--text-center grid--footer-float-right small--hide"><div class="grid__item small--hide one-half site-footer-item-align-right"></div><div class="grid__item medium-up--hide one-half small--one-whole"></div><!-- <div class="grid__item small--one-whole "> 8245 <small class="site-footer__copyright-content"><a href="https://www.instagram.com/oat.haus/">OAT.HAUS:</a></small> 8246 <small class="site-footer__copyright-content site-footer__copyright-content--powered-by"><a href="https://www.instagram.com/alibonar/">Powered by @AliBonar</a>, © 2026</small> 8247 </div> --> 8248 </div> 8249 </div> 8250 <div class="footer_block_logo--wrapper"> 8251 <img src="//oat.haus/cdn/shop/files/Rectangle_2sd_1.png?v=1743779108&width=1236" alt="footer logo"> 8252 </div> 8253</footer> 8254 8255 8256 8257 8258</div> 8259 8260 <div id="slideshow-info" class="visually-hidden" aria-hidden="true">
8260Use left/right arrows to navigate the slideshow or swipe left/right if using a mobile device</div> 8261 <ul class="visually-hidden" aria-hidden="true"> 8262 <li id="a11y-external-message">Opens external website.</li> 8263 <li id="a11y-new-window-external-message">Opens external website in a new window.</li> 8264 </ul> 8265 </div> 8266 8267
8267<script> 8268 // Add safe aria-label fallbacks for common inputs without accessible names 8269 (function () { 8270 function hasAssociatedLabel(el) { 8271 var id = el.getAttribute('id'); 8272 if (!id) return false; 8273 return !!document.querySelector('label[for="' + CSS.escape(id) + '"]'); 8274 } 8275 8276 function isEligible(el) { 8277 if (el.hasAttribute('aria-label') || el.hasAttribute('aria-labelledby')) return false; 8278 if (hasAssociatedLabel(el)) return false; 8279 if (el.type === 'hidden' || el.type === 'button' || el.type === 'submit' || el.type === 'image') return false; 8280 return true; 8281 } 8282 8283 function labelFrom(el) { 8284 var ph = (el.getAttribute('placeholder') || '').trim(); 8285 if (ph) return ph; 8286 var name = (el.getAttribute('name') || '').replace(/[\[\]_]+/g, ' ').replace(/\s+/g, ' ').trim(); 8287 if (name) return name.charAt(0).toUpperCase() + name.slice(1); 8288 return 'Form field'; 8289 } 8290 8291 function addFallbacks() { 8292 var selector = 'input, textarea, select'; 8293 document.querySelectorAll(selector).forEach(function (el) { 8294 if (!isEligible(el)) return; 8295 el.setAttribute('aria-label', labelFrom(el)); 8296 }); 8297 } 8298 8299 if (document.readyState === 'loading') { 8300 document.addEventListener('DOMContentLoaded', addFallbacks); 8301 } else { 8302 addFallbacks(); 8303 } 8304 })(); 8305 </script>
8305 8306 8307
8307<script> 8308 // Focus management for cart drawer and modals (accessibility hotfix) 8309 // Restores focus to the cart drawer after transient popups close, 8310 // or back to the last focused control when appropriate. 8311 (function () { 8312 var lastFocusedBeforeDrawer = null; 8313 var lastFocusedBeforePopup = null; 8314 8315 var selectors = { 8316 drawer: '.js-go-cart-drawer', 8317 drawerHeader: '#go-cart-header', 8318 drawerClose: '.js-go-cart-drawer-close', 8319 overlay: '.js-go-cart-overlay', 8320 modal: '.go-cart__modal', 8321 modalClose: '.js-go-cart-modal-close, .js-go-cart-modal-fail-close', 8322 addToCart: '[data-add-to-cart], .js-go-cart-add-to-cart' 8323 }; 8324 8325 var focusable = 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])'; 8326 8327 function q(sel) { return document.querySelector(sel); } 8328 function qa(sel, root) { return Array.prototype.slice.call((root||document).querySelectorAll(sel)); } 8329 function isVisible(el) { 8330 if (!el) return false; 8331 var cs = getComputedStyle(el); 8332 return cs && cs.visibility !== 'hidden' && cs.display !== 'none'; 8333 } 8334 8335 function drawerOpen() { 8336 var drawer = q(selectors.drawer); 8337 var overlay = q(selectors.overlay); 8338 if (!drawer) return false; 8339 // consider overlay visibility or drawer width as proxy 8340 if (overlay && isVisible(overlay) && overlay.offsetParent !== null) return true; 8341 return drawer.offsetWidth > 0 && isVisible(drawer); 8342 } 8343 8344 function focusDrawer() { 8345 var drawer = q(selectors.drawer); 8346 if (!drawer) return; 8347 var target = q(selectors.drawerClose) || q(selectors.drawerHeader) || drawer; 8348 if (target === q(selectors.drawerHeader)) { 8349 target.setAttribute('tabindex', '-1'); 8350 } 8351 try { target.focus(); } catch (e) {} 8352 } 8353 8354 function restoreFocus() { 8355 if (drawerOpen()) { 8356 focusDrawer(); 8357 return; 8358 } 8359 if (lastFocusedBeforePopup && document.contains(lastFocusedBeforePopup)) { 8360 try { lastFocusedBeforePopup.focus(); return; } catch (e) {} 8361 } 8362 if (lastFocusedBeforeDrawer && document.contains(lastFocusedBeforeDrawer)) { 8363 try { lastFocusedBeforeDrawer.focus(); return; } catch (e) {} 8364 } 8365 var main = document.getElementById('MainContent'); 8366 if (main) { 8367 main.setAttribute('tabindex', '-1'); 8368 main.focus(); 8369 } 8370 } 8371 8372 // When user adds to cart, remember focus and move to drawer once open 8373 document.addEventListener('click', function (evt) { 8374 var tgt = evt.target.closest(selectors.addToCart); 8375 if (tgt) { 8376 lastFocusedBeforeDrawer = document.activeElement; 8377 // try focusing drawer shortly after to catch async open 8378 setTimeout(function () { if (drawerOpen()) focusDrawer(); }, 300); 8379 setTimeout(function () { if (drawerOpen()) focusDrawer(); }, 800); 8380 } 8381 // Capture when popup close is clicked 8382 var closePopup = evt.target.closest(selectors.modalClose); 8383 if (closePopup) { 8384 // allow app to close the popup, then restore focus 8385 setTimeout(restoreFocus, 50); 8386 } 8387 }, true); 8388 8389 // Observe modal presence to save/restore focus automatically 8390 var modalObserver = new MutationObserver(function () { 8391 var openModals = qa(selectors.modal).filter(isVisible); 8392 if (openModals.length > 0) { 8393 if (!lastFocusedBeforePopup) lastFocusedBeforePopup = document.activeElement; 8394 } else { 8395 // no more modals 8396 if (lastFocusedBeforePopup) { 8397 setTimeout(function () { restoreFocus(); }, 50); 8398 lastFocusedBeforePopup = null; 8399 } 8400 } 8401 }); 8402 modalObserver.observe(document.body, { childList: true, subtree: true }); 8403 })(); 8404 </script>
8404 8405 8406
8406<script type="application/json" data-cart-routes> 8407 { 8408 "cartUrl": "/cart", 8409 "cartAddUrl": "/cart/add", 8410 "cartChangeUrl": "/cart/change" 8411 } 8412 </script>
8412 8413 8414 <ul hidden> 8415 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 8416 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 8417 </ul><div id="shopify-section-go-cart" class="shopify-section"><!--go cart modal fail--> 8418<div class="go-cart__modal go-cart__modal--fail js-go-cart-modal-fail"> 8419 8420 <div class="go-cart-modal"> 8421 8422 <!--go cart modal close--> 8423 <div class="go-cart-modal__close js-go-cart-modal-fail-close"> 8424 8425 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 8426 <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path> 8427 </svg> 8428 8429 </div> 8430 <!--end go cart modal close--> 8431 8432 <!--go cart modal content--> 8433 <div class="go-cart-modal__content js-go-cart-modal-fail-content"> 8434 Something went wrong, please contact us! 8435 </div> 8436 <!--end go cart modal content--> 8437 8438 </div> 8439 8440</div> 8441<!--end go cart modal fail--> 8442 8443<!--go cart modal--> 8444<div class="go-cart__modal js-go-cart-modal"> 8445 8446 <div class="go-cart-modal"> 8447 8448 <!--go cart modal close--> 8449 <div class="go-cart-modal__close js-go-cart-modal-close"> 8450 8451 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 8452 <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path> 8453 </svg> 8454 8455 </div> 8456 <!--end go cart modal close--> 8457 8458 <!--go cart modal content--> 8459 <div class="go-cart-modal__content js-go-cart-modal-content"></div> 8460 <!--end go cart modal content--> 8461 8462 <!--go cart modal buttons--> 8463 <div class="go-cart-modal__buttons"> 8464 8465 <a class="go-cart__button js-go-cart-modal-close"> 8466 Continue shopping 8467 </a> 8468 8469 <a href="/cart/" class="go-cart__button"> 8470 View cart 8471 </a> 8472 8473 </div> 8474 <!--end go cart modal buttons--> 8475 8476 </div> 8477 8478</div> 8479<!--end go cart modal--> 8480 8481<!--go cart drawer--> 8482<div class="go-cart__drawer js-go-cart-drawer" 8483 role="dialog" 8484 aria-modal="true" 8485 aria-labelledby="go-cart-header" 8486 aria-label="Shopping cart" 8487 tabindex="-1"> 8488 8489 <div class="go-cart-drawer"> 8490 <div aria-live="assertive" class="visually-hidden" id="cart-status-message"></div> 8491 8492 <div class="go-cart-header"> 8493 <!--go cart drawer close--> 8494 <div class="go-cart-drawer__header"> 8495 <div class="go-cart-header-text" id="go-cart-header">Your Cart</div> 8496 <div class="go-cart-drawer__close js-go-cart-drawer-close" aria-label="Close Cart" role="button" tabindex="0"> 8497 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20"> 8498 <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path> 8499 </svg> 8500 </div> 8501 </div> 8502 <!--parenteses percent render 'free-gifts'%}--> 8503 </div> 8504 <!--end go cart drawer close--> 8505 8506 <!--go cart drawer content--> 8507 <div class="go-cart-drawer__content js-go-cart-drawer-content"></div> 8508 <!--end go cart drawer content--> 8509 <div class="go-cart-upsell"> 8510 <div class="thumbnails-wrapperslider-active"> 8511 <div class="product-single__thumbnails product-single__thumbnails-go-cart" id="cartrecs-keen-slider-wrapper"> 8512 <div id="cart-arrow-left" class="arrow arrow--left" role="button" tabindex="0" aria-label="Previous suggested product" aria-controls="cartrecs-keen-slider"></div> 8513 <div id="cart-arrow-right" class="arrow arrow--right" role="button" tabindex="0" aria-label="Next suggested product" aria-controls="cartrecs-keen-slider"></div> 8514 <div class="keen-slider" id="cartrecs-keen-slider"></div> 8515 </div> 8516 </div> 8517 </div> 8518 8519 <!--go cart drawer buttons--> 8520 <div class="go-cart-drawer__footer js-go-cart-drawer-footer"> 8521 <!--go cart drawer subtotal--> 8522 <div class="go-cart-drawer__subtotal">
8523 <span>Subtotal: </span> 8524 <span class="go-cart-drawer__subtotal-price js-go-cart-drawer-subtotal"></span> 8525 </div> 8526 <div class="go-cart-drawer__discountnote" style="text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 5px;"> 8527 Discounts Applied @ Checkout 8528 </div> 8529 <!--end go cart drawer subtotal--> 8530 8531 <a href="/checkout/" class="go-cart__button brice" aria-label="Checkout">Checkout</a> 8532 </div> 8533 <!--end go cart drawer buttons--> 8534 8535 </div> 8536 8537</div> 8538<!--end go cart drawer--> 8539 8540<!--go cart overlay--> 8541<div class="go-cart__overlay js-go-cart-overlay "></div> 8542<!--end go cart overlay--> 8543</div>
8543<script src="//oat.haus/cdn/shop/t/98/assets/gocart.js?v=113698955116570131861762726276" type="text/javascript"></script>
8543 8544 8545
8545<script> 8546 var goCart = new GoCart(); 8547 </script>
8547 8548 8549
8549<script> 8550 (function (d) { 8551 var s = d.createElement('script'); 8552 /* uncomment the following line to override default position*/ 8553 s.setAttribute('data-position', 3); 8554 /* uncomment the following line to override default size (values: small, large)*/ 8555 /* s.setAttribute("data-size", "large");*/ 8556 /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/ 8557 /* s.setAttribute("data-language", "null");*/ 8558 /* uncomment the following line to override color set via widget (e.g., #053f67)*/ 8559 /* s.setAttribute("data-color", "#2d68ff");*/ 8560 /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/ 8561 /* s.setAttribute("data-type", "1");*/ 8562 /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/ 8563 /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility";*/ 8564 /* uncomment the following line to override support on mobile devices*/ 8565 /* s.setAttribute("data-mobile", true);*/ 8566 /* uncomment the following line to set custom trigger action for accessibility menu*/ 8567 /* s.setAttribute("data-trigger", "triggerId")*/ 8568 s.setAttribute('data-account', 'oistXiea0e'); 8569 s.setAttribute('src', 'https://cdn.userway.org/widget.js'); 8570 (d.body || d.head).appendChild(s); 8571 })(document); 8572 </script>
8572 8573 8574 8575 8576 8577
8577<script> 8578 var STYLE_VAR_MAP = { 8579 FreqButtonBackgroundColor: { 8580 cssVar: '--awt-freq-button-background', 8581 defaultVal: '#F0F0F0', 8582 }, 8583 FreqButtonBackgroundColorHover: { 8584 cssVar: '--awt-freq-button-background-hover', 8585 defaultVal: '#DDD', 8586 }, 8587 FreqButtonColor: { 8588 cssVar: '--awt-freq-button-color', 8589 defaultVal: '#000', 8590 }, 8591 FreqButtonColorHover: { 8592 cssVar: '--awt-freq-button-color-hover', 8593 defaultVal: '#000', 8594 }, 8595 FreqButtonBorder: { 8596 cssVar: '--awt-freq-button-border', 8597 defaultVal: '1px solid #000', 8598 }, 8599 FreqButtonBorderHover: { 8600 cssVar: '--awt-freq-button-border-hover', 8601 defaultVal: '1px solid #000', 8602 }, 8603 FreqButtonBorderRadius: { 8604 cssVar: '--awt-freq-button-border-radius', 8605 defaultVal: '0', 8606 }, 8607 FreqButtonBackgroundColorSelected: { 8608 cssVar: '--awt-freq-button-background-selected', 8609 defaultVal: '#000', 8610 }, 8611 FreqButtonBackgroundColorHoverSelected: { 8612 cssVar: '--awt-freq-button-background-hover-selected', 8613 defaultVal: '#000', 8614 }, 8615 FreqButtonColorSelected: { 8616 cssVar: '--awt-freq-button-color-selected', 8617 defaultVal: '#FFF', 8618 }, 8619 FreqButtonColorHoverSelected: { 8620 cssVar: '--awt-freq-button-color-hover-selected', 8621 defaultVal: '#FFF', 8622 }, 8623 FreqButtonBorderSelected: { 8624 cssVar: '--awt-freq-button-border-selected', 8625 defaultVal: '1px solid #000', 8626 }, 8627 FreqButtonBorderHoverSelected: { 8628 cssVar: '--awt-freq-button-border-hover-selected', 8629 defaultVal: '1px solid #000', 8630 }, 8631 PrimaryButtonBackgroundColor: { 8632 cssVar: '--awt-primary-button-background', 8633 defaultVal: '#000', 8634 }, 8635 PrimaryButtonBackgroundColorHover: { 8636 cssVar: '--awt-primary-button-background-hover', 8637 defaultVal: '#000', 8638 }, 8639 PrimaryButtonColor: { 8640 cssVar: '--awt-primary-button-color', 8641 defaultVal: '#FFF', 8642 }, 8643 PrimaryButtonColorHover: { 8644 cssVar: '--awt-primary-button-color-hover', 8645 defaultVal: '#FFF', 8646 }, 8647 PrimaryButtonBorder: { 8648 cssVar: '--awt-primary-button-border', 8649 defaultVal: '0px solid #FFF', 8650 }, 8651 PrimaryButtonBorderHover: { 8652 cssVar: '--awt-primary-button-border-hover', 8653 defaultVal: '0px solid #FFF', 8654 }, 8655 PrimaryButtonBorderRadius: { 8656 cssVar: '--awt-primary-button-border-radius', 8657 defaultVal: '4px', 8658 }, 8659 RadioButtonBackgroundColor: { 8660 cssVar: '--awt-radio-button-background', 8661 defaultVal: '#000', 8662 }, 8663 BorderColor: { 8664 cssVar: '--awt-border-color', 8665 defaultVal: '#e6e6e6', 8666 }, 8667 BorderRadius: { 8668 cssVar: '--awt-border-radius', 8669 defaultVal: '3px', 8670 }, 8671 SelectedPlanBackgroundColor: { 8672 cssVar: '--awt-selected-plan-background', 8673 defaultVal: '#EEE', 8674 }, 8675 SelectedPlanBorderColor: { 8676 cssVar: '--awt-selected-plan-border-color', 8677 defaultVal: '#000', 8678 },
8679 ProgressBarBackgroundColor: { 8680 cssVar: '--awt-progress-bar-background', 8681 defaultVal: '#000', 8682 }, 8683 ProgressBarColor: { 8684 cssVar: '--awt-progress-bar-color', 8685 defaultVal: '#FFF', 8686 }, 8687 AccentBackgroundColor: { 8688 cssVar: '--awt-accent-background', 8689 defaultVal: '#000', 8690 }, 8691 AccentColor: { 8692 cssVar: '--awt-accent-color', 8693 defaultVal: '#FFF', 8694 }, 8695 }; 8696 8697 (function () { 8698 window.bundleapp = window.bundleapp || {}; 8699 window.bundleapp.settings = Object.assign( 8700 {}, 8701 window.bundleapp.settings || {}, 8702 // All configs that where here have been moved to other places 8703 // the moneyFormat is now fetched below via ajax 8704 // other settings are set to the global namespace on the script tag handler 8705 // So this code here is only a reminder that the attribute exists 8706 8707 /** 8708 * Theme specific settings: 8709 * This is a quick and dirty way to get some theme specific settings into the app. 8710 * 8711 * priceContainerSel Array<String> selector string for the price container 8712 * comparePriceContainerSel Array<String> selector string for compare at price container 8713 * priceBadgeContainer Array<String> selector string for the price Badge container 8714 * hideIfUnavailable Boolean hides selling plans if variant is unavailable/out of stock 8715 * containerClass String Adds a class to the container where the widget renders 8716 * renderInsideSel String Selector to render the widget inside 8717 * renderAfterSel String Selector to render the widget after 8718 * renderBeforeSel String Selector to render the widget before 8719 * useRadioButtonFrequencySelector Boolean use radio buttons instead of a select 8720 * addToCartButtonSel Selector string to locale the add to cart button inside form[action='/cart/add'] 8721 * formDomChangeElementsSel String selector for items to listen to and trigger handleFormDomChanged (ex: 'li.variantSwatch' or 'li.variantSwatch, button.variantItem') 8722 * triggerDomChangeOnUrlVariantChange Boolean to trigger handleFormDomChanged when the url variant changes 8723 * - use this when the items to select variant are not input fields and as such would not be listened to by our script naturally 8724 * */ 8725 { 8726 hideIfUnavailable: false, 8727 proxy: '/tools/bundle-subscriptions', 8728 appPublic: true, 8729 moneyFormat: '$\{\{amount\}\}', 8730 shopStyleSettings: {}, 8731 defaultSubscription: false, 8732 }, 8733 ); 8734 8735 window.bundleapp.setThemeConfigs = (obj) => { 8736 window.bundleapp.settings = Object.assign( 8737 {}, 8738 window.bundleapp.settings, 8739 obj, 8740 ); 8741 }; 8742 8743 var showPreviewModeControl = function () { 8744 const previewModeControlHtml = ` 8745 <div id="awt-preview-mode-control"> 8746 <div class="awt-logo"> 8747 <div class="awt-logo--image"></div> 8748 <span>Preview</span> 8749 <a href="https://help.awtomatic.app/en/articles/5593674-previewing-and-testing-your-subscriptions" target="_blank"><div class="awt-logo--info-icon"></div></a> 8750 </div> 8751 <div> 8752 <!-- <button id="awt-preview-mode-control__hide">Hide</button> --> 8753 <button id="awt-preview-mode-control__close">Close</button> 8754 </div> 8755 </div> 8756 `; 8757 const $previewModelEl = document.createElement('div'); 8758 $previewModelEl.innerHTML = previewModeControlHtml; 8759 document.querySelector('body').appendChild($previewModelEl); 8760 8761 // not removing this yet bc its set to be used in a v2 version of the preview mode controls 8762 const hidePreviewControl = function () { 8763 document 8764 .querySelector('#awt-preview-mode-control') 8765 .classList.add('hidden'); 8766 }; 8767 const closePreviewMode = function () { 8768 window.localStorage.removeItem(PREVIEW_MODE_STORAGE_KEY); 8769 insertUrlParam('awt-preview'); 8770 window.location.reload(); 8771 }; 8772 // document 8773 // .querySelector('#awt-preview-mode-control__hide') 8774 // .addEventListener('click', hidePreviewControl); 8775 document 8776 .querySelector('#awt-preview-mode-control__close') 8777 .addEventListener('click', closePreviewMode); 8778 }; 8779 8780 var getShopInfo = function () { 8781 const moneyFormat = 8782 window.moneyFormat || 8783 (window.theme && window.theme.moneyFormat) || 8784 (window.theme && 8785 window.theme.strings && 8786 window.theme.strings.moneyFormat) || 8787 (window.theme && 8788 window.theme.settings && 8789 window.theme.settings.moneyFormat) || 8790 (window.bundleapp && window.bundleapp.settings && window.bundleapp.settings.moneyFormat); 8791 if (moneyFormat) { 8792 window.bundleapp.settings = Object.assign({}, window.bundleapp.settings, { 8793 moneyFormat: moneyFormat, 8794 }); 8795 return Promise.resolve(); 8796 } 8797 8798 return fetch(window.bundleapp.settings.proxy + '/shop-info') 8799 .then(function (res) { 8800 return res.json(); 8801 }) 8802 .then(function (data) { 8803 window.bundleapp.settings = Object.assign( 8804 {}, 8805 window.bundleapp.settings, 8806 data, 8807 ); 8808 }); 8809 }; 8810 8811 var setCssVars = function (styleSettings) { 8812 if (styleSettings) { 8813 // update CSS vars 8814 var root = document.querySelector(':root'); 8815 for (var styleSettingsKey in STYLE_VAR_MAP) { 8816 styleSettings[styleSettingsKey] && 8817 root.style.setProperty( 8818 STYLE_VAR_MAP[styleSettingsKey].cssVar, 8819 styleSettings[styleSettingsKey], 8820 ); 8821 } 8822 } 8823 }; 8824 8825 var insertUrlParam = function (key, value) { 8826 if (history.replaceState) { 8827 let searchParams = new URLSearchParams(window.location.search); 8828 if (value) { 8829 searchParams.set(key, value); 8830 } else { 8831 searchParams.delete(key); 8832 } 8833 let newurl = 8834 window.location.protocol + 8835 '//' + 8836 window.location.host + 8837 window.location.pathname + 8838 '?' + 8839 searchParams.toString(); 8840 window.history.replaceState({ path: newurl }, '', newurl); 8841 } 8842 }; 8843 8844 var formatMoney = function (cents, format) { 8845 if (typeof cents == 'string') { 8846 cents = cents.replace('.', ''); 8847 } 8848 var value = ''; 8849 var placeholderRegex = /\{\{\s*(\w+)\s*\}\}/; 8850 var formatString = format || window.bundleapp.settings.moneyFormat; 8851 8852 function defaultOption(opt, def) { 8853 return typeof opt == 'undefined' ? def : opt; 8854 } 8855 8856 function formatWithDelimiters(number, precision, thousands, decimal) { 8857 precision = defaultOption(precision, 2); 8858 thousands = defaultOption(thousands, ','); 8859 decimal = defaultOption(decimal, '.'); 8860 8861 if (isNaN(number) || number == null) { 8862 return 0; 8863 } 8864 8865 number = (number / 100.0).toFixed(precision); 8866 8867 var parts = number.split('.'), 8868 dollars = parts[0].replace( 8869 /(\d)(?=(\d\d\d)+(?!\d))/g, 8870 '$1' + thousands, 8871 ), 8872 cents = parts[1] ? decimal + parts[1] : ''; 8873 8874 return dollars + cents; 8875 } 8876 8877 switch (formatString.match(placeholderRegex)[1]) { 8878 case 'amount': 8879 value = formatWithDelimiters(cents, 2); 8880 break; 8881 case 'amount_no_decimals': 8882 value = formatWithDelimiters(cents, 0); 8883 break; 8884 case 'amount_with_comma_separator': 8885 value = formatWithDelimiters(cents, 2, '.', ','); 8886 break; 8887 case 'amount_no_decimals_with_comma_separator': 8888 value = formatWithDelimiters(cents, 0, '.', ','); 8889 break; 8890 } 8891 8892 return formatString.replace(placeholderRegex, value); 8893 }; 8894 // FIXME eslint error 8895 // eslint-disable-next-line no-undef 8896 const debounce = function (func, wait, immediate) { 8897 var timeout; 8898 return function () { 8899 var context = this, 8900 args = arguments; 8901 var later = function () { 8902 timeout = null;
8903 if (!immediate) func.apply(context, args); 8904 }; 8905 var callNow = immediate && !timeout; 8906 clearTimeout(timeout); 8907 timeout = setTimeout(later, wait); 8908 if (callNow) func.apply(context, args); 8909 }; 8910 }; 8911 // Method to get closes matching parent source: https://gomakethings.com/a-native-vanilla-javascript-way-to-get-the-closest-matching-parent-element/ 8912 if (window.Element && !Element.prototype.closest) { 8913 Element.prototype.closest = function (s) { 8914 var matches = (this.document || this.ownerDocument).querySelectorAll(s), 8915 i, 8916 el = this; 8917 do { 8918 i = matches.length; 8919 // FIXME eslint error 8920 // eslint-disable-next-line no-empty 8921 while (--i >= 0 && matches.item(i) !== el) {} 8922 } while (i < 0 && (el = el.parentElement)); 8923 return el; 8924 }; 8925 } 8926 8927 var priceBadgeContainer = () => 8928 [ 8929 'form.product__form--add-to-cart .product__price', // Boundless 8930 '.product-single__meta .price-container', //Brooklyn 8931 '.product__price .price__pricing-group', // Debut 8932 '.product__content .price__pricing-group', // Express 8933 '.product-single__prices', // Minimal, Simple 8934 '.product__content-header .product__price', // Narrative 8935 '.inline-list.product-meta', // Supply 8936 '.product-single__meta-list', // Venture 8937 ] 8938 .concat(window.bundleapp.settings.priceBadgeContainer || []) 8939 .join(', '); 8940 8941 const priceContainerSel = () => 8942 [ 8943 '.price__regular', // debut, express 8944 '.product-single__price', // brooklin, minimal 8945 '.product__current-price', // narrative 8946 '#productPrice-product-template', // supply, venture 8947 '.product__price--reg', // boundless 8948 ] 8949 .concat(window.bundleapp.settings.priceContainerSel || []) 8950 .join(', '); 8951 8952 const comparePriceContainerSel = () => 8953 [ 8954 '.price--on-sale .price__sale', // debut, express 8955 '.product-single__price--compare-at', // brooklin 8956 '.product-single__sale-price', // minimal 8957 '.product__compare-price', //narrative 8958 '.product-single__price--compare', // simple, venture 8959 '.product__price .product__price--sale', // boundless 8960 '.product-meta .sale-tag', // supply 8961 ] 8962 .concat(window.bundleapp.settings.comparePriceContainerSel || []) 8963 .join(', '); 8964 8965 const planSelectorSel = '.bundleapp-plan-selector-plan'; 8966 8967 const addToCartButtonSel = () => 8968 ['button[type=submit]'] 8969 .concat(window.bundleapp.settings.addToCartButtonSel || []) 8970 .join(', '); 8971 8972 const PREVIEW_MODE_STORAGE_KEY = 'awtomatic-preview-mode'; 8973 8974 /* Functions for gift form data validation */ 8975 const getField = (fieldId) => document.getElementById(fieldId); 8976 const getFieldValue = (fieldId) => getField(fieldId).value; 8977 const isEmpty = (str) => str === ''; 8978 const emailIsValid = (email) => 8979 /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z0-9]+$/i.test(email); 8980 const isFieldValid = (fieldId) => 8981 getField(fieldId).getAttribute('data-invalid') == undefined; 8982 const toggleAddToCart = (target, isValidForm) => { 8983 const form = target.closest('form'); 8984 const addToCartBtn = form.querySelector(addToCartButtonSel()); 8985 if (addToCartBtn) { 8986 if (isValidForm) { 8987 addToCartBtn.removeAttribute('disabled'); 8988 } else { 8989 addToCartBtn.setAttribute('disabled', true); 8990 } 8991 } 8992 const customizeBtn = form.querySelector('#awt-customize-box-btn'); 8993 debugger; 8994 if (customizeBtn) { 8995 if (isValidForm) { 8996 customizeBtn.removeAttribute('disabled'); 8997 } else { 8998 customizeBtn.setAttribute('disabled', true); 8999 } 9000 } 9001 }; 9002 9003 const toggleFieldValid = (field, isInvalid, message) => { 9004 const msg = field.parentElement.getElementsByClassName('awt-error-msg'); 9005 if (isInvalid) { 9006 field.classList.add('awt-input-error'); 9007 field.classList.add('awt-error'); 9008 9009 field.setAttribute('data-invalid', true); 9010 if (msg.length === 0) { 9011 const errorLabel = document.createElement('div'); 9012 errorLabel.classList.add('awt-error-msg'); 9013 errorLabel.innerText = message; 9014 field.parentElement.insertBefore( 9015 errorLabel, 9016 field.parentElement.lastElementChild, 9017 ); 9018 } 9019 } else { 9020 field.classList.remove('awt-input-error'); 9021 field.classList.remove('awt-error'); 9022 9023 if (msg.length > 0) { 9024 msg[0].remove(); 9025 } 9026 field.removeAttribute('data-invalid'); 9027 } 9028 }; 9029 9030 const isGiftFormValid = () => 9031 isFieldValid('awtGiftInfoFirstName') && 9032 isFieldValid('awtGiftInfoLastName') && 9033 isFieldValid('awtGiftInfoEmail'); 9034 9035 const validateRequiredField = (event) => { 9036 const isFieldEmpty = isEmpty(getFieldValue(event.target.id)); 9037 toggleFieldValid(event.target, isFieldEmpty, 'Required'); 9038 toggleAddToCart(event.target, isGiftFormValid()); 9039 }; 9040 9041 const validateEmailField = (event) => { 9042 const isValidEmail = emailIsValid(getFieldValue(event.target.id)); 9043 toggleFieldValid(event.target, !isValidEmail, 'Invalid email'); 9044 toggleAddToCart(event.target, isGiftFormValid()); 9045 }; 9046 9047 /** 9048 * Awtomatic Selector Widget 9049 * */ 9050 9051 function BundleAppWidget($selector, product) { 9052 this.product = product; 9053 this.isGiftSelected = false;
9054 this.$selector = $selector; 9055 this.$sellingPlanField = this.$selector.querySelector( 9056 'input[name=selling_plan]', 9057 ); 9058 this.$wrapper = this.$selector.closest( 9059 'div[data-section-type], .shopify-section, body', 9060 ); 9061 this.$planGroups = this.$selector.querySelectorAll( 9062 '.bundleapp-plan-selector-group', 9063 ); 9064 this.$form = this.$selector.closest('form'); 9065 this.$variantSelect = this.$form.querySelector('[name=id]'); 9066 this.$badgePriceEl = this.$wrapper.querySelector(priceBadgeContainer()); 9067 if (!this.$badgePriceEl) 9068 console.warn('Did not find a badge container element'); 9069 // FIXME eslint error 9070 // eslint-disable-next-line no-undef 9071 this.setPlansVisibility = debounce( 9072 this._baseSetPlansVisibility.bind(this), 9073 50, 9074 ); 9075 9076 this.init(); 9077 this.setPlansVisibility(); 9078 if (window.bundleapp.settings.onInit) { 9079 window.bundleapp.settings.onInit.call(this); 9080 } 9081 if (window.bundleapp.onInit) { 9082 console.warn( 9083 'onInit will be deprecated soon. Please use bundleapp.settings.onInit instead', 9084 ); 9085 window.bundleapp.onInit.call(this); 9086 } 9087 } 9088 9089 Object.assign(BundleAppWidget.prototype, { 9090 init: function () { 9091 this.$selector.style.display = 'block'; 9092 this.$planGroups.forEach( 9093 function (elem) { 9094 var $planGroupRadio = elem.querySelector( 9095 "input[name='bundleapp-plan-selector-group']", 9096 ); 9097 var groupId = $planGroupRadio.value; 9098 var selectedPlanGroup = this.product.selling_plans_by_id[ 9099 this.product.selected_selling_plan 9100 ? this.product.selected_selling_plan.id 9101 : null 9102 ]; 9103 var isSelectedGroup = !!( 9104 selectedPlanGroup && 9105 selectedPlanGroup.selling_plan_group_id === groupId 9106 ); 9107 9108 this.handleGiftVisibility(isSelectedGroup); 9109 9110 $planGroupRadio.addEventListener( 9111 'change', 9112 this.handlePlanRadioChange.bind(this), 9113 ); 9114 elem 9115 .querySelector('select') 9116 .addEventListener( 9117 'change', 9118 this.handlePlanOptionsChange.bind(this), 9119 ); 9120 var $radioButtonsfrequencySelector = elem.querySelectorAll( 9121 '.bundleapp-plan-selector-radio__input', 9122 ); 9123 for ( 9124 let index = 0; 9125 index < $radioButtonsfrequencySelector.length; 9126 index++ 9127 ) { 9128 $radioButtonsfrequencySelector[index].addEventListener( 9129 'change', 9130 this.handlePlanOptionsChange.bind(this), 9131 ); 9132 } 9133 }.bind(this), 9134 ); 9135 9136 //Ads an event listener to every element in the form 9137 const $selectorElements = Array.from( 9138 this.$selector.querySelectorAll('input, select'), 9139 ); 9140 Array.from(this.$form.elements).forEach( 9141 function (el) { 9142 if ( 9143 !$selectorElements.includes(el) && 9144 el.tagName !== 'BUTTON' && 9145 el.type !== 'hidden' 9146 ) { 9147 el.addEventListener('change', this.handleFormDomChanged.bind(this)); 9148 } 9149 }.bind(this), 9150 ); 9151 9152 if (window.bundleapp.settings.defaultSubscription) { 9153 const $oneTimeRadio = this.$selector.querySelector('[data-one-time]'); 9154 9155 // Only if one time is available and defaultSubscription enabled we set checked 9156 // the first selling plan group. If there is no one-time option, we already 9157 // mark the first selling plan checked 9158 if ($oneTimeRadio) { 9159 const $firstSellingPlanGroup = this.$selector.querySelector( 9160 '[data-one-time] + .bundleapp-plan-selector-group input', 9161 ); 9162 $firstSellingPlanGroup.dispatchEvent(new Event('change')); 9163 } 9164 } 9165 9166 if (window.bundleapp.settings.formDomChangeElementsSel) { 9167 const $variantEls = document.querySelectorAll( 9168 window.bundleapp.settings.formDomChangeElementsSel, 9169 );
9170 $variantEls.forEach( 9171 function (el) { 9172 el.addEventListener('click', this.handleFormDomChanged.bind(this)); 9173 }.bind(this), 9174 ); 9175 } 9176 }, 9177 9178 getTranslation: function (key, fallback) { 9179 let translation = this.product?.translations[key]; 9180 if (translation.includes('translation missing')) { 9181 translation = fallback; 9182 } 9183 return translation; 9184 }, 9185 9186 handleGiftVisibility: function (isSelectedGroup) { 9187 let isGiftable = 9188 this.product && 9189 this.product.gift_selling_plans && 9190 this.product.gift_selling_plans.includes( 9191 this.product.selected_selling_plan && 9192 this.product.selected_selling_plan.id, 9193 ); 9194 const giftCheckBox = document.querySelector('input[name="awt-is-gift"]'); 9195 9196 if (isGiftable && !giftCheckBox && isSelectedGroup) { 9197 this.isGiftSelected = true; 9198 let isGiftCheckboxLabel = document.createElement('label'); 9199 isGiftCheckboxLabel.classList.add('awt-checkbox'); 9200 let isGiftCheckbox = document.createElement('input'); 9201 const giftTitle = this.getTranslation( 9202 'gift_recipient_info_title', 9203 'Recipient info', 9204 ); 9205 const giftFirstNameLabel = this.getTranslation( 9206 'gift_first_name_label', 9207 'First name', 9208 ); 9209 const giftFirstNamePlaceholder = this.getTranslation( 9210 'gift_first_name_placeholder', 9211 'First name', 9212 ); 9213 const giftLastNameLabel = this.getTranslation( 9214 'gift_last_name_label', 9215 'Last name', 9216 ); 9217 const giftLastNamePlaceholder = this.getTranslation( 9218 'gift_last_name_placeholder', 9219 'Last name', 9220 ); 9221 const giftEmailLabel = this.getTranslation( 9222 'gift_email_label', 9223 'Email address', 9224 ); 9225 const giftEmailPlaceholder = this.getTranslation( 9226 'gift_email_placeholder', 9227 'Email address', 9228 ); 9229 const giftEmailWarning = this.getTranslation( 9230 'gift_email_warning', 9231 'Important: Gift emails will be sent here', 9232 ); 9233 const giftNoteLabel = this.getTranslation('gift_note_label', 'Note'); 9234 const giftNotePlaceholder = this.getTranslation( 9235 'gift_note_placeholder', 9236 'Note', 9237 ); 9238 9239 isGiftCheckbox.addEventListener('change', function (event) { 9240 const isGiftSelected = event.currentTarget.checked; 9241 this.isGiftSelected = isGiftSelected; 9242 9243 if (isGiftSelected) { 9244 const giftsMarkUp = `<div class="gift"> 9245 <p class="awt-gift-info-title">${giftTitle}</p> 9246 <div class="awt-form-group"> 9247 <label for="awtGiftInfoFirstName" class="awt-floating-label"> 9248 <input type="text" id="awtGiftInfoFirstName" class="awt-gift-input" required name="properties[_giftFirstName]" placeholder="${giftFirstNamePlaceholder}" data-invalid> 9249 <span class="awt-gift-label">${giftFirstNameLabel}*</span> 9250 </label> 9251 <label for="awtGiftInfoLastName" class="awt-floating-label"> 9252 <input type="text" id="awtGiftInfoLastName" class="awt-gift-input" required name="properties[_giftLastName]" placeholder="${giftLastNamePlaceholder}" data-invalid> 9253 <span class="awt-gift-label">${giftLastNameLabel}*</span> 9254 </label> 9255 </div> 9256 <div class="awt-gift-input-container"> 9257 <label for="awtGiftInfoEmail" class="awt-floating-label"> 9258 <input type="email" id="awtGiftInfoEmail" class="awt-gift-input" required name="properties[_giftEmail]" placeholder="${giftEmailPlaceholder}" data-invalid>
9259 <span class="awt-gift-label">${giftEmailLabel}*</span> 9260 <div class="awt-floating-label-warning">${giftEmailWarning}</div> 9261 </label> 9262 </div> 9263 <div class="awt-gift-input-container"> 9264 <label for="awtGiftInfoNote" class="awt-floating-label"> 9265 <textarea id="awtGiftInfoNote" class="awt-gift-input" placeholder="${giftNotePlaceholder}" name="properties[_giftNote]"></textarea> 9266 <span class="awt-gift-label">${giftNoteLabel}</span> 9267 </label> 9268 </div> 9269 </div>`; 9270 9271 let giftInfoContainer = document.createElement('div'); 9272 giftInfoContainer.setAttribute('name', 'awt-gift-info-container'); 9273 giftInfoContainer.classList.add('awt-gift-info-container'); 9274 9275 giftInfoContainer.innerHTML = giftsMarkUp; 9276 isGiftCheckboxLabel.parentElement.appendChild(giftInfoContainer); 9277 getField('awtGiftInfoFirstName').addEventListener( 9278 'blur', 9279 validateRequiredField, 9280 ); 9281 getField('awtGiftInfoLastName').addEventListener( 9282 'blur', 9283 validateRequiredField, 9284 ); 9285 getField('awtGiftInfoEmail').addEventListener( 9286 'blur', 9287 validateEmailField, 9288 ); 9289 toggleAddToCart(getField('awtGiftInfoEmail'), isGiftFormValid()); 9290 } else { 9291 const giftInfoContainer = document.querySelector( 9292 'div[name="awt-gift-info-container"]', 9293 ); 9294 getField('awtGiftInfoFirstName').removeEventListener( 9295 'blur', 9296 validateRequiredField, 9297 ); 9298 getField('awtGiftInfoLastName').removeEventListener( 9299 'blur', 9300 validateRequiredField, 9301 ); 9302 getField('awtGiftInfoEmail').removeEventListener( 9303 'blur', 9304 validateEmailField, 9305 ); 9306 toggleAddToCart(getField('awtGiftInfoEmail'), true); 9307 giftInfoContainer && 9308 giftInfoContainer.parentNode && 9309 giftInfoContainer.parentNode.removeChild(giftInfoContainer); 9310 } 9311 }); 9312 isGiftCheckbox.type = 'checkbox'; 9313 isGiftCheckbox.name = 'awt-is-gift'; 9314 isGiftCheckboxLabel.appendChild(isGiftCheckbox); 9315 isGiftCheckboxLabel.appendChild( 9316 document.createTextNode( 9317 this.getTranslation('gift_checkbox_label', 'This is a gift'), 9318 ), 9319 ); 9320 const planDescription = document.querySelector( 9321 '.bundleapp-plan-selector-description', 9322 ); 9323 planDescription && 9324 planDescription.parentNode.insertBefore( 9325 isGiftCheckboxLabel, 9326 planDescription.nextSibling, 9327 ); 9328 } 9329 if (!isGiftable) { 9330 if (giftCheckBox) { 9331 const giftCheckBoxLabel = giftCheckBox.parentNode; 9332 giftCheckBoxLabel.parentNode.removeChild(giftCheckBoxLabel); 9333 const giftInfoContainer = document.querySelector( 9334 'div[name="awt-gift-info-container"]', 9335 ); 9336 9337 giftInfoContainer && 9338 giftInfoContainer.parentNode && 9339 giftInfoContainer.parentNode.removeChild(giftInfoContainer); 9340 } 9341 } 9342 }, 9343 9344 // This is marked as a private function because this is not intended to be used 9345 // directly. Use the debounced version of it this.setPlansVisibility() 9346 _baseSetPlansVisibility: function () { 9347 if (window.bundleapp.settings.hideIfUnavailable) { 9348 //If variant is not available hide the whole widget 9349 this.$selector.style.display = this.product.selected_variant.available 9350 ? 'block' 9351 : 'none'; 9352 } 9353 9354 var selling_plan_group_ids = this.product.selected_variant.selling_plan_allocations.map( 9355 function (i) { 9356 return i.selling_plan_group_id; 9357 }, 9358 ); 9359 var planId = ''; 9360 const hasPlanWithMultipleDeliveries = this.product.selected_variant.selling_plan_allocations.some( 9361 (sp) => sp.price !== sp.per_delivery_price, 9362 ); 9363 // @TODO: translate suffix 9364 const suffix = hasPlanWithMultipleDeliveries 9365 ? this.getTranslation('delivery_suffix', '/delivery') 9366 : ''; 9367 this.$planGroups.forEach( 9368 function (elem) { 9369 var bundleAppSettings = window.bundleapp.settings || {}; 9370 var $planGroupRadio = elem.querySelector( 9371 "input[name='bundleapp-plan-selector-group']", 9372 ); 9373 var groupId = $planGroupRadio.value; 9374 elem.style.display = 9375 selling_plan_group_ids.includes(groupId) || !groupId 9376 ? 'block' 9377 : 'none'; 9378 var selectedPlanGroup = this.product.selling_plans_by_id[ 9379 this.product.selected_selling_plan 9380 ? this.product.selected_selling_plan.id 9381 : null 9382 ]; 9383 var isSelectedGroup = !!( 9384 selectedPlanGroup && 9385 selectedPlanGroup.selling_plan_group_id === groupId 9386 ); 9387 9388 this.handleGiftVisibility(isSelectedGroup); 9389 9390 var $selectorPlan = elem.querySelector(planSelectorSel); 9391 $selectorPlan.style.display = isSelectedGroup ? 'block' : 'none'; 9392 9393 if (!$planGroupRadio.value && !isSelectedGroup) { 9394 // If value is falsy a.k.a one-time purchase 9395 $planGroupRadio.checked = true; 9396 } else { 9397 $planGroupRadio.checked = isSelectedGroup; 9398 9399 if (this.$planGroups.length === 1) { 9400 elem.classList.add('bundleapp-plan-selector-group--single-group'); 9401 } 9402 9403 // if this is the selected group add the selected class 9404 if (isSelectedGroup) { 9405 elem.classList.add('bundleapp-plan-selector-group--selected'); 9406 if (bundleAppSettings.useRadioButtonFrequencySelector) {
9407 const selectedGroupPlans = elem 9408 .querySelector('.bundleapp-plan-selector-radio') 9409 .getElementsByTagName('input'); 9410 const isPlanChecked = Array.from(selectedGroupPlans).some( 9411 ({ checked }) => checked, 9412 ); 9413 if (!isPlanChecked) { 9414 // if no plan is checked, select the first one 9415 selectedGroupPlans[0].checked = true; 9416 elem 9417 .querySelector('.bundleapp-plan-selector-radio label') 9418 .classList.add( 9419 'bundleapp-plan-selector-radio__label--selected', 9420 ); 9421 } 9422 } 9423 } 9424 } 9425 9426 if (bundleAppSettings.useRadioButtonFrequencySelector) { 9427 let $radioButtonPlanSelector = elem.querySelector( 9428 '.bundleapp-plan-selector-radio', 9429 ); 9430 9431 $radioButtonPlanSelector.style.display = isSelectedGroup 9432 ? 'block' 9433 : 'none'; 9434 let $selectPlanSelector = elem.querySelector( 9435 '.bundleapp-plan-selector-select', 9436 ); 9437 $selectPlanSelector.style.display = 'none'; 9438 } else { 9439 let $radioButtonPlanSelector = elem.querySelector( 9440 '.bundleapp-plan-selector-radio', 9441 ); 9442 $radioButtonPlanSelector.style.display = 'none'; 9443 let $selectPlanSelector = elem.querySelector( 9444 '.bundleapp-plan-selector-select', 9445 ); 9446 $selectPlanSelector.style.display = 9447 isSelectedGroup && $selectPlanSelector.options.length > 1 9448 ? 'block' 9449 : 'none'; 9450 } 9451 9452 if (isSelectedGroup) { 9453 const planSel = bundleAppSettings.useRadioButtonFrequencySelector 9454 ? `${planSelectorSel} .bundleapp-plan-selector-radio input:checked` 9455 : `${planSelectorSel} select`; 9456 9457 planId = 9458 elem.querySelector(planSel) && elem.querySelector(planSel).value; 9459 } 9460 9461 //update pricing label of each group 9462 const planGroup = this.product.selling_plan_groups.find( 9463 (p) => p.id === groupId, 9464 ); 9465 const $priceLabel = elem.querySelector( 9466 '.bundleapp-plan-selector-group-pricing', 9467 ); 9468 9469 const currentVariant = this.product.variants.find( 9470 (variant) => variant.id === this.product.selected_variant.id, 9471 ); 9472 9473 if (planGroup && $priceLabel) { 9474 const values = planGroup.selling_plans.map(function (i) { 9475 return parseInt(i.price_adjustments[0]?.value); 9476 }); 9477 9478 const sellingPlansFromCurrentGroup = currentVariant.selling_plan_allocations.filter( 9479 (sp) => sp.selling_plan_group_id === planGroup.id, 9480 ); 9481 if (sellingPlansFromCurrentGroup && values) { 9482 const lowestPriceInGroup = Math.min.apply( 9483 null, 9484 sellingPlansFromCurrentGroup.map((sp) => sp.per_delivery_price), 9485 ); 9486 const isSame = values.every(function (val) { 9487 return val === values[0]; 9488 }); 9489 const prefix = isSame ? '' : this.getTranslation('from', 'from'); 9490 $priceLabel.innerHTML = `${prefix} ${formatMoney( 9491 lowestPriceInGroup, 9492 )}${suffix}`; 9493 $priceLabel.dataset.test = `planPriceInSelector-${ 9494 sellingPlansFromCurrentGroup?.selling_plan_group_id || 9495 sellingPlansFromCurrentGroup[0]?.selling_plan_group_id 9496 }`; 9497 } 9498 } 9499 9500 if (this.product?.selling_plan_groups?.length === 1) { 9501 // check to see. IF just one selling plan group, and does not offer discount 9502 // then we wont display itemized prices. 9503 const $itemizedPrices = this.$selector.querySelectorAll( 9504 '.bundleapp-plan-selector-group-pricing', 9505 ); 9506 9507 const oneTimePurchasePrice = currentVariant?.price; 9508 9509 const pricesInSellingPlans = currentVariant.selling_plan_allocations.map( 9510 (sp) => sp.price, 9511 );
9512 const allEqual = (arr) => arr.every((val) => val === arr[0]); 9513 9514 if (allEqual([oneTimePurchasePrice, ...pricesInSellingPlans])) { 9515 $itemizedPrices.forEach((price) => { 9516 price.style.display = 'none'; 9517 }); 9518 } 9519 } 9520 }.bind(this), 9521 ); 9522 9523 //check if theres a visible option selected 9524 //If not: check first 9525 if ( 9526 !Array.from(this.$planGroups).filter( 9527 (el) => el.offsetParent && el.querySelector('input').checked, 9528 ).length 9529 ) { 9530 // get first input that's visible 9531 const firstVisibleGroup = Array.from(this.$planGroups).filter( 9532 (el) => el.offsetParent, 9533 )[0]; 9534 if (firstVisibleGroup) { 9535 const $firstRadio = firstVisibleGroup.querySelector('input'); 9536 if (!$firstRadio.checked) { 9537 $firstRadio.checked = true; 9538 $firstRadio.dispatchEvent(new Event('change')); 9539 // if we are using radio buttons get the first plan and check it 9540 if (window.bundleapp.settings.useRadioButtonFrequencySelector) { 9541 let $radioButtonPlanSelector = firstVisibleGroup.querySelector( 9542 '.bundleapp-plan-selector-radio', 9543 ); 9544 const firstPlan = $radioButtonPlanSelector.querySelector('input'); 9545 if (!firstPlan.checked) { 9546 firstPlan.checked = true; 9547 firstPlan.dispatchEvent(new Event('change')); 9548 } 9549 } 9550 } 9551 } 9552 } 9553 9554 //Updates input field 9555 if (this.$sellingPlanField) { 9556 this.$sellingPlanField.value = planId ? planId : ''; 9557 } 9558 //Update url only if we are in the product page 9559 if (window.location.pathname.includes('/products/')) { 9560 insertUrlParam('selling_plan', planId); 9561 } 9562 9563 //Updates one-time purchase price 9564 const $oneTimePrice = this.$selector.querySelector( 9565 '[data-one-time].bundleapp-plan-selector-group .bundleapp-plan-selector-group-pricing', 9566 ); 9567 if ($oneTimePrice) { 9568 $oneTimePrice.innerHTML = `${formatMoney( 9569 this.product.selected_variant.price, 9570 )}${suffix}`; 9571 // data-test attribute for testing 9572 $oneTimePrice.dataset.test = 'oneTimePriceInSelector'; 9573 } 9574 9575 // do not update prices if there are no selling plans groups on the product 9576 if (this.product?.selling_plan_groups?.length) { 9577 this.updatePrice(planId); 9578 this.updateBadgePrice(planId); 9579 } 9580 this.replaceAddBtnForBundles(); 9581 }, 9582 9583 replaceAddBtnForBundles: function () { 9584 // only replace button on BaB bundle 9585 if ( 9586 !this.product?.metafields?.isBundle || 9587 this.product?.metafields?.type === 'shuffle' 9588 ) { 9589 return; 9590 } 9591 9592 const $btn = this.$form.querySelector(addToCartButtonSel()); 9593 9594 // remove "buy it now" button 9595 const $shopifyPaymentBtn = $btn.parentElement.querySelector( 9596 '.shopify-payment-button', 9597 ); 9598 if ($shopifyPaymentBtn) { 9599 $shopifyPaymentBtn.remove(); 9600 } 9601 9602 let $clonedBtn = this.$form.querySelector('#awt-customize-box-btn'); 9603 if (!$clonedBtn) { 9604 $clonedBtn = $btn.cloneNode(true); 9605 $clonedBtn.id = 'awt-customize-box-btn'; 9606 $clonedBtn.type = 'button'; 9607 $clonedBtn.innerText = this.getTranslation( 9608 'customize_my_box', 9609 'Customize my box', 9610 ); 9611 $clonedBtn.classList.remove('btn--secondary-accent'); 9612 $clonedBtn.classList.add('btn--primary-accent'); 9613 $clonedBtn.removeAttribute('@click.prevent'); 9614 $clonedBtn.removeAttribute('x-show:'); 9615 $clonedBtn.removeAttribute(':disabled'); 9616 $clonedBtn.removeAttribute('disabled'); 9617 $clonedBtn.removeAttribute(':class'); 9618 // remove any href in case the theme has been customized and isn't a standard add-to-cart button 9619 $clonedBtn.removeAttribute('href'); 9620 9621 $btn.style.display = 'none'; 9622 $btn.classList.add('awt-hidden-add-to-cart-button'); 9623 $btn.parentNode.insertBefore($clonedBtn, $btn.nextSibling); 9624 } else { 9625 // clone the previous clone and replace 9626 var secondClone = $clonedBtn.cloneNode(true); 9627 $clonedBtn.parentNode.replaceChild(secondClone, $clonedBtn); 9628 9629 // reference new button so we can add event listener 9630 $clonedBtn = secondClone; 9631 } 9632 9633 var handleCustomizeBoxButtonClick = function (event) { 9634 event.stopPropagation(); 9635 9636 let params = new URLSearchParams(window.location.search); 9637 let search = window.location.search; 9638 // only use product.selected_variant.id arg if variant is not already in the 9639 // url params. Otherwise we might be overriding the latest selection 9640 if (!search.includes('variant') && this.product?.selected_variant?.id) { 9641 params.append('variant', this.product?.selected_variant?.id); 9642 } 9643 9644 // only use selectedSellingPlanId arg if variant is not already in the 9645 // url params. Otherwise we might be overriding the latest selection 9646 let selectedSellingPlanId = this.product?.selected_selling_plan?.id; 9647 if (!selectedSellingPlanId) { 9648 // if selectedSellingPlanId wasn't on the product check for the hidden input 9649 selectedSellingPlanId = document.querySelector( 9650 'input[name="selling_plan"]', 9651 )?.value; 9652 } 9653 if (!search.includes('selling_plan') && selectedSellingPlanId) { 9654 params.append('selling_plan', selectedSellingPlanId); 9655 } 9656 9657 let priceAdjustments = this.product?.selected_selling_plan 9658 ?.price_adjustments; 9659 if ( 9660 priceAdjustments && 9661 priceAdjustments[0] && 9662 priceAdjustments[0].value 9663 ) { 9664 params.append( 9665 'd', 9666 `${priceAdjustments[0].value}-${ 9667 priceAdjustments[0].value_type === 'percentage' ? 'p' : 'q' 9668 }`, 9669 ); 9670 } 9671 9672 let url = new URL( 9673 `${window.location.origin}${window.bundleapp.settings.proxy}/bundle/${this.product.id}`, 9674 ); 9675 url.search = params.toString(); 9676 let isGiftable = this.product.gift_selling_plans.includes( 9677 this.product.selected_selling_plan?.id, 9678 ); 9679 if (isGiftable && this.isGiftSelected) { 9680 const giftFirstName = document.getElementById('awtGiftInfoFirstName'); 9681 const giftLastName = document.getElementById('awtGiftInfoLastName'); 9682 const giftEmail = document.getElementById('awtGiftInfoEmail'); 9683 const giftNote = document.getElementById('awtGiftInfoNote'); 9684 const giftInformation = { 9685 firstName: giftFirstName?.value, 9686 lastName: giftLastName?.value, 9687 email: giftEmail?.value,
9688 note: giftNote?.value, 9689 }; 9690 sessionStorage && 9691 sessionStorage.setItem( 9692 'awt-gift-information', 9693 JSON.stringify(giftInformation), 9694 ); 9695 } 9696 9697 window.location.href = url.toString(); 9698 }; 9699 $clonedBtn.addEventListener( 9700 'click', 9701 handleCustomizeBoxButtonClick.bind(this), 9702 ); 9703 }, 9704 9705 updatePrice: function (planId) { 9706 var planAllocation = this.product.selected_variant.selling_plan_allocations.find( 9707 (allo) => allo.selling_plan_id == planId, 9708 ); 9709 9710 // var planOption = this.product.selling_plans_by_id[planId]; 9711 let $comparePriceSpan = this.$wrapper.querySelector( 9712 '.bundleapp-compareAtPrice', 9713 ); 9714 const $priceRegular = this.$wrapper.querySelector(priceContainerSel()); 9715 9716 const $priceSale = this.$wrapper.querySelector( 9717 comparePriceContainerSel(), 9718 ); 9719 9720 if (!$priceRegular) console.warn('Did not find a price element'); 9721 if (!$priceSale) console.warn('Did not find a compare price element'); 9722 9723 if (!$comparePriceSpan) { 9724 $comparePriceSpan = document.createElement('span'); 9725 $comparePriceSpan.classList.add('bundleapp-compareAtPrice'); 9726 if ($priceRegular) { 9727 const priceStyles = window.getComputedStyle($priceRegular); 9728 Array.from(priceStyles).forEach((key) => 9729 $comparePriceSpan.style.setProperty( 9730 key, 9731 priceStyles.getPropertyValue(key), 9732 priceStyles.getPropertyPriority(key), 9733 ), 9734 ); 9735 $priceRegular.after($comparePriceSpan); 9736 } 9737 $comparePriceSpan.style.textDecoration = 'line-through'; 9738 $comparePriceSpan.style.webkitTextDecorationLine = 'line-through'; 9739 $comparePriceSpan.style.marginLeft = '10px'; 9740 9741 // for testing purpose 9742 if ($comparePriceSpan) 9743 $comparePriceSpan.dataset.test = 'bundlePriceOnSale'; 9744 } 9745 9746 setTimeout( 9747 function () { 9748 // Since the theme wants to change the price we need to wait a bit to make our changes, 9749 // hence, the timeout 9750 if (planAllocation) { 9751 if ($priceRegular) { 9752 $priceRegular.innerHTML = `${formatMoney(planAllocation.price)}`; 9753 9754 if ( 9755 planAllocation.compare_at_price && 9756 planAllocation.compare_at_price !== planAllocation.price 9757 ) { 9758 $comparePriceSpan.innerHTML = `${formatMoney( 9759 planAllocation.compare_at_price, 9760 )}`; 9761 $comparePriceSpan.style.display = 'inline'; 9762 } else if ( 9763 this.product && 9764 this.product.compare_at_price && 9765 this.product.compare_at_price !== planAllocation.price 9766 ) { 9767 $comparePriceSpan.innerHTML = `${formatMoney( 9768 product.compare_at_price, 9769 )}`; 9770 $comparePriceSpan.style.display = 'inline'; 9771 } 9772 else { 9773 $comparePriceSpan.style.display = 'none'; 9774 } 9775 } 9776 } else { 9777 if ($priceRegular) { 9778 $priceRegular.innerHTML = `${formatMoney( 9779 this.product.selected_variant.price, 9780 )}`; 9781 } 9782 if (this.product.selected_variant.compare_at_price) { 9783 $comparePriceSpan.innerHTML = formatMoney( 9784 this.product.selected_variant.compare_at_price, 9785 ); 9786 $comparePriceSpan.style.display = 'inline'; 9787 } else { 9788 $comparePriceSpan.style.display = 'none'; 9789 } 9790 } 9791 9792 // make sure theme did not try to display=block 9793 if ($priceRegular) $priceRegular.style.display = 'inline'; 9794 9795 //for testing purposes 9796 if ($priceRegular) $priceRegular.dataset.test = 'priceRegular'; 9797 9798 // hide this because we are not longer using this elements. 9799 if ($priceSale) $priceSale.style.display = 'none'; 9800 //for testing purposes 9801 if ($priceSale) $priceSale.dataset.test = 'priceOnSale'; 9802
9803 // make sure theme did not tried to decorate text 9804 if ($priceRegular) $priceRegular.style.textDecoration = 'none'; 9805 9806 if ( 9807 this.product?.selected_variant?.compare_at_price === 9808 this.product.selected_variant.price || 9809 this.product?.selected_variant?.compare_at_price === 9810 planAllocation?.price || 9811 this.product?.selected_variant?.price === planAllocation?.price 9812 ) { 9813 if ($comparePriceSpan) $comparePriceSpan.style.display = 'none'; 9814 } 9815 }.bind(this), 9816 100, 9817 ); 9818 }, 9819 9820 updateBadgePrice: function (planId) { 9821 var planAllocation = this.product.selected_variant.selling_plan_allocations.find( 9822 (allo) => allo.selling_plan_id == planId, 9823 ); 9824 var planOption = this.product.selling_plans_by_id[planId]; 9825 9826 var $priceAdjustment = this.$wrapper.querySelector( 9827 '.bundleapp-price-adjustment', 9828 ); 9829 9830 if (planAllocation) { 9831 var value_type = planOption.price_adjustments[0].value_type; 9832 var value = planOption.price_adjustments[0].value; 9833 9834 var symbol = value_type === 'percentage' ? '%' : ''; 9835 var strValue = value_type === 'percentage' ? value : formatMoney(value); 9836 9837 var discount = value > 0 ? `${strValue}${symbol}` : ''; 9838 9839 // find out if this selling plan is part of a selling plan group with multiple selling plans/frequencies 9840 const planAllocationBrothers = this.product.selected_variant.selling_plan_allocations.reduce( 9841 (acc, curr) => { 9842 if ( 9843 curr.selling_plan_group_id === 9844 planAllocation.selling_plan_group_id && 9845 curr.selling_plan_id !== planAllocation.selling_plan_id 9846 ) { 9847 acc.brothers = acc.brothers + 1; 9848 9849 if (curr.price !== planAllocation.price) { 9850 acc.dynamicSavings = acc.dynamicSavings + 1; 9851 } 9852 } 9853 9854 return acc; 9855 }, 9856 { brothers: 0, dynamicSavings: 0 }, 9857 ); 9858 9859 const subscriptionLabel = `<span data-test="subscriptionLabel">${this.getTranslation( 9860 'subscription', 9861 'SUBSCRIPTION', 9862 )}</span>`; 9863 const dotSeparatorLabel = 9864 '<span data-test="dotSeparatorLabel"> · </span>'; 9865 const saveLabel = `<span data-test="saveLabel">${this.getTranslation( 9866 'save', 9867 'Save', 9868 )} ${discount}</span>`; 9869 const extraDiscountLabel = `<span data-test="extraDiscountLabel">${this.getTranslation( 9870 'extra', 9871 'Extra', 9872 )} ${discount} ${this.getTranslation('off', 'off')}</span>`; 9873 9874 let badgeLabel = subscriptionLabel + dotSeparatorLabel + saveLabel; 9875 9876 if (!discount) { 9877 badgeLabel = subscriptionLabel; 9878 } 9879 9880 if ( 9881 this.product.selected_variant.compare_at_price && 9882 this.product.selected_variant.price != planAllocation.price 9883 ) { 9884 badgeLabel = extraDiscountLabel; 9885 } 9886 9887 const html = `<span data-test="subscriptionBadge">${badgeLabel}</span>`; 9888 9889 if (this.$badgePriceEl) { 9890 if ($priceAdjustment) { 9891 $priceAdjustment.innerHTML = html; 9892 } else { 9893 var div = document.createElement('div'); 9894 div.classList.add('bundleapp-price-adjustment'); 9895 div.innerHTML = html; 9896 this.$badgePriceEl.appendChild(div); 9897 } 9898 } 9899 } else { 9900 if ($priceAdjustment) { 9901 $priceAdjustment.remove(); 9902 } 9903 } 9904 }, 9905 9906 setSupportInformation: function () { 9907 var $description = this.$selector.querySelector( 9908 '.bundleapp-plan-selector-description', 9909 ); 9910 9911 if ($description) { 9912 if ( 9913 this.product.selected_selling_plan && 9914 this.product.selected_selling_plan.description 9915 ) { 9916 $description.innerHTML = `<span>${this.product.selected_selling_plan.description}</span>`;
9917 } else { 9918 $description.innerHTML = ''; 9919 } 9920 } 9921 }, 9922 9923 handlePlanRadioChange: function (e) { 9924 var target = e.currentTarget || e.target; 9925 var $planGroup = target.closest('.bundleapp-plan-selector-group'); 9926 9927 // remove selected class from previously selected group 9928 var $previouslySelected = this.$form.querySelectorAll( 9929 '.bundleapp-plan-selector-group--selected', 9930 ); 9931 $previouslySelected.forEach((selectedGroup) => 9932 selectedGroup.classList.remove( 9933 'bundleapp-plan-selector-group--selected', 9934 ), 9935 ); 9936 9937 // add selected class to newly selected group 9938 $planGroup.classList.add('bundleapp-plan-selector-group--selected'); 9939 9940 var $planSelect = $planGroup.querySelector('select'); 9941 var planId = $planSelect.value; 9942 this.product.selected_selling_plan = this.product.selling_plans_by_id[ 9943 planId 9944 ]; 9945 9946 this.setPlansVisibility(); 9947 this.setSupportInformation(); 9948 }, 9949 9950 handlePlanOptionsChange: function (e) { 9951 var target = e.currentTarget || e.target; 9952 var planId = target.value; 9953 9954 if (window.bundleapp.settings.useRadioButtonFrequencySelector) { 9955 // remove selected class from previously selected plan label 9956 var $previouslySelectedLabels = document.querySelectorAll( 9957 '.bundleapp-plan-selector-radio__label--selected', 9958 );
9959 $previouslySelectedLabels.forEach((selectedLabel) => 9960 selectedLabel.classList.remove( 9961 'bundleapp-plan-selector-radio__label--selected', 9962 ), 9963 ); 9964 9965 // add selected class to selected label 9966 var $label = document.querySelector( 9967 `.bundleapp-plan-selector-radio__label[for="${planId}"]`, 9968 ); 9969 if ($label) { 9970 $label.classList.add( 9971 'bundleapp-plan-selector-radio__label--selected', 9972 ); 9973 } 9974 } 9975 9976 this.product.selected_selling_plan = this.product.selling_plans_by_id[ 9977 planId 9978 ]; 9979 this.setPlansVisibility(); 9980 }, 9981 9982 handleFormDomChanged: function (e) { 9983 setTimeout( 9984 function () { 9985 var variantId = this.$form.querySelector('[name=id]').value; 9986 this.product.selected_variant = this.product.variants.find( 9987 (v) => v.id == variantId, 9988 ); 9989 this.setPlansVisibility(); 9990 }.bind(this), 9991 20, 9992 ); 9993 }, 9994 }); 9995 9996 //Validates app is public 9997 const inPreviewMode = !!( 9998 window.location.search.includes('awt-preview') || 9999 window.localStorage.getItem(PREVIEW_MODE_STORAGE_KEY) === 'true' 10000 ); 10001 10002 // make sure preview mode is set in local storage if in preview mode 10003 inPreviewMode && 10004 window.localStorage.setItem(PREVIEW_MODE_STORAGE_KEY, inPreviewMode); 10005 10006 // if we're in preview mode we can get rid of the URL param 10007 inPreviewMode && insertUrlParam('awt-preview'); 10008 10009 // show preview control if !appPublic and inPreviewMode 10010 if (inPreviewMode && !window.bundleapp.settings.appPublic) { 10011 showPreviewModeControl(); 10012 } 10013 10014 // update CSS vars 10015 setCssVars(window.bundleapp.settings.shopStyleSettings); 10016 10017 if (window.bundleapp.settings.appPublic || inPreviewMode) { 10018 window.bundleapp.BundleAppWidget = BundleAppWidget; 10019 document.dispatchEvent(new Event('bundleapp:ready')); 10020 } 10021 10022 /** 10023 * Iterating over forms 10024 */ 10025 var shopInfoPromise = getShopInfo(); 10026 10027 window.bundleapp.initializeForms = function () { 10028 var $forms = document.querySelectorAll("form[action='/cart/add']"); 10029 $forms.forEach(function (el) { 10030 // if we found more than one form, lets make sure we're adding only to the 10031 // forms that we want to.. 10032 if ($forms.length > 1) { 10033 // check if this is the installments form (from Dawn theme) before 10034 // initializing the plan selector widget 10035 if (el.getAttribute('id') && el.getAttribute('id').includes('product-form-installment')) { 10036 return; 10037 } 10038 10039 // additional checks will go here 10040 } 10041 var settings = window.bundleapp.settings; 10042 var $variantEl = el.querySelector('[name=id]'); 10043 10044 // Checking if the widget has been initialized already 10045 if (el.querySelector('[data-bundleapp-wrapper]')) { 10046 console.warn('Bundleapp: Form already initialized'); 10047 return; 10048 } 10049 if ($variantEl) { 10050 var pathname = window.location.pathname; 10051 var search = window.location.search; 10052 var searchParams = new URLSearchParams(search); 10053 var reqParams = new URLSearchParams(); 10054 10055 //gets product handle if in a product page 10056 let productHandle = pathname.includes('/products/') 10057 ? pathname.split('/').filter(Boolean).pop() 10058 : null; 10059 10060 // If there is a container selector we want to try to get the handle from it. 10061 // This because in collection pages or product pages with recommended products it 10062 // will be easier: ie <div data-bundleapp-widget="build-a-box-variety-granola-butter"/> 10063 10064 var $containerSel = el.querySelector( 10065 settings.containerSel || '[data-bundleapp-widget]', 10066 ); 10067 10068 if ( 10069 $containerSel && 10070 $containerSel.dataset && 10071 $containerSel.dataset.bundleappWidget 10072 ) { 10073 productHandle = $containerSel.dataset.bundleappWidget; 10074 } 10075 10076 if (productHandle) {
10077 reqParams.append('productHandle', productHandle); 10078 } 10079 var getProductSelector = function () { 10080 return; 10081 return fetch( 10082 settings.productSelectorUrl 10083 ? settings.productSelectorUrl + 10084 productHandle + 10085 '?view=selector&' + 10086 reqParams.toString() 10087 : settings.proxy + '/product-selector?' + reqParams.toString(), 10088 ).then(function (res) { 10089 if (!res.ok) { 10090 throw new Error(res.statusText); 10091 } 10092 return res.text(); 10093 }); 10094 }; 10095 10096 // gets selected variant 10097 var variantId = $variantEl.value; 10098 if (variantId) { 10099 reqParams.append('variant', variantId); 10100 } 10101 10102 // gets selected selling plan 10103 var sellingPlan = searchParams.get('selling_plan'); 10104 if (sellingPlan) { 10105 reqParams.append('selling_plan', sellingPlan); 10106 } 10107 10108 var compareHtmlStrings = function (html1, html2) { 10109 // We need to remove this uuid from the string since it is always different 10110 // This is used to uniquely identify each widget. and it cannot be any product related 10111 // attribute because we could have multiple selectors for the same product 10112 var regexWrapperIdHtml = /data-bundleapp-wrapper=["|']\d+["|']/gm; 10113 var regexWrapperIdJs = /"widget_id":\s?"\d+"/gm; 10114 10115 var str1 = (html1 || '') 10116 .replace(regexWrapperIdHtml, '') 10117 .replace(regexWrapperIdJs, ''); 10118 var str2 = (html2 || '') 10119 .replace(regexWrapperIdHtml, '') 10120 .replace(regexWrapperIdJs, ''); 10121 return str1 === str2; 10122 }; 10123 10124 var cachedSelector; 10125 var selectorStorageKey = `bundleSelector1${productHandle + variantId}`; 10126 10127 // We check first if there is a cached selector in local storage 10128 // to speed the render time 10129 try { 10130 cachedSelector = window.localStorage.getItem(selectorStorageKey); 10131 if (cachedSelector && cachedSelector !== 'undefined') { 10132 Promise.all([shopInfoPromise]).then(function () { 10133 if (window.bundleapp.settings.appPublic || inPreviewMode) { 10134 addAndInitiateSelector( 10135 cachedSelector, 10136 window.bundleapp.settings.shopStyleSettings, 10137 ); 10138 } 10139 }); 10140 } 10141 } catch (err) { 10142 console.error(err); 10143 } 10144 10145 // we want to store the selector in a cache 10146 // in case there is a new version we can remove it and 10147 // create and initiate a new one 10148 var cachedDivContainer; 10149 var addAndInitiateSelector = function (htmlString, styleSettings) { 10150 var addSelector = function ($el) { 10151 // if selector style is selected use that 10152 if (styleSettings && styleSettings.SelectorStyle) { 10153 $el.classList.add(styleSettings.SelectorStyle); 10154 } 10155 // if a container class has been set in the settings this means 10156 // that we've manually set them up, use this class 10157 else if (settings.containerClass) { 10158 $el.classList.add(settings.containerClass); 10159 } 10160 // if styleSettings exist but no selector style has been chosen, default to awt-style-1 10161 else if (styleSettings && !styleSettings.SelectorStyle) { 10162 $el.classList.add('awt-style-1'); 10163 } 10164 // final default is bundleapp-container 10165 else { 10166 $el.classList.add('bundleapp-container'); 10167 } 10168 10169 $el.innerHTML = htmlString.trim(); 10170 10171 var $renderBeforeEl, $renderAfterEl, $renderInsideEl; 10172 if ( 10173 settings.renderAfterSel || 10174 (styleSettings && styleSettings.RenderAfterSel) 10175 ) { 10176 $renderAfterEl = el.querySelector( 10177 settings.renderAfterSel || styleSettings.RenderAfterSel, 10178 ); 10179 } else if ( 10180 settings.renderBeforeEl || 10181 (styleSettings && styleSettings.RenderBeforeSel) 10182 ) { 10183 $renderBeforeEl = el.querySelector( 10184 settings.renderBeforeEl || styleSettings.RenderBeforeSel, 10185 ); 10186 } else if ( 10187 settings.renderInsideSel || 10188 (styleSettings && styleSettings.RenderInsideSel) 10189 ) { 10190 $renderInsideEl = el.querySelector( 10191 settings.renderInsideSel || styleSettings.RenderInsideSel, 10192 ); 10193 } 10194 10195 // If there is a custom selector to render the widget 10196 if ($renderInsideEl) { 10197 $renderInsideEl.append($el); 10198 } else if ($containerSel) { 10199 // if the default container selector is available 10200 $containerSel.append($el); 10201 } else if ($renderAfterEl) { 10202 // else if renderAfterSel is set, render widget after that 10203 $renderAfterEl.parentNode.insertBefore( 10204 $el, 10205 $renderAfterEl.nextSibling, 10206 ); 10207 } else if ($renderBeforeEl) { 10208 // else if renderBeforeSel is set, render widget after that 10209 $renderBeforeEl.parentNode.insertBefore($el, $renderBeforeEl); 10210 } else if ($variantEl) { 10211 // else render the widget after the input field 10212 $variantEl.parentNode.insertBefore($el, $variantEl.nextSibling); 10213 } 10214 }; 10215 10216 if (cachedDivContainer) { 10217 var newEl = document.createElement('div'); 10218 addSelector(newEl); 10219 cachedDivContainer.parentNode.removeChild(cachedDivContainer); 10220 } else { 10221 cachedDivContainer = document.createElement('div'); 10222 addSelector(cachedDivContainer); 10223 } 10224 10225 const scriptMatches = [ 10226 ...htmlString.matchAll(/
10226<script type=.*>(.+)<\/script>/gims), 10227 ]; 10228 if (scriptMatches.length && scriptMatches[0] && scriptMatches[0][1]) { 10229 try { 10230 var product = JSON.parse(scriptMatches[0][1]); 10231 /** 10232 * Initiates the widget selector 10233 */ 10234 var $selector = document.querySelector( 10235 "[data-bundleapp-wrapper='" + product.widget_id + "']", 10236 ); 10237 new window.bundleapp.BundleAppWidget($selector, product); 10238 } catch (err) { 10239 console.warn('Bundle: Could not parse and initiate widget', err); 10240 } 10241 } 10242 }; 10243 10244 try { 10245 var prodSelectorPromise = getProductSelector(); 10246 Promise.all([prodSelectorPromise, shopInfoPromise]).then((values) => { 10247 const responseText = values[0]; 10248 // replaces to minify a bit the html string 10249 // .replace(/\n|\t/g, ' ') // replaces newlines and tabs 10250 // .replace(/>[\s]*?</g, '><') // removes spaces between open and close brackets 10251 // .replace(/[\s]*?</g, '<'); // removes spaces at start 10252 10253 if ( 10254 (window.bundleapp.settings.appPublic || inPreviewMode) && 10255 !compareHtmlStrings(responseText, cachedSelector) && responseText 10256 ) { 10257 window.localStorage.setItem(selectorStorageKey, responseText); 10258 addAndInitiateSelector( 10259 responseText, 10260 window.bundleapp.settings.shopStyleSettings, 10261 ); 10262 } 10263 }); 10264 } catch (err) { 10265 console.error( 10266 'Something went wrong while fetching and parsing the product', 10267 err, 10268 ); 10269 } 10270 } 10271 }); 10272 }; 10273 10274 window.bundleapp.initializeForms(); 10275 10276 if (window.bundleapp.settings.triggerDomChangeOnUrlVariantChange) { 10277 let last; 10278 const check = () => { 10279 const v = new URLSearchParams(location.search).get('variant'); 10280 if (v !== last) { 10281 last = v; 10282 this.handleFormDomChanged(); 10283 } 10284 }; 10285 ['pushState', 'replaceState'].forEach(type => { 10286 const original = history[type]; 10287 history[type] = function () { 10288 original.apply(this, arguments); 10289 check(); 10290 }; 10291 }); 10292 addEventListener('popstate', check); 10293 check(); 10294 } 10295 })(); 10296 10297 (function () { 10298 function addStyle(styleString) { 10299 const style = document.createElement('style'); 10300 style.textContent = styleString; 10301 document.head.append(style); 10302 } 10303 const rootStyles = Object.values(STYLE_VAR_MAP).reduce( 10304 (accum, { cssVar, defaultVal = '' } = {}) => { 10305 return `${accum}${cssVar}: ${defaultVal};`; 10306 }, 10307 '', 10308 ); 10309 10310 addStyle(` 10311 /**** CUSTOM COLORS ****/ 10312 :root { 10313 ${rootStyles} 10314 } 10315 /**** END CUSTOM COLORS ****/ 10316 `); 10317 })(); 10318</script>
10318 10319 10320<style> 10321 10322 .bundleapp-wrapper { 10323 border: none; 10324 padding: 0; 10325 margin-bottom: 20px; 10326 width: 100%; 10327 } 10328 .bundleapp-wrapper legend { 10329 font-size: 90%; 10330 margin-bottom: 5px; 10331 } 10332 .bundleapp-wrapper .bundleapp-plan-selector-group { 10333 margin-bottom: 5px; 10334 } 10335 .bundleapp-wrapper .bundleapp-plan-selector-group > label { 10336 display: flex; 10337 align-items: center; 10338 font-size: 90%; 10339 } 10340 .bundleapp-wrapper .bundleapp-plan-selector-group label > input { 10341 min-height: 30px; 10342 margin-right: 10px; 10343 } 10344 .bundleapp-wrapper .bundleapp-plan-selector-group select { 10345 width: 100%; 10346 margin-bottom: 20px; 10347 } 10348 .bundleapp-wrapper .bundleapp-plan-selector-group-pricing { 10349 margin-left: auto; 10350 } 10351 .bundleapp-wrapper .bundleapp-plan-selector-plan { 10352 margin-left: 23px; 10353 } 10354 .bundleapp-wrapper .bundleapp-plan-selector-plan > label { 10355 font-size: 80%; 10356 display: block; 10357 text-align: left; 10358 } 10359 .bundleapp-wrapper .bundleapp-plan-selector-description span { 10360 border: solid 1px #dfe3e8; 10361 padding: 16px; 10362 height: auto; 10363 margin-top: 16px; 10364 border-radius: 0px; 10365 font-size: 90%; 10366 margin-left: 23px; 10367 display: block; 10368 } 10369 .bundleapp-price-adjustment { 10370 display: inline-block; 10371 margin-left: 10px; 10372 border: 1px solid; 10373 border-color: inherit; 10374 font-size: 80%; 10375 padding-left: 10px; 10376 padding-right: 10px; 10377 border-radius: 3px; 10378 } 10379 .bundleapp-legend { 10380 text-align: left; 10381 margin-bottom: 5px; 10382 } 10383 .awt-hidden-add-to-cart-button { 10384 display: none !important; 10385 } 10386 /**** PLAN SELECTOR BASICS ****/ 10387 .awt-style-1, .awt-style-2 { 10388 width: 100%; 10389 margin-top: 20px; 10390 margin-bottom: 20px; 10391 } 10392 .awt-style-1 .bundleapp-wrapper, .awt-style-2 .bundleapp-wrapper { 10393 margin-bottom: 0; 10394 } 10395 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-description span, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-description span { 10396 margin-left: 0; 10397 } 10398 /**** PLAN SELECTOR BASICS ****/ 10399 /**** CUSTOM DROP DOWN ****/ 10400 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select { 10401 padding: 14px 50px 14px 17px; 10402 margin-bottom: 8px; 10403 appearance: none; 10404 -webkit-appearance: none; 10405 background-repeat: no-repeat; 10406 background-position: center right; 10407 background-image: url("data:image/svg+xml,%3Csvg width='44' height='24' xmlns='http://www.w3.org/2000/svg' role='presentation' focusable='false' aria-hidden='true' class='icon-chevron '%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath transform='rotate(90 12.414 12.4145)' stroke='null' id='svg_1' d='m10.121,19.122l6,-6a1,1 0 0 0 0,-1.415l-6,-6a1,1 0 0 0 -1.414,0a1,1 0 0 0 0,1.415l5.293,5.292l-5.293,5.293a1,1 0 1 0 1.414,1.415z' fill-rule='evenodd' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E"); 10408 background-size: 35px; 10409 background-color: #fff; 10410 border: 1px solid var(--awt-border-color); 10411 outline: 0; 10412 height: auto; 10413 } 10414 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible { 10415 box-shadow: none; 10416 } 10417 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover { 10418 cursor: pointer; 10419 } 10420 /**** END CUSTOM DROP DOWN ****/ 10421 /**** CUSTOM RADIO BUTTON ****/ 10422 .awt-style-1 .bundleapp-wrapper input[type='radio'], .awt-style-2 .bundleapp-wrapper input[type='radio'] { 10423 /* Add if not using autoprefixer */ 10424 -webkit-appearance: none; 10425 /* Remove most all native input styles */ 10426 appearance: none; 10427 /* For iOS < 15 */ 10428 background-color: #fff; 10429 /* Not removed via appearance */ 10430 margin: 0 10px 0 0; 10431 color: currentColor;
10432 width: 20px; 10433 height: 20px; 10434 border: 1px solid currentColor; 10435 border-radius: 50%; 10436 /* transform: translateY(-0.075em); 10437 */ 10438 display: grid; 10439 place-content: center; 10440 min-height: 0 !important; 10441 min-width: 20px; 10442 outline: none; 10443 padding: 0; 10444 } 10445 .awt-style-1 .bundleapp-wrapper input[type='radio']:focus .awt-style-2 .bundleapp-wrapper input[type='radio']:focus { 10446 /* remove outline */ 10447 outline: none; 10448 } 10449 .awt-style-1 .bundleapp-wrapper input[type='radio']::before, .awt-style-2 .bundleapp-wrapper input[type='radio']::before { 10450 content: ''; 10451 width: 10px; 10452 height: 10px; 10453 border-radius: 50%; 10454 transform: scale(0); 10455 transition: 120ms transform ease-in-out; 10456 background-color: var(--awt-radio-button-background); 10457 transition: background-color 0.3s; 10458 } 10459 .awt-style-1 .bundleapp-wrapper input[type='radio']:checked::before, .awt-style-2 .bundleapp-wrapper input[type='radio']:checked::before { 10460 transform: scale(1); 10461 } 10462 /**** END CUSTOM RADIO BUTTON ****/ 10463 /**** CUSTOM FREQUENCY BUTTONS ****/ 10464 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio input, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio input { 10465 clip: rect(0, 0, 0, 0); 10466 overflow: hidden; 10467 position: absolute; 10468 height: 1px; 10469 width: 1px; 10470 } 10471 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label { 10472 display: inline-block; 10473 text-align: center; 10474 min-width: 36px; 10475 padding: 6px 10px; 10476 border: var(--awt-freq-button-border); 10477 color: var(--awt-freq-button-color); 10478 background-color: var(--awt-freq-button-background); 10479 cursor: pointer; 10480 border-radius: var(--awt-freq-button-border-radius); 10481 margin: 6px 8px 6px 0; 10482 transition: border 0.3s, color 0.3s, background-color 0.3s; 10483 } 10484 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover { 10485 color: var(--awt-freq-button-color-hover); 10486 background-color: var(--awt-freq-button-background-hover); 10487 border: var(--awt-freq-button-border-hover); 10488 } 10489 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected { 10490 background-color: var(--awt-freq-button-background-selected); 10491 color: var(--awt-freq-button-color-selected); 10492 border: var(--awt-freq-button-border-selected); 10493 transition: border 0.3s, color 0.3s, background-color 0.3s; 10494 } 10495 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover { 10496 background-color: var(--awt-freq-button-background-hover-selected); 10497 color: var(--awt-freq-button-color-hover-selected); 10498 border: var(--awt-freq-button-border-hover-selected); 10499 } 10500 /**** END CUSTOM FREQUENCY BUTTONS ****/ 10501 /**** CUSTOM LABEL ACCENT ****/ 10502 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent { 10503 background-color: var(--awt-accent-background); 10504 padding: 2px 8px; 10505 border-radius: 20px; 10506 font-size: 12px; 10507 display: inline-block; 10508 color: var(--awt-accent-color); 10509 } 10510 /**** END CUSTOM LABEL ACCENT ****/ 10511 /*****************************************/ 10512 /*****************************************/ 10513 /**************** STYLE 1 ****************/ 10514 /*****************************************/ 10515 /*****************************************/ 10516 /**** CUSTOM PLAN SELECTOR ****/ 10517 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label { 10518 font-weight: 400; 10519 margin-bottom: 0; 10520 } 10521 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover { 10522 cursor: pointer; 10523 } 10524 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group { 10525 margin-bottom: 10px; 10526 padding: 10px 15px; 10527 border-radius: var(--awt-border-radius); 10528 border: 1px solid var(--awt-border-color); 10529 transition: border 0.3s, color 0.3s, background-color 0.3s; 10530 } 10531 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-select { 10532 margin-bottom: 0; 10533 } 10534 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan { 10535 margin-top: 10px; 10536 } 10537 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label { 10538 margin-bottom: 8px; 10539 } 10540 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected { 10541 border-color: var(--awt-selected-plan-border-color); 10542 background-color: var(--awt-selected-plan-background); 10543 } 10544 .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--single-group { 10545 //border: none; 10546 background-color: initial; 10547 border-color: var(--awt-border-color); 10548 transition: border 0.3s, color 0.3s, background-color 0.3s; 10549 } 10550 /**** END CUSTOM PLAN SELECTOR ****/ 10551 /*****************************************/ 10552 /*****************************************/ 10553 /**************** STYLE 2 ****************/ 10554 /*****************************************/ 10555 /*****************************************/ 10556 /**** CUSTOM PLAN SELECTOR ****/ 10557 .awt-style-2 .bundleapp-wrapper { 10558 border: 1px solid var(--awt-border-color); 10559 } 10560 .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group:not(:last-child) { 10561 border-bottom: 1px solid var(--awt-border-color); 10562 } 10563 .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label { 10564 font-weight: 400; 10565 margin-bottom: 0; 10566 } 10567 .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover { 10568 cursor: pointer; 10569 } 10570 .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan { 10571 margin-top: 10px; 10572 } 10573 .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label { 10574 margin-bottom: 8px; 10575 } 10576 .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group { 10577 margin-bottom: 0; 10578 padding: 8px 20px; 10579 transition: border 0.3s, color 0.3s, background-color 0.3s; 10580 } 10581 .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected { 10582 border-color: var(--awt-selected-plan-border-color); 10583 background-color: var(--awt-selected-plan-background); 10584 border-bottom: 0; 10585 } 10586 /**** END CUSTOM PLAN SELECTOR ****/ 10587 /**** CUSTOMIZE CP ****/ 10588 .bundle-button.button--primary:enabled { 10589 background-color: var(--awt-primary-button-background); 10590 color: var(--awt-primary-button-color); 10591 border-style: solid; 10592 border: var(--awt-primary-button-border); 10593 border-radius: var(--awt-primary-button-border-radius); 10594 transition: color 0.3s, background-color 0.3s, border-color 0.3s, border-width 0.3s; 10595 } 10596 .bundle-button.button--primary:enabled:hover { 10597 background-color: var(--awt-primary-button-background-hover); 10598 color: var(--awt-primary-button-color-hover); 10599 border: var(--awt-primary-button-border-hover); 10600 } 10601 /**** END CUSTOMIZE CP ****/ 10602 /**** BaB UI ****/ 10603 .bundleapp-modal__logo { 10604 background-image: url(); 10605 background-position: center; 10606 } 10607 .awtomatic-progress-item { 10608 transition: border 0.3s, color 0.3s, background-color 0.3s; 10609 } 10610 .awtomatic-progress-item.awtomatic-progress-item--completed { 10611 background-color: var(--awt-progress-bar-background); 10612 } 10613 .awtomatic-progress-item.awtomatic-progress-item--completed .bundle-text--subheading { 10614 color: var(--awt-progress-bar-color); 10615 } 10616 .bundle-stepper-counter--complete { 10617 background-color: var(--awt-progress-bar-background); 10618 color: var(--awt-progress-bar-color); 10619 } 10620 .bundle-stepper-item:after { 10621 transition: border-color 0.3s; 10622 } 10623 .bundle-stepper-item--complete:after { 10624 border-bottom-color: var(--awt-progress-bar-background); 10625 } 10626 /**** End BaB UI ****/ 10627 10628 /**** Gift styling ****/ 10629 .awt-gift-info-title { 10630 font-weight: 400; 10631 font-size: 16px; 10632 text-align: start; 10633 } 10634 .awt-error-msg { 10635 color: #ff2a51; 10636 text-align: start; 10637 } 10638 .awt-input-error.awt-error { 10639 background-color: rgba(255,42,81,.1); 10640 border: 2px solid #ff2a51; 10641 } 10642 .awt-floating-label { 10643 display: block; 10644 position: relative; 10645 border-radius: 5px; 10646 width: 100%; 10647 } 10648 .awt-floating-label:last-child { 10649 margin-bottom: 0; 10650 } 10651 .awt-floating-label input, .awt-floating-label textarea { 10652 font-family: inherit; 10653 width: 100%; 10654 height: 40px; 10655 border: none; 10656 outline: none; 10657 background-color: #f8f8f8; 10658 border-radius: 8px; 10659 padding: 0 12px; 10660 font-size: 16px; 10661 margin: 0px; 10662 font-family: inherit; 10663 } 10664 .awt-floating-label textarea { 10665 height: 120px; 10666 padding: 12px; 10667 } 10668 .awt-floating-label input::placeholder, .awt-floating-label textarea::placeholder { 10669 opacity: 0; 10670 } 10671 .awt-floating-label span { 10672 position: absolute; 10673 top: 20px; 10674 left: 8px; 10675 transform: translateY(-50%); 10676 font-size: 16px; 10677 padding: 0 4px; 10678 transition-duration: 300ms; 10679 border-radius: 5px; 10680 } 10681 label.awt-floating-label:focus-within > span, .awt-floating-label input:not(:placeholder-shown) + span, .awt-floating-label textarea:not(:placeholder-shown) + span { 10682 transform: translateY(-150%); 10683 font-size: 11px; 10684 background-color: rgba(255, 255, 255); 10685 } 10686 .awt-floating-label-warning { 10687 font-size: 14px; 10688 padding: 0 2px; 10689 text-align: start; 10690 } 10691 /*! form field group in 2 columns */ 10692 .awt-form-group { 10693 display: flex; 10694 justify-content: space-between; 10695 } 10696 .awt-form-group > * { 10697 width: calc(50% - 4px); 10698 padding-bottom: 16px; 10699 } 10700 .awt-gift-input-container { 10701 padding-bottom:16px 10702 } 10703 /*! custom checkbox */ 10704 .awt-checkbox { 10705 display: flex; 10706 align-items: center; 10707 margin: 16px 0; 10708 } 10709 .awt-checkbox input[type="checkbox"] { 10710 /* Add if not using autoprefixer */ 10711 -webkit-appearance: none; 10712 /* Remove most all native input styles */ 10713 appearance: none; 10714 /* For iOS < 15 */ 10715 background-color: #fff; 10716 width: 18px; 10717 height: 18px; 10718 margin-right: 4px; 10719 position: relative; 10720 border-radius: 2px; 10721 box-shadow: 0 0 0 1px inset #000; 10722 } 10723 .awt-checkbox input[type="checkbox"]:checked { 10724 /* For iOS < 15 */ 10725 background-color: #000000; 10726 } 10727 .awt-checkbox input[type="checkbox"]:checked::before { 10728 content: ""; 10729 position: absolute; 10730 left: 4px; 10731 top: 8px; 10732 background: white; 10733 width: 2px; 10734 height: 2px; 10735 box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; 10736 transform: rotate(45deg); 10737 } 10738 .awt-checkbox input[type="checkbox"]:disabled { 10739 background-color: #f8f8f8;
10740 cursor: not-allowed; 10741 } 10742 /**** End Gift styling ****/ 10743 10744 /*** PREVIEW CONTROL ***/ 10745 #awt-preview-mode-control { 10746 position: fixed; 10747 bottom: 15px; 10748 left: 50%; 10749 transform: translateX(-50%); 10750 height: 75px; 10751 z-index: 2147483647; 10752 background-color: #fff; 10753 color: #222; 10754 padding: 17px; 10755 display: flex; 10756 justify-content: space-between; 10757 align-content: center; 10758 box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); 10759 border-radius: 8px; 10760 box-sizing: border-box; 10761 } 10762 #awt-preview-mode-control.hidden { 10763 display: none; 10764 } 10765 #awt-preview-mode-control div.awt-logo { 10766 display: flex; 10767 height: 100%; 10768 align-items: center; 10769 flex-wrap: nowrap; 10770 } 10771 #awt-preview-mode-control div.awt-logo span { 10772 margin-top: 3px; 10773 font-size: 16px; 10774 font-family: sans-serif; 10775 color: #3700ff; 10776 } 10777 #awt-preview-mode-control div.awt-logo .awt-logo--image { 10778 display: block; 10779 background-image: url('https://bundle-public-assets.s3.amazonaws.com/customerPortal/awtomatic-no-dot.svg'); 10780 background-repeat: no-repeat; 10781 background-size: contain; 10782 background-position: center; 10783 width: 95px; 10784 height: 100%; 10785 margin-right: 6px; 10786 } 10787 #awt-preview-mode-control div.awt-logo .awt-logo--info-icon { 10788 display: block; 10789 background-image: url('https://bundle-public-assets.s3.amazonaws.com/customerPortal/info-icon.svg'); 10790 background-repeat: no-repeat; 10791 background-size: contain; 10792 background-position: center; 10793 width: 15px; 10794 height: 15px; 10795 margin: 5px 25px 0 9px; 10796 } 10797 #awt-preview-mode-control button { 10798 display: inline-block; 10799 border: 1px solid #eee; 10800 background-color: #fff; 10801 border-radius: 4px; 10802 padding: 5px 15px; 10803 margin: 0; 10804 text-decoration: none; 10805 color: #000; 10806 font-family: sans-serif; 10807 font-size: 15px; 10808 cursor: pointer; 10809 text-align: center; 10810 transition: background 250ms ease-in-out, transform 150ms ease; 10811 -webkit-appearance: none; 10812 -moz-appearance: none; 10813 font-weight: bold; 10814 height: 100%; 10815 outline: none; 10816 box-shadow: none; 10817 } 10818 #awt-preview-mode-control button:hover, #awt-preview-mode-control button:focus { 10819 background-color: #fbfbfb; 10820 } 10821 #awt-preview-mode-control button:focus { 10822 outline: none; 10823 } 10824 #awt-preview-mode-control button:active { 10825 transform: scale(0.99); 10826 } 10827 button#awt-preview-mode-control__hide { 10828 background-color: #fff; 10829 color: #000; 10830 } 10831 #awt-preview-mode-control button#awt-preview-mode-control__hide:hover, #awt-preview-mode-control button#awt-preview-mode-control__hide:focus { 10832 background: #eee; 10833 } 10834 @media only screen and (max-width: 480px) { 10835 #awt-preview-mode-control button#awt-preview-mode-control__hide { 10836 display: none; 10837 } 10838 } 10839 /*** END PREVIEW CONTROL ***/ 10840 10841</style> 10842 10843 10844 10845 <link href="//oat.haus/cdn/shop/t/98/assets/awtomic-theme-custom.css?v=83392081128845575771762726277" rel="stylesheet" type="text/css" media="all" />
10846<script src="//oat.haus/cdn/shop/t/98/assets/awtomic-theme-custom.js?v=104704643877496385991762726277" async></script>
10846 10847 10848<style> 10849 /** custom colors */ 10850 :root { 10851 --logo-image-url: url(); 10852 --primary-btn-bg-color: #000; 10853 --primary-btn-color: #fff; 10854 --primary-btn-border: 1px solid #000; 10855 --primary-btn-bg-color-hover: #222; 10856 --primary-btn-color-hover: #fff; 10857 --primary-btn-border-hover: 1px solid #222; 10858 --primary-btn-disabled-color: #828282; 10859 --primary-btn-disabled-bg-color: #e9e9e9; 10860 --primary-btn-disabled-border: 1px solid #e9e9e9; 10861 --primary-btn-disabled-bg-color-hover: #e9e9e9; 10862 --primary-btn-disabled-color-hover: #828282; 10863 --primary-btn-disabled-border-hover: 1px solid #e9e9e9; 10864 --btn-border-radius: 0; 10865 --unselected-btn-border: 1px solid var(--primary-btn-disabled-color); 10866 --unselected-btn-color: var(--primary-btn-disabled-color); 10867 --unselected-btn-bg-color: transparent; 10868 --progress-bar-bg-color: #eeeeee; 10869 --progress-bar-completed-bg-color: #000; 10870 --progress-bar-color: #000; 10871 --progress-bar-completed-color: #fff; 10872 } 10873 /** end custom colors */ 10874</style> 10875 10876 10877 10878 10879 10880
10880<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10880 10881</body> 10882</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.