Variant product prices disappear after clicking a variant

Solved

Variant product prices disappear after clicking a variant

southspace
Visitor
2 1 0

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

Accepted Solutions (2)

gr_trading
Shopify Partner
2040 149 206

This is an accepted solution.

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;}

 

For any custom development WhatsApp or connect at Email ID: support@grtrading.in for quick consultation. | Shopify Free codes
To support Buy Me a Coffee

View solution in original post

southspace
Visitor
2 1 0

This is an accepted solution.

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!

View solution in original post

Replies 2 (2)

gr_trading
Shopify Partner
2040 149 206

This is an accepted solution.

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;}

 

For any custom development WhatsApp or connect at Email ID: support@grtrading.in for quick consultation. | Shopify Free codes
To support Buy Me a Coffee
southspace
Visitor
2 1 0

This is an accepted solution.

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!