{%- if is_beyond -%}
{%- comment -%} The pre-JS first frame. Must depict the cushion
group's checked default (mountGroups() repaints from the real inputs
on load, so a mismatch here is a flash, not a wrong page) — the
Universal-Fit Cushion since Sept 2026, when the default flipped to
make the opening configuration the "Starting from" build.
{%- endcomment -%}
{%- else -%}
{%- endif -%}
{%- comment -%} Add-on preview (landing's .bsx-addon-preview). Lives
INSIDE the product box, not the plate corner, so it reads as attached to
the headset: "this product + this extra". The plus leads for that reason —
it sits between the render and the add-on. Shown only when the render
can't depict a selection (e.g. Halo's lightseal is pictured while a
Custom-Fit Cushion is also in the basket). Driven by syncAddonPreview().
A stack, not a single chip: a cushion the render can't show and the Rx
inserts can both be pending at once. It hangs off the product box (not
the plate corner) and grows DOWNWARD from just under the hardware, so
the first chip always sits against the headset it belongs to and any
second one runs out into the plate's empty floor. {%- endcomment -%}
{%- comment -%} Rating — our markup, not Yotpo's star widget. The numbers
come from metafields Yotpo already writes (the standard reviews.* pair,
falling back to its own yotpo.* namespace), which means the row is ours to
style: brand violet instead of the app's orange, mono numerals, and the
whole thing is one link down to the reviews band. The template's
"TEMPORARY STARS SECTION" is the app's own block and stays disabled.
It sits on the STAGE rather than in the config rail: the rail was already
running title, price, footnote and description before the first control,
and the stage is sticky, so social proof stays on screen for the whole
configurator flow instead of scrolling away after the first fold. Top-left
mirrors the model caption in the opposite corner. {%- endcomment -%}
{%- assign rating_count = product.metafields.reviews.rating_count | default: product.metafields.yotpo.reviews_count -%}
{%- assign rating_value = product.metafields.reviews.rating.value.rating | default: product.metafields.yotpo.reviews_average -%}
{%- if rating_value != blank and rating_count != blank and rating_count > 0 -%}
{%- assign rating_shown = rating_value | round: 1 -%}
{%- comment -%} the fill is the true average out of 5 (x20 = percent), so
the partial star tracks the score rather than snapping to a half {%- endcomment -%}
{%- assign rating_pct = rating_value | times: 20.0 -%}
{%- comment -%} The singular/plural fork moved into the locale files
(one/other): accessories ship with a single review often enough that
"1 reviews" would be read out loud, and a language whose plural rules
differ from English now applies its own instead of inheriting ours.
{%- endcomment -%}
{%- endif -%}
{%- comment -%} The caption is Beyond's alone: there it reads out the
SELECTED model (Beyond 2 / 2e / 2e VRChat Edition) as the render swaps, so
it's a readout, not a label. On every other product nothing swaps — it just
restated the h1 two feet away, so it isn't rendered there. {%- endcomment -%}
{%- if is_beyond -%}
{{ product.title }}
{%- endif -%}
{%- comment -%} Mobile only, and only once the plate has folded (the CSS
fades it in on --bsp-p). The model caption above is hidden there: it
restated the option card a few pixels below it. This names the STRIP
instead — by the time the plate is a 132px band it has stopped being a hero
shot and become a running summary of what has been chosen, and the small
render wants saying so. {%- endcomment -%}
{%- comment -%} Gallery controls sit on the plate, not inside the product
box, so they hug the plate edges the way the caption hugs its corner. The
counter takes the floor's centre — on a gallery product it replaces the
scroll hint rather than stacking on top of it. {%- endcomment -%}
{%- if has_gallery -%}
{%- else -%}
01 / {{ product.images.size | prepend: '0' | slice: -2, 2 }}
{%- else -%} {%- comment -%} mono label, so it is uppercased by CSS rather than by the copy — a translated value does not have to be shouted in its own script {%- endcomment -%} {%- endif -%}
{%- comment -%} The violet rule split ("Bigscreen Beyond ——— 2") is
Beyond 2's alone — every other product (accessories, t-shirts) keeps the
plain title, so the motif stays a flagship signal rather than page
furniture. The "/ CONFIGURATOR" mono kicker that used to sit above it is
still parked; .bsp-kicker remains in bs-product.css. {%- endcomment -%}
{%- if product.handle == 'bigscreen-beyond-2' -%}
{%- assign title_words = product.title | split: ' ' -%}
{%- assign title_last = title_words | last -%}
{%- assign title_head = product.title | remove_last: title_last | strip -%}
{%- comment -%} The numeral carries a hidden "e" that appears when an
eyetracking model is chosen, and the rule swaps to the landing's b2e
gradient. The "e" is absolutely positioned so it reserves no space —
the "2" must not shift when it arrives. {%- endcomment -%}
{%- comment -%} The violet rule sits between the two halves as an empty
span, so the words ran together for anything reading the text rather
than the layout: the accessible name was "Bigscreen Beyond2" and so was
the copy anyone selected off the page. The rule's span carries the space
as its content — a real character in the flow, hidden from the reader
along with the rest of the decoration, and absorbed by the rule's own
fixed width so nothing shifts. {%- endcomment -%}
{%- endif -%}
{%- endfor -%}
{%- comment -%} ---- addon groups: one per model variant ---- {%- endcomment -%}
{%- for variant in product.variants -%}
{%- comment -%} The groups render exactly as the admin metaobjects
ship them (since Aug 2026 the data carries the landing flow
directly: cushions = Custom-Fit / Universal-Fit, straps = Soft /
Audio / Halo Mount). The only reshaping left is LAYOUT: a strap
group holding a Halo option renders as the landing's tree —
straps in a 2-col row, a bracket, then the halo card full-width
(see the else-branch below). {%- endcomment -%}
{%- comment -%} ---- footnote markers run ONCE down the whole rail ----
They used to restart at 1 inside every group, which put three
different "1"s, two "2"s and two "3"s on one page — and then the Rx
card hardcoded "4,5" as though the run had been continuous all
along. A reader who saw ² twice had two footnote 2s and no way to
tell which note it pointed at.
So the counter is hoisted out of the group loop and never resets.
Notes still print at the foot of their own group; they just carry a
number that is unique on the page.
{%- endcomment -%}
{%- assign card_n = 0 -%}
{%- for group in variant.metafields.store.addon_groups.value -%}
{%- assign gkey = group.addon_type.value.prop_key | strip -%}
{%- assign gstyle = group.addon_type.value.ui_style | strip -%}
{%- comment -%} Link Card groups (the LensAdvizor hand-off) render
once, outside #bsp-groups — see the Rx block after this loop. A
purchasable card here would add lenses with no prescription.
{%- endcomment -%}
{%- if gstyle == 'Link Card' -%}{%- continue -%}{%- endif -%}
{%- assign is_cushion_group = false -%}
{%- if gkey contains 'cushion' -%}{%- assign is_cushion_group = true -%}{%- endif -%}
{%- assign is_strap_group = false -%}
{%- if gkey contains 'strap' -%}{%- assign is_strap_group = true -%}{%- endif -%}
{%- comment -%} ---- sticky summary footer ---- {%- endcomment -%}
{{ title_head }} {{ title_last }}
{%- else -%}{{ product.title }}
{%- endif -%} {%- comment -%} "Starting from" is only true where the price actually moves: Beyond 2 (models + add-ons) and any product whose variants are priced differently. A single-price accessory states its price flat — the prefix there read as a hedge on a number that never changes. store.price_prefix still overrides per product. {%- endcomment -%} {%- comment -%} The qualifier is a before/after PAIR, not a word glued in front of a number: English leads with it ("Starting from ¥169,800"), Japanese trails it ("¥169,800〜"). One concatenated prefix can only be right in one of those, so each locale fills whichever half it uses and leaves the other blank. Same shape as the cart's tax_usa / tax_usa_end. store.price_prefix still overrides the leading half per product. {%- endcomment -%} {%- assign price_prefix = product.metafields.store.price_prefix.value -%} {%- assign price_suffix = '' -%} {%- if price_prefix == blank -%} {%- if is_beyond or product.price_varies -%} {%- assign price_prefix = 'bigscreen.product.price_from_before' | t -%} {%- assign price_suffix = 'bigscreen.product.price_from_after' | t -%} {%- endif -%} {%- endif -%} {%- comment -%} start_price, not product.price — the cheapest build the configurator can actually produce (computed at the top of this file). On a product with no add-on groups the two are identical. {%- endcomment -%}{% if price_prefix != blank %}{{ price_prefix }} {% endif %}{{ start_price | money_with_currency }}{{ price_suffix }}
{%- comment -%} price_footnote is a per-currency JSON map — show only the active currency's line, falling back to OTHER {%- endcomment -%} {%- assign footnotes = product.metafields.store.price_footnote.value -%} {%- comment -%} An explicit "" entry means "this market shows no footnote" (USD: US prices carry no VAT and sales tax is added at checkout, so every wording would be wrong). `default:` treats "" as absent and fell through to OTHER's VAT line — so walk the map and only fall back when the currency has no entry at all. {%- endcomment -%} {%- assign footnote_text = footnotes['OTHER'] -%} {%- for fn in footnotes -%} {%- if fn[0] == cart.currency.iso_code -%}{%- assign footnote_text = fn[1] -%}{%- endif -%} {%- endfor -%} {%- if footnote_text != blank -%}{{ footnote_text }}
{%- endif -%}{{ product.description | strip_html | truncate: 460 }}
{%- comment -%} ---- model picker: hidden entirely when there is only one variant (the checked input must still exist for the JS) ---- {%- endcomment -%} {%- comment -%} Header: only Beyond's variants are headset models. Every other product's picker is whatever its first option happens to be (Size on apparel), so name that option instead of claiming a model choice. store.selector_header still overrides per product. {%- endcomment -%} {%- comment -%} Built by interpolation, never by append: "Pick your " and the option name are one sentence, and Japanese reverses their order ("サイズを選択"). Gluing a translated option onto a translated fragment produces word salad in every language that isn't English, so the whole sentence is one key with the option as a placeholder. {%- endcomment -%} {%- assign selector_header = product.metafields.store.selector_header -%} {%- if selector_header == blank -%} {%- if is_beyond -%} {%- assign selector_header = 'bigscreen.product.pick_model' | t -%} {%- else -%} {%- assign opt_name = product.options_with_values.first.name | downcase -%} {%- assign selector_header = 'bigscreen.product.pick_option' | t: option: opt_name -%} {%- endif -%} {%- endif -%} {%- comment -%} Sold-out variants stay on the page. A size that exists but is gone is information — dropping it from the list reads as "we never made that size", and the visitor goes looking for it elsewhere. So they render greyed, locked, and named, the way the old store theme greyed its size pills. The initial selection has to skip them, or the page opens priced on something the cart will refuse. NOT selected_or_first_available_variant: it hands ?variant= the selection whether or not that variant is in stock, so every old link to a size that has since sold out would open on a dead configuration. The URL only wins while it points at something buyable; otherwise the first available variant does, and the first variant of all when the whole product is out — so there is always exactly one checked input for the JS to read. {%- endcomment -%} {%- assign default_variant = product.selected_variant -%} {%- if default_variant == nil or default_variant.available == false -%} {%- assign default_variant = product.first_available_variant | default: product.variants.first -%} {%- endif -%} {%- assign sold_out_label = shop.metaobjects.product_misc.live.sold_out | default: 'Sold out' -%}{{ selector_header }}
{{ product.metafields.store.selector_description }}
{%- for variant in product.variants -%} {%- comment -%} store.selector_class is the admin's styling hook for a variant's card — the Builder page stamped it as data-handle and keyed the VRChat Edition band off it, so the value in the data is already "bs2e-vrc". Stamped as data-style here; bs-product.css owns what each value looks like. Title matching was a stopgap and broke the moment the admin was the one deciding which card is special. {%- endcomment -%}
legacy ship_msg fallback);
data-eta-parts carries the part handles for the _eta_parts prop
{%- endcomment -%}
{%- capture _eta_msg -%}{% render 'bs-eta-msg', variant: variant %}{%- endcapture -%}
data-ship-msg="{{ _eta_msg | strip | escape }}"
data-eta-parts="{% for _pp in variant.metafields.store.eta_text.value %}{{ _pp.system.handle }}{% unless forloop.last %},{% endunless %}{% endfor %}"
{%- comment -%} guard the nil: image_url on a variant with no
image raises "invalid url", and the error STRING then lands in
data-image, which comboUrl() feeds straight to the stage ![]()
for non-Beyond products — producing a 404 for a URL made of the
error text. Falls back to the product photo. {%- endcomment -%}
data-image="{% if variant.image %}{{ variant.image | image_url: width: 1400 }}{% elsif product.featured_image %}{{ product.featured_image | image_url: width: 1400 }}{% endif %}"
{% if variant.id == default_variant.id %}checked{% endif %}
{%- unless variant.available %} disabled data-soldout="1"{% endunless %}>
{%- comment -%} Same card anatomy as the add-on options: check
indicator, thumb, then title with the subtitle stacked underneath.
It used to be a compact inline row, which made the model picker
read as a different kind of control from everything below it.
{%- endcomment -%}
{%- endfor -%}
{%- comment -%} ---- per-model info plate (store.info_box) ----
A variant carrying store.info_box gets a tonal plate under the picker
while that model is selected — today that is the VRChat Edition's
"check out the details" box, same data the Builder page read (so the
admin copy and its JP translations keep working). store.info_link is
a root-relative URL, made locale-aware with sroot the way Builder
prefixed Shopify.routes.root; the link label is the localized
product_misc.info_box string. All variants' plates render and JS in
mountGroups() shows the selected model's one, mirroring how the
add-on groups swap.
The "Already own a Beyond 1?" upgrade-kit note that used to sit here
was dropped (it interrupted the flow with an offer to leave it), but
its .bsp-note plate recipe is what these boxes wear;
store.info_note itself is still not read by this section.
{%- endcomment -%}
{%- assign info_link_label = shop.metaobjects.product_misc.live.info_box | default: 'Learn more' -%}
{%- for variant in product.variants -%}
{%- if variant.metafields.store.info_box.value != blank -%}
{%- comment -%} the plate carries the variant's selector_class
too, so an edition's box can be skinned from the same data hook
as its picker card {%- endcomment -%}
{{ variant.metafields.store.info_box.value }}
{%- if variant.metafields.store.info_link.value != blank -%} {{ info_link_label }} {%- endif -%}
{%- comment -%} the id is what the swatch row's aria-labelledby
points at, so it is only stamped on the one group that renders as
swatches (a second Color Swatch group per model would need the
key in the id) {%- endcomment -%}
{%- endfor -%}
{%- comment -%} Where the page's footnote run stands once the option
groups are done, so the Rx card below can continue it instead of
hardcoding "4,5". Taken from the FIRST model because the Rx card is
rendered once, outside the per-model templates (LensAdvizor owns that
line item and it must stay out of #bsp-groups) — so it cannot carry a
different number per model. Every model ships the same group set
today, which is what makes that safe; if one ever doesn't, the Rx
markers follow the base model. {%- endcomment -%}
{%- if forloop.first -%}{%- assign rx_mark_from = card_n -%}{%- endif -%}
{%- endfor -%}
{%- assign rx_mark_a = rx_mark_from | plus: 1 -%}
{%- assign rx_mark_b = rx_mark_from | plus: 2 -%}
{%- comment -%} ---- Lenses / Optics: the LensAdvizor hand-off ----------
A card, not a priced option. Clicking it opens the app's own modal
(by forwarding to #la-select-lenses-btn); the app collects the Rx and
runs its own /cart/add.js with the prescription properties attached.
The card's checked state is a READ-OUT of the cart, never a toggle —
which is why the click is preventDefault'ed. Removal happens in the
cart drawer, since taking it out here would mean this section issuing
cart writes against a line item the app owns. {%- endcomment -%}
{%- if has_rx_addon -%}
{{ group.addon_type.value.header }}
{%- liquid assign gdesc = group.addon_type.value.description if gdesc == blank and is_cushion_group assign gdesc = 'The part that touches you. Choose your perfect fit.' endif if gdesc == blank and is_strap_group assign gdesc = 'The Soft Strap is always included. Add the Audio Strap or Halo Mount on top.' endif -%} {%- if gdesc != blank -%}{{ gdesc }}
{%- endif -%} {%- comment -%} radio vs checkbox comes straight from the metaobject's `toggleable`. The cushion group must stay toggleable in the admin: Custom-Fit is moulded to one face, Universal-Fit is the share-with-anyone option, so buying both is a real configuration. A facial interface is still physically required — the JS blocks unchecking the last one. {%- endcomment -%} {%- assign input_type = 'radio' -%} {%- if group.toggleable.value -%}{%- assign input_type = 'checkbox' -%}{%- endif -%} {%- comment -%} Sold-out fallback for the starting selection. The metaobject names which option ships checked, and that name goes stale the moment the option sells out. A radio group has to end with exactly one selection — a group with none leaves the render stage and the total with nothing to price — so the check moves to the first option still in stock. Checkbox groups need no fallback: zero checked is a legal state for them. {%- endcomment -%} {%- assign checked_fallback = 0 -%} {%- if input_type == 'radio' -%} {%- assign checked_live = false -%} {%- for av in group.variants.value -%} {%- for cid in group.checked_variants.value -%} {%- if cid.id == av.id and av.available -%}{%- assign checked_live = true -%}{%- endif -%} {%- endfor -%} {%- endfor -%} {%- unless checked_live -%} {%- for av in group.variants.value -%} {%- if av.available and checked_fallback == 0 -%}{%- assign checked_fallback = av.id -%}{%- endif -%} {%- endfor -%} {%- endunless -%} {%- endif -%} {%- if gstyle == 'Color Swatch' -%} {%- comment -%} name + upcharge line sits above the swatch row, matching the shipped layout {%- endcomment -%} {%- comment -%} the marker and the note under the row belong to whichever shell is selected, so both are filled by the JS from that swatch's own fine print (limited-edition colorways carry it, the standard ones don't) {%- endcomment -%} {%- comment -%} This group takes ONE number from the page's run, and only if some shell in it actually carries fine print — the row can only ever show one note, since only one shell is selected at a time. Standard colorways have none, so the marker hides and its number is simply unused for that selection: a gap in the sequence, never a second footnote wearing the same digit, which is the failure this is fixing. {%- endcomment -%} {%- assign swatch_index = 0 -%} {%- for av in group.variants.value -%} {%- if av.metafields.addon.fine_print.value != blank and swatch_index == 0 -%} {%- assign card_n = card_n | plus: 1 -%} {%- assign swatch_index = card_n -%} {%- endif -%} {%- endfor -%}{{ swatch_index }}
{%- comment -%} the group's own h2 names the row, so point at it rather than inventing a second label that could drift from it — and a per-model id, since one template exists per variant and duplicate ids would make aria-labelledby ambiguous {%- endcomment -%}
{%- for av in group.variants.value -%}
{%- assign checked = false -%}
{%- for cid in group.checked_variants.value -%}{%- if cid.id == av.id -%}{%- assign checked = true -%}{%- endif -%}{%- endfor -%}
{%- unless av.available -%}{%- assign checked = false -%}{%- endunless -%}
{%- if checked_fallback != 0 and checked_fallback == av.id -%}{%- assign checked = true -%}{%- endif -%}
{%- endfor -%}
{{ swatch_index }}
{%- else -%} {%- comment -%} Strap tree (the landing configurator's layout): a strap group carrying a Halo option renders its straps as a 2-col row, then a bracket connector, then the Halo add-on full-width — soft/audio visibly both feed the halo. Pure layout: the halo is one of this group's own variants, pulled out of the row so it can sit under the bracket. {%- endcomment -%} {%- assign halo_found = false -%} {%- if is_strap_group -%} {%- for tav in group.variants.value -%} {%- comment -%} SKU, not title: titles translate (JA broke this), SKUs don't. BSBAHK = the Halo Mount kit variant. {%- endcomment -%} {%- if tav.sku == 'BSBAHK' and halo_found == false -%} {%- assign halo_av = tav -%} {%- assign halo_found = true -%} {%- endif -%} {%- endfor -%} {%- endif -%} {%- assign show_tree = halo_found -%}
{%- comment -%} Footnote markers count RENDERED cards, not
variant positions — halo leaves this list and two cards are
injected, so variant index no longer matches what's on screen
(it briefly gave two different cards the same marker).
card_n is NOT reset here: it carries on from the group above
(see the hoisted counter). group_first_n is where this group
entered the run, so the notes loop below can replay the same
numbers the cards were given. {%- endcomment -%}
{%- assign group_first_n = card_n -%}
{%- for av in group.variants.value -%}
{%- comment -%} the halo card renders after the bracket, so
keep it out of the 2-col row — identified by id against the
halo found above, so no title/locale dependence {%- endcomment -%}
{%- if show_tree and av.id == halo_av.id -%}{%- continue -%}{%- endif -%}
{%- comment -%} A number is spent only by a card that actually
carries a note — the snippet renders the marker under exactly
this condition. Counting every rendered card instead burned
numbers on the Soft and Audio Strap, which have no fine print,
and the visible run came out 1,2,3,6,7,8 with two digits
missing and nothing to explain them. {%- endcomment -%}
{%- if av.metafields.addon.fine_print.value != blank -%}
{%- assign card_n = card_n | plus: 1 -%}
{%- endif -%}
{%- assign checked = false -%}
{%- assign disabled = false -%}
{%- assign ephemeral = false -%}
{%- for cid in group.checked_variants.value -%}{%- if cid.id == av.id -%}{%- assign checked = true -%}{%- endif -%}{%- endfor -%}
{%- if checked_fallback != 0 and checked_fallback == av.id -%}{%- assign checked = true -%}{%- endif -%}
{%- for did in group.disabled_variants.value -%}{%- if did.id == av.id -%}{%- assign disabled = true -%}{%- endif -%}{%- endfor -%}
{%- for eid in group.ephemeral_variants.value -%}{%- if eid.id == av.id -%}{%- assign ephemeral = true -%}{%- endif -%}{%- endfor -%}
{% render 'bs-opt-card', variant: variant, av: av, gkey: gkey, input_type: input_type, checked: checked, disabled: disabled, ephemeral: ephemeral, wide: false, index: card_n %}
{%- endfor -%}
{%- if show_tree -%}
{%- comment -%} bracket: both strap columns drop into the
halo row (path from the landing's .bsx-strap-svg) {%- endcomment -%}
{%- if halo_av.metafields.addon.fine_print.value != blank -%}
{%- assign card_n = card_n | plus: 1 -%}
{%- endif -%}
{%- assign halo_index = card_n -%}
{%- comment -%} same data lookups as the row cards — halo is
an ordinary member of this group, only its position differs
{%- endcomment -%}
{%- assign halo_checked = false -%}
{%- assign halo_disabled = false -%}
{%- assign halo_ephemeral = false -%}
{%- for cid in group.checked_variants.value -%}{%- if cid.id == halo_av.id -%}{%- assign halo_checked = true -%}{%- endif -%}{%- endfor -%}
{%- for did in group.disabled_variants.value -%}{%- if did.id == halo_av.id -%}{%- assign halo_disabled = true -%}{%- endif -%}{%- endfor -%}
{%- for eid in group.ephemeral_variants.value -%}{%- if eid.id == halo_av.id -%}{%- assign halo_ephemeral = true -%}{%- endif -%}{%- endfor -%}
{%- comment -%} the variant is still named "Halo Mount +
Universal-Fit Cushion" in the admin; the card and the note
below already say the cushion is included, so shorten it to
the part before the "+". Locale-safe: the old version
matched 'Universal' and substituted English "Halo Mount",
which shipped English into the JA page; splitting keeps the
translated words. Self-retiring: rename the variant to plain
"Halo Mount" (no "+") and the split passes the full title
through — the cart line item shows the admin name either
way. {%- endcomment -%}
{%- assign halo_title = halo_av.title | split: '+' | first | strip -%}
{%- if halo_title == blank -%}{%- assign halo_title = halo_av.title -%}{%- endif -%}
{% render 'bs-opt-card', variant: variant, av: halo_av, gkey: gkey, input_type: input_type, checked: halo_checked, disabled: halo_disabled, ephemeral: halo_ephemeral, wide: true, index: halo_index, title_override: halo_title %}
{%- comment -%} same rendered-card count as the markers above,
so every footnote points at the card that carries it — replayed
from where this group entered the page's run, not from 1
{%- endcomment -%}
{%- assign note_n = group_first_n -%}
{%- for av in group.variants.value -%}
{%- comment -%} halo's card sits under the bracket, so its
footnote prints there too (below) — otherwise the marker
would have nothing to point at {%- endcomment -%}
{%- if show_tree and av.id == halo_av.id -%}{%- continue -%}{%- endif -%}
{%- comment -%} same gate the cards used, so the two counters
stay in step {%- endcomment -%}
{%- if av.metafields.addon.fine_print.value != blank -%}
{%- assign note_n = note_n | plus: 1 -%}
{{ shop.metaobjects.product_misc.live.halo_note | default: 'The Halo Mount includes the Universal-fit Cushion, so it’s selected for you automatically.' }}
{%- endif -%}
{{ note_n }}{{ av.metafields.addon.fine_print.value }}
{%- endif -%} {%- endfor -%} {%- if show_tree and halo_av.metafields.addon.fine_print.value != blank -%}{{ halo_index }}{{ halo_av.metafields.addon.fine_print.value }}
{%- endif -%} {%- endif -%}
{%- comment -%} header/description come from the group's addon_type
entry, exactly like the loop's groups; defaults keep the page whole
if the fields are ever blanked in admin {%- endcomment -%}
{%- endif -%}
{{ rx_group_data.addon_type.value.header | default: 'Lenses / Optics' }}
{{ rx_group_data.addon_type.value.description | default: 'Beyond 2 is too small to wear glasses inside. Magnetic prescription inserts sit on top of the optics instead, and slip on or off in seconds.' }}
{%- comment -%} A link, not an option. LensAdvizor only runs on its own product page, so rather than fake an in-configurator selection this card says plainly that lenses are ordered there — new tab, so the configuration being built here is never lost. The arrow and the copy both carry that; the card still reads the cart so it can confirm once the visitor comes back. {%- endcomment -%} {%- comment -%} the practical detail nobody wants in the headline: the first = what to buy and which prescription to give us, the second = how the hand-off to the lens page and back actually goes {%- endcomment -%}{{ rx_mark_a }}{{ rx_variant.metafields.addon.fine_print.value | default: 'Contact lenses work in VR too, but inserts keep eye strain, headaches, and discomfort away without anything in your eyes. Order them alongside your headset and everything ships together. Because we build each pair to order, custom lenses can take up to 4 weeks to make. For best results, give us your eyeglasses prescription, not your contact lens prescription.' }}
{{ rx_mark_b }}{{ shop.metaobjects.product_misc.live.rx_fine_flow | default: 'Ordering opens a new tab where you upload your prescription and add the inserts to your cart. Come back to this tab when you are done: the card above will show them as added, and you can finish your order from here.' }}