Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Solved! Go to the solution
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;}
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!
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;}
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!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025