{%- comment -%} chrome styles load EAGERLY: the pill/ticker must be right on first paint (a late media-flip restyles the chrome and causes a transparent -> violet transition flash on every load) {%- endcomment -%} {{ 'bs-chrome.css' | asset_url | stylesheet_tag }} {%- comment -%} locale-aware root for store-internal links ('' on the default locale, '/en-jp' etc. on markets) {%- endcomment -%} {%- assign sroot = routes.root_url -%} {%- if sroot == '/' -%}{%- assign sroot = '' -%}{%- endif -%} {%- comment -%} Which nav link lights up. This theme only serves the store, so every non-blog page belongs to Shop; blog index and articles light Blog. Was hardcoded to Shop, which left it underlined on the blog. {%- endcomment -%} {%- assign is_blog = false -%} {%- if request.path contains '/blogs' -%}{%- assign is_blog = true -%}{%- endif -%} {%- comment -%} ===== TICKER — ship-schedule marquee (metaobject-driven, same data as before; restyled as a black mono strip by bs-chrome.css) ===== {%- endcomment -%} {%- assign speed = shop.metaobjects.header.live.marquee_seconds_usa_desktop | append: "" -%} {%- assign mspeed = shop.metaobjects.header.live.marquee_seconds_usa_mobile | append: "" -%} {%- if cart.currency.iso_code != 'USD' or localization.market.handle == '2026intl' -%} {%- assign speed = shop.metaobjects.header.live.marquee_seconds_outside_desktop | append: "" -%} {%- assign mspeed = shop.metaobjects.header.live.marquee_seconds_outside_mobile | append: "" -%} {%- endif -%}
{%- if localization.market.handle == '2026intl' -%} {% for num in (1..2) %}
{% for mqItem in shop.metaobjects.header.live.marquee_strings_2026_intl.value %} {{ mqItem.content.value }}• {% endfor %}
{% endfor %} {%- elsif cart.currency.iso_code == 'USD' -%} {% for num in (1..2) %}
{% for mqItem in shop.metaobjects.header.live.marquee_strings_usa_only.value %} {{ mqItem.content.value }}• {% endfor %}
{% endfor %} {%- else -%} {% for num in (1..2) %}
{% for mqItem in shop.metaobjects.header.live.marquee_strings_outside_usa.value %} {{ mqItem.content.value }}• {% endfor %}
{% endfor %} {%- endif -%}
{%- comment -%} ETA line inside the marquee strings targets #coded_eta {%- endcomment -%} {%- comment -%} ===== FLOATING PILL NAV — mirrors the marketing site's nav (src/site/partials/nav.html); marketing links absolute, store links locale-aware ===== {%- endcomment -%}
{%- comment -%} The cart IS the chrome's action, at every breakpoint. Nav twin: the marketing site keeps an "Order now" button here because it has no cart to send you to; on the store that button was sending a shopper who is already shopping back to the product page, past the cart they were building. The old Builder storefront had it right — one "Cart (n)" pill, always in the same place. Markup shared with sections/cart-icon-bubble.liquid; see the snippet. {%- endcomment -%} {%- render 'bs-cart-button' -%}
{% schema %} { "name": "Header", "settings": [] } {% endschema %}