Variant picker showing twice on product page

Store Design
,

Topic summary

A user encountered duplicate variant pickers appearing on product pages after using the GLO COLOR SWATCH app with the Impact theme. Both the app’s custom swatch display and the theme’s default variant picker were showing simultaneously across all product pages.

Solution provided:

  • Add CSS code to theme.css to hide the unwanted picker
  • Initial code hid the Globo swatch, but user wanted to keep that version instead
  • Final working code: .product-info__variant-picker .variant-picker{display: none !important;} successfully hides the theme’s default picker while preserving the app’s display

Current status:
Resolved for the original poster, though another user reported the hidden section briefly flashes visible before disappearing. The core issue of duplicate pickers has been addressed through CSS customization.

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

Hey everyone, I just finally finished designing when a problem randomly occured. The variant picker shows up twice on my product page. It was not like this before and i did not make changes to this specifically but it appeared out of nowhere.

Hugo030_0-1732456989575.png
Hugo030_0-1732456989575.png558×418 27.9 KB

I am using the app GLO COLOR SWATCH for the variant display, but for some reason the theme picker (im using IMPACT theme) appears too. Does anyone have a solution for this? I would greatly appreciate it. Thank you

2

@Hugo030 can you please share this page link?

3

Hey @suyash1 , yes here it is: https://4zren2-7t.myshopify.com/products/luc . But I just want to say: this is for every product page, not just this product.

4

@Hugo030 please open product page in customize settings and check if you have any setting to hide this, else you can add this css to the very end of your theme.css file and check. Also you can disable globo swatch app if it is an app

.product-info__variant-picker .globo-swatch-product-detail{display: none !important;}
5

hey @suyash1 , I added this code to the end of my theme.css and the globo swatch disappeared, so thanks for that, but I want the globo swatch to be visible rather than the theme one. Do you have a solution for that?

6

@Hugo030 - oh, change code to this

.product-info__variant-picker .variant-picker{display: none !important;}
1 Like
7

Wow @suyash1 , that works perfectly! Thank you so much!!! I appreciate it a lot!

8

It’s working but section shows for just for few seconds