2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed

variant-popover

Popover whose links or buttons are the values of a product option.

v2.0 beta
Open .md
On this page
  1. Where it can go
  2. What it requires
  3. Attributes on the element
  4. Attributes inside it
  5. Loading

Where it can go

  • Inside smootify-product.
  • Not inside an element with hidden at boot: it does not mount.
  • Must contain one of [popover] a, [popover] button:not([popovertarget]).
  • Out of place, Smootify removes it from the page: also when its option is missing or Default Title.

What it requires

Nothing beyond Smootify: it works on every plan.

Attributes on the element

  • It reads data-option, data-option-name, avoid-option-update.
  • Smootify writes role, aria-label on it: do not set them yourself.

Attributes inside it

GroupAttribute nameValues
Option buttonsoption14
Selected valueselected-option5
Option metafieldoption-metafield3

Loading

Its code loads only on pages that have variant-popover.

    ↑ ↓ to moveEnter to openEsc to close