Can't see price on product page

Store Design
, , ,

Topic summary

A user reports that product prices are not displaying on their product page. They want dynamic pricing to update based on variant selections (carat size and material) so customers can see costs before adding items to cart.

Three solutions were proposed:

  1. JavaScript fix: Add a script snippet to theme.liquid file above the closing </body> tag to force price display

  2. CSS override: Insert custom CSS code (display: flex !important;) through the theme customizer under Theme Settings to make the price wrapper visible

  3. Theme customizer approach: Navigate to the product page template in the theme editor and toggle visibility settings using the eye icon, or add the price element if it’s missing from the template

All responses include screenshots demonstrating where to implement the changes. The issue appears to be a display/visibility problem rather than missing price data, as the variant pricing exists but isn’t rendering on the frontend.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hey there!

The price on my product page isn’t displaying and I’m not quite sure why. I’d like for the different variables (carat size + material) to affect the pricing and for that dynamic pricing to be displayed on the product page itself, so that customers can see the potential total cost of their build before adding it to their cart.

Here is a link to a dummy product page w/ these variables + the issue I’m facing: https://www.unadiamond.com/products/product-template-copy-me?variant=50247598833939

2

Hello,

Please add the below code in theme.liquid above

See screenshot below:

shreyhweb_0-1735587071019.png
shreyhweb_0-1735587071019.png1867×625 117 KB

I hope this solution will be helpful for you. If you want to any help then please message us we will always with you.

Thank you

3

Hi @unadiamond

To solve this issue, please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

.product__block .product__price__wrap { display: flex !important; }

Screenshot 2024-12-31 at 09.57.15.png
Screenshot 2024-12-31 at 09.57.15.png1592×782 55.1 KB

4

Hi @unadiamond

You can customize theme

  1. select Product page

Kyle_liu_0-1735628527417.png
Kyle_liu_0-1735628527417.png1601×976 204 KB

  1. click eyes icon

Kyle_liu_1-1735628584070.png
Kyle_liu_1-1735628584070.png1878×867 259 KB

  1. If there is no eye icon, add it.

Kyle_liu_2-1735628667344.png
Kyle_liu_2-1735628667344.png432×449 18.1 KB

Kyle_liu_3-1735628716368.png
Kyle_liu_3-1735628716368.png664×300 16.3 KB