Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Variant picker showing twice on product page

Solved

Variant picker showing twice on product page

Hugo030
Tourist
20 1 4

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

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

 

Accepted Solution (1)
suyash1
Shopify Partner
10137 1253 1594

This is an accepted solution.

@Hugo030 - oh, change code to this

 

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

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
10137 1253 1594

@Hugo030  can you please share this page link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Hugo030
Tourist
20 1 4

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.

suyash1
Shopify Partner
10137 1253 1594

@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;}

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Hugo030
Tourist
20 1 4

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?

 

suyash1
Shopify Partner
10137 1253 1594

This is an accepted solution.

@Hugo030 - oh, change code to this

 

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

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Hugo030
Tourist
20 1 4

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