Remove dropdown variant after implementing swatches

Solved
Dobi
New Member
6 0 0

Hi,

 

We implemented swatches with instructions from this tutorial https://community.shopify.com/c/Shopify-Design/Product-pages-Add-color-swatches-to-products/m-p/6164... and a dropdown menu for variants is still there for a few seconds when you open product page. Can you help us to remove it?

 

Best regards,

Dobi team

Accepted Solution (1)
24by7themes
Shopify Partner
400 61 77

This is an accepted solution.

Add below css in your theme.scss file

.selector-wrapper.js.product-form__item {
    display: none;
}
Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990

View solution in original post

Replies 6 (6)
24by7themes
Shopify Partner
400 61 77

Can you please write your store url so I can check in detail.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
Dobi
New Member
6 0 0

Hi,

 

store url is https://dobi.hr

24by7themes
Shopify Partner
400 61 77

This is an accepted solution.

Add below css in your theme.scss file

.selector-wrapper.js.product-form__item {
    display: none;
}
Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
Dobi
New Member
6 0 0

Thanks a lot.

tiarab
New Member
2 0 0

I'm still having this issue and the above solution did not work for me. Could you take a look at my store to see what I'm doing wrong?

 

https://babuna.co/

P_F21
Tourist
9 0 0

Hello,

 

My customers are unable to select from my dropdown variants. The options are there but when they reach checkout it revert to the first variant in the list. This is very problematic. Is there any way you can you assist?

 

Thank you,

Perri