Hide single option variants in Symmetry theme

Store Design
, ,

Topic summary

Goal: hide single-option variants from the Variant Picker in the Symmetry theme on product pages.

  • Initial requests from helpers asked for the store URL/password and the main-product.liquid code to diagnose.
  • Resolution: the original poster solved it via CSS, adding a rule in the Product page section: .option-selector[data-option=“X”] { display: none; }, replacing X with the specific option/variant name to hide.
  • Note: this may need to be added across different product and collection templates to cover all instances.

Outcome: issue resolved by the poster with a front-end CSS solution; no further action items or unresolved questions. The provided CSS snippet is central to the solution.

Summarized with AI on December 12. AI used: gpt-5.
1

Hi,
I wish to hide single option variants in the Variant Picker in Symmetry Theme.

Please help :heart:

Best, hvittrad :slightly_smiling_face:

2

Hi @hvittrad

May I have your store URL to check please?

Best,

Daisy

3

@hvittrad Can you please provide the URL of your store and if it is password protected please share the password too. Thanks

4

Hi @hvittrad ,

Please send me the code of main-product.liquid file, I will check and add it for you

5

I have figured it out myself!

Edit CSS code in Product page section and add this:

.option-selector[data-option=“X”] {
display: none;
}

Change X to the Variant name you want to exclude. You might have to do this on all the different product and collection templates.

6

Great job figuring that out! :tada: It sounds like you found a creative way to resolve the issue. If you encounter anything else or need further assistance, don’t hesitate to reach out. We’re always here to support you! :blush: