How can I hide the variant dropdown option in my online store?

Store Design
1

Hi there community, ive just updated my store this week and have removed a bunch of junk code. and previous code used to hide these no longer work.

I’m looking for help regarding variant dropdowns.

I am wanting to keep the variant heading but hide the dropdown option because i option have one option for each variant.

product item

Cheers for any help you can provide Ben

Store password

Burgess

variant option1.png
variant option1.png1827×987 131 KB

2 Likes
2

@BenH40

Please add the following code at the bottom of your assets/theme.css file.

Show More

@media screen and (min-width: 641px){

Show More

.block-swatch { display: none; }

Show More

}

Hope this works.

3

@BenH40

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.product-form__option .block-swatch {display: none;}
4

hello @BenH40

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.product-form__option .block-swatch {
      display: none;
}
5

@BenH40

.product-form__option .block-swatch 
{
display: none !important;
}

Add these code to theme.scss or style.css

1 Like
6

Cheers again thanks awesome help.