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.
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 editor | Legacy editor |
|---|---|
| Exclude variant options → + New Tag | Filter product variant option → + New Tag |
- In the template editor, select a Text element.
- Set Link To → VARIANT.
- Under the heading shown in your editor, click + New Tag, type the option name to hide (for example
Color,Size, orMaterial), and press Enter. - 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), notRed(the value). For a drink with anIceoption, addIceto hide it — notNo ice.
Examples
Product has options: Color, Size, Material.
- Show only Color → add
SizeandMaterialto hide → label shows “Red” - Show Color + Size → add
Materialto 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.
ColorvsColour). A name that doesn’t match is simply ignored, so the option keeps showing.
Questions about this article? Email our team.
Send feedback