How can I hide the variant dropdown option on my product page?

Store Design
1

Hi there community,

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

variant option.png
variant option.png1861×970 123 KB

2

@BenH40

Please share your stroe password.

Thanks!

1 Like
3

password - Burgess

1 Like
4

@BenH40

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

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

Thanks!

1 Like
5

Absolute legend as always, Thanks again for your help with this still learning basic coding.

Cheers Ben

6

@BenH40

Thanks! Welcome Again

7

Sorry to bother again but after this new code was inserted this new box appeared underneath the hidden elements.

variant box.png
variant box.png1850×972 110 KB

Cheers Ben

Store pass - Burgess

https://www.agp.net.au/collections/bottle_boxes/products/1_bottle_gable_top_wine_box_black

8

@BenH40

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

.color-swatch-list--large .color-swatch {
    display: none;
}

Thanks!