[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_15":76,"_11":12,"_16":17,"_18":19,"_122":123,"_124":125,"_37":21,"_25":26,"_22":126,"_127":128,"_27":129,"_130":105,"_131":30,"_132":74,"_133":-5,"_134":-5},"revision",{"_15":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":78,"_86":-5,"_31":87,"_88":89,"_90":89,"_91":92,"_93":94,"_95":96,"_97":98,"_99":100,"_101":102},"slug","navbar-streetwear","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":21,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38},"id","name","Nine Volt Compact Product Navigation","description","Compact sticky white navigation with a centered editorial wordmark, two direct collection links, mobile menu, search, and a functional cart trigger.","category","navigation","industries",[69],"useCase","mood","editorial","tags",[69,70,21,71,72,73],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/7a53da7ae0b9bdd13966476a39cd84d8b4c22bfaa1b7d07ecaeff78b0fcbf9ae.webp","islands_used",[68],"props_used",{},"theme",{"_45":46,"_47":48},"section",{"_15":12,"_39":40,"_41":42,"_43":44},"html","

\n \n \n

","css","#sw-nav{position:sticky;top:0;z-index:60;width:100%;height:68px;background:rgba(255,255,255,.94);color:var(--lx-text,#171717);font-family:var(--lx-font-body,'Inter',sans-serif);border-bottom:1px solid rgba(23,23,23,.06);backdrop-filter:blur(14px)}\n#sw-nav .sw-nav-bar{height:68px;padding:0 26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:2;background:inherit}\n#sw-nav .sw-nav-left,#sw-nav .sw-nav-tools{display:flex;align-items:center;gap:30px}\n#sw-nav .sw-nav-tools{justify-self:end}\n#sw-nav a,#sw-nav button{color:inherit;font:500 12px/1 var(--lx-font-body,'Inter',sans-serif);letter-spacing:0;text-decoration:none}\n#sw-nav button{border:0;background:transparent;cursor:pointer;padding:0}\n#sw-nav .sw-wordmark{font-family:var(--lx-font-display,'DM Serif Display',serif);font-size:27px;font-weight:400;line-height:1;justify-self:center}\n#sw-nav .sw-nav-tools button{min-height:42px;display:inline-flex;align-items:center;gap:8px}\n#sw-nav .sw-nav-tools span{width:22px;height:22px;border-radius:50%;background:var(--lx-text,#171717);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:9px}\n#sw-nav .sw-menu-button{display:none}\n#sw-nav .sw-menu-panel{position:absolute;top:68px;left:0;right:0;padding:22px 26px 28px;background:#fff;border-bottom:1px solid var(--lx-border,#D3D5D1);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}\n#sw-nav .sw-menu-panel.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}\n#sw-nav .sw-menu-panel a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--lx-border,#D3D5D1);font-size:13px}\n#sw-nav .sw-preview-cart{position:fixed;inset:0;z-index:90;pointer-events:none;visibility:hidden;overflow:hidden}\n#sw-nav .sw-preview-cart.is-open{pointer-events:auto;visibility:visible}\n#sw-nav .sw-preview-overlay{position:absolute;inset:0;width:100%;height:100%;background:rgba(23,23,23,.24);opacity:0;transition:opacity .2s ease}\n#sw-nav .sw-preview-cart.is-open .sw-preview-overlay{opacity:1}\n#sw-nav .sw-preview-drawer{position:absolute;top:0;right:0;width:min(420px,100%);height:100%;padding:24px;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;box-shadow:-12px 0 40px rgba(23,23,23,.14)}\n#sw-nav .sw-preview-cart.is-open .sw-preview-drawer{transform:none}\n#sw-nav .sw-preview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--lx-border,#D3D5D1)}\n#sw-nav .sw-preview-head strong{font-family:var(--lx-font-display,'DM Serif Display',serif);font-size:25px;font-weight:400}\n#sw-nav .sw-preview-head button{width:38px;height:38px;border:1px solid var(--lx-border,#D3D5D1);border-radius:50%}\n#sw-nav .sw-preview-empty{padding:52px 0;color:var(--lx-muted,#6D716B);font-size:13px}\n#sw-nav .sw-preview-item{padding:22px 0;display:grid;grid-template-columns:76px 1fr;gap:14px;border-bottom:1px solid var(--lx-border,#D3D5D1)}\n#sw-nav .sw-preview-item[hidden]{display:none}\n#sw-nav .sw-preview-thumb{width:76px;height:96px;border-radius:6px;background:linear-gradient(145deg,#202220,#080908)}\n#sw-nav .sw-preview-item>div:last-child{display:flex;flex-direction:column;gap:7px}\n#sw-nav .sw-preview-item strong{font-size:13px}\n#sw-nav .sw-preview-item span{color:var(--lx-muted,#6D716B);font-size:11px}\n#sw-nav .sw-preview-foot{margin-top:auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--lx-border,#D3D5D1);font-size:12px}\n#sw-nav .sw-preview-drawer>a{min-height:50px;border-radius:999px;background:var(--lx-text,#171717);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.08em}\n@media(max-width:760px){\n #sw-nav{height:58px}\n #sw-nav .sw-nav-bar{height:58px;padding:0 14px;grid-template-columns:1fr auto 1fr}\n #sw-nav .sw-nav-left,#sw-nav .sw-nav-tools>a{display:none}\n #sw-nav .sw-menu-button{display:block;justify-self:start;min-height:44px}\n #sw-nav .sw-wordmark{font-size:22px}\n #sw-nav .sw-nav-tools{gap:0}\n #sw-nav .sw-nav-tools button{font-size:0}\n #sw-nav .sw-nav-tools button:before{content:'BAG';font-size:10px}\n #sw-nav .sw-menu-panel{top:58px;padding:14px;grid-template-columns:1fr}\n #sw-nav .sw-preview-drawer{padding:18px}\n}\n@media(prefers-reduced-motion:reduce){#sw-nav .sw-menu-panel,#sw-nav .sw-preview-overlay,#sw-nav .sw-preview-drawer{transition:none}}","js","(function swNavBoot(attempt){\n var root=document.getElementById('sw-nav');\n if(!root){if(attempt<120)window.setTimeout(function(){swNavBoot(attempt+1);},50);return;}\n if(root.dataset.wired)return;\n root.dataset.wired='1';\n var trigger=root.querySelector('[data-sw-menu]');\n var panel=root.querySelector('[data-sw-menu-panel]');\n function setMenu(open){\n panel.classList.toggle('is-open',open);\n panel.setAttribute('aria-hidden',open?'false':'true');\n trigger.setAttribute('aria-expanded',open?'true':'false');\n }\n var preview=document.location.pathname.indexOf('/templates/')===0;\n var previewCart=root.querySelector('[data-sw-preview-cart]');\n var previewEmpty=root.querySelector('[data-sw-preview-empty]');\n var previewItem=root.querySelector('[data-sw-preview-item]');\n var previewSubtotal=root.querySelector('[data-sw-preview-subtotal]');\n var bagCount=root.querySelector('[data-sw-cart] span');\n function setPreviewCart(open){\n previewCart.classList.toggle('is-open',open);\n previewCart.setAttribute('aria-hidden',open?'false':'true');\n }\n function setPreviewCount(count){\n bagCount.textContent=String(count);\n previewEmpty.hidden=count>0;\n previewItem.hidden=count===0;\n previewSubtotal.textContent=count>0?'$168.00':'$0.00';\n }\n trigger.addEventListener('click',function(){setMenu(trigger.getAttribute('aria-expanded')!=='true');});\n panel.querySelectorAll('a').forEach(function(link){link.addEventListener('click',function(){setMenu(false);});});\n root.querySelector('[data-sw-cart]').addEventListener('click',function(){\n if(preview){setPreviewCart(true);}else{window.dispatchEvent(new CustomEvent('cart:open'));}\n });\n root.querySelectorAll('[data-sw-preview-close]').forEach(function(button){\n button.addEventListener('click',function(){setPreviewCart(false);});\n });\n window.addEventListener('sw:preview-add',function(){if(preview){setPreviewCount(1);setPreviewCart(true);}});\n window.addEventListener('keydown',function(event){if(event.key==='Escape'){setMenu(false);setPreviewCart(false);}});\n})(0);","palette",{"_53":54,"_55":56,"_57":56,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67},"fonts",{"_49":50,"_51":52},"display","DM Serif Display","body","Inter","bg","#ECEDEB","accent","#171717","text","surface","#FFFFFF","border","#D3D5D1","highlight","#DCE7A6","secondary","#B7CCE2","muted","#6D716B","CartDrawer","fashion","streetwear","compact","sticky","cart","d74bed34-34e7-4a19-af8c-c14aeb4ecc31","template_id","d0610827-a8ce-4cda-952a-8bdfbb3e21df","version",1,"artifact_key","template-catalog/templates/d0610827-a8ce-4cda-952a-8bdfbb3e21df/revisions/1/template.json","manifest_key","template-catalog/templates/d0610827-a8ce-4cda-952a-8bdfbb3e21df/revisions/1/manifest.json","artifact_sha256","9661c87de5ea736ac9f081e2e49f4b17203a88ee56e9d0dea9f7682d0e3606f3","schema_version","renderer_version",[68],"themable",true,"has_js","size_kb",9.48,"validation_status","valid","validation_report",{"_94":89,"_4":118,"_119":120,"_31":121},"media_manifest",[103],"created_at","2026-08-23T07:36:43.119004+00:00","published_at","2026-08-23T07:36:44.019667+00:00",{"_104":105,"_106":30,"_107":108,"_109":110,"_111":-5,"_112":113,"_114":115,"_116":117},"key","template-catalog/media/7a53da7ae0b9bdd13966476a39cd84d8b4c22bfaa1b7d07ecaeff78b0fcbf9ae.webp","url","sha256","7a53da7ae0b9bdd13966476a39cd84d8b4c22bfaa1b7d07ecaeff78b0fcbf9ae","source","/templates/thumbs/navbar-streetwear.webp","alt_text","provenance","repository migration","size_bytes",3642,"content_type","image/webp",[],"warnings",[],[68],"visibility","global","status","published",[69],"page_types",[135],[69,70,21,71,72,73],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","pdp"]