Variant product prices disappear after clicking a variant

Technical Q&A
1

The price disappears after clicking a variant on every product with variants. The price change works and the product adds to the cart with the correct price, but it just doesn’t display the price. I checked the code while clicking the variant and the correct price is present in the HTML, but it just isn’t visible. There is no issue with the visibility in the CSS that I can see.

You can test it here: https://southspacecreative.com/products/lion-v

2

Hi,

Seems your theme set opacity to your price with 0 by default.

please use below CSS to fix the issue.

.product .price,.price__regular{opacity:1;}
3

Thank you so much! This fixed it!

I added .product .price,.price__regular{opacity:1;} at the bottom of section-main-product.css as you suggested!