Skip to content
Articles

Display product variants with filter options

When you link a text element to Variant, it shows all variant option values by default (e.g., "Red / Large"). You can hide specific options so the label shows only what you want.

Verified
On this page

When you link a text element to Variant, it shows all variant option values by default (e.g., “Red / Large”). You can hide specific options so the label shows only the ones you want.

How to hide an option

The filter behaves the same in both editors; its heading is different:

New editorLegacy editor
Exclude variant options → + New TagFilter product variant option → + New Tag
  1. In the template editor, select a Text element.
  2. Set Link To → VARIANT.
  3. Under the heading shown in your editor, click + New Tag, type the option name to hide (for example Color, Size, or Material), and press Enter.
  4. That option is removed from this element; anything not listed stays visible. To show it again, remove its tag.

Type the option name, not the value. Add Color (the option), not Red (the value). For a drink with an Ice option, add Ice to hide it — not No ice.

Examples

Product has options: Color, Size, Material.

  • Show only Color → add Size and Material to hide → label shows “Red”
  • Show Color + Size → add Material to hide → label shows “Red / Large”

Tips

  • Add multiple text elements, each hiding different options — e.g. one element showing Color and another showing Size, positioned separately on the label.
  • The separator between options is ” / ” by default.
  • The option name must match your store’s option name exactly (e.g. Color vs Colour). A name that doesn’t match is simply ignored, so the option keeps showing.

Questions about this article? Email our team.

Send feedback