Solved

Hide variant name on product page in Symmetry

JC113
Tourist
6 0 2

Hi all, 

can anybody help me with hiding the option name (in variants) while still displaying the options's values on the product page?

I'm using the Symmetry theme and found solutions for other themes which are not applicable, for example here:

https://community.shopify.com/c/shopify-design/hide-option-name-on-product-page-craft-theme/m-p/1816...

 

Thanks in advance!

 

Accepted Solution (1)
Spac-es
Shopify Partner
329 98 111

This is an accepted solution.

Add this code in your styles.css file:

.opposing-items legend {
  display: none !important;
}

Result:

 

1.PNG

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

View solution in original post

Replies 5 (5)

Spac-es
Shopify Partner
329 98 111

The code from the other post you've linked should work for you.

Can you share the URL of your page?

The class name might be different in your Symmetry theme.

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
JC113
Tourist
6 0 2

Hi and thanks, our URL is https://casa-amao.com/

Would be great to know the calls in symmetry and if it turns out to be an easy fix!

 

JC113
Tourist
6 0 2
Spac-es
Shopify Partner
329 98 111

This is an accepted solution.

Add this code in your styles.css file:

.opposing-items legend {
  display: none !important;
}

Result:

 

1.PNG

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
JC113
Tourist
6 0 2

Thank you so much! 🙏