Why is my product not highlighting when selected?

Shopify Discussion
1

Hi there,

Can someone please help me with my variants not highlighting when clicked.

Example below

https://murrayresin.com.au/products/a-very-large-rectangle

Customers, then have no idea if they have added it to cart or not and its really frustrating me :disappointed_face:

Thank you so much.

Jaz

2

Hi @JazminMurray ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
3

Hi @JazminMurray

Please add the below CSS in base.css

.js.product-form__input input + label {border: solid 1px transparent;}
.js.product-form__input input:checked + label {border: solid 1px #4a4a4a;}

Hope this will help…

4

OH MY GOODNESS,

I honestly cannot thank you enough.

Thank you so so so so so so much!!!

Jaz