Duplication of Size and Colour

Store Design

Topic summary

A user is experiencing duplicate display of size and color options on their product pages. Multiple community members requested the store URL and password to investigate.

Solution Provided:
A CSS fix was shared to hide the duplicate variant selectors:

  • Navigate to Online Store → Themes → Edit code
  • Add specific CSS code to the bottom of theme.css file to hide .product-form .product-form .swatch-variant elements

Current Status:
The initial solution successfully removed one set of duplicates. However, the user has a follow-up question about further customization of the remaining highlighted elements, though the full question appears incomplete or garbled in the final message.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi, Size and Colour are appearing twice in the product page. How can I delete the one highlighted in Black?

Thank you. Trushna

1 Like
2

Hey @Trushna

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi @Trushna

Would you mind to share your store URL? Thanks!

4

@Trushna Please provide your store URL to help you on this.

5

Hi Moeed,

Vayu Earth · Home · Shopify

78u"4>iKr1:*

Thank you.

Trushna

6

@Trushna Please follow the below steps to hide the highlighted options in black from displaying on the product page. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Search for the “theme.css” file and add the below CSS code at the bottom of the “theme.css” file like in the below attached screenshot.
product-form .product-form .swatch .slVariant {
   display: none;
}

Vinsinfo_0-1720447033329.png
Vinsinfo_0-1720447033329.png1363Ă—591 29.3 KB

Then the final output will be like,

Vinsinfo_1-1720447040931.png
Vinsinfo_1-1720447040931.png1349Ă—594 53.7 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

7

Hi,

That worked, thank you so much. Is it possible to not have it highlighted in black please?

Kind Regards,

Trushna