Why isn't the sale price showing on my product page?

Topic summary

Issue: Sale prices are not displaying on product pages despite appearing correctly on collection pages. Multiple users report this problem across different Shopify themes (Brooklyn, Minimalism, Craft).

Attempted Solutions:

  • Adding custom CSS code to theme.scss file to style sale prices
  • Checking product-template.liquid code for proper price display logic
  • Verifying that products have compare prices set in Shopify admin

Key Resolution:

  • One user (Jason) identified the root cause: theme settings have the sale price color set to transparent (rgba(0,0,0,0)) rather than a visible color
  • Recommendation: Check theme settings for “sale tags” or price color options before editing code
  • Another user (luffbed123) discovered their prices were switched in the code and fixed it by swapping them

Current Status:

  • Thread remains open with additional users seeking help for similar issues
  • Solutions vary by theme and specific configuration
  • Images/screenshots were shared showing code snippets and admin settings to diagnose problems
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

For only the items that have a sale price: the sale price on the product page does not appear. It shows up on the collection page, it’s just the product page.

I’m using the brooklyn theme. It should be appearing right beside the strike-through (original) price.

How can this be fixed?

Send me you store url so i can check, because it’s issue with your store

www.oneshoppeboutique.com

Follow this:

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss->paste bellow code in bottom of file
.product-single__price.on-sale{ color:red;}

I’ve pasted this is as directed, but the sale price is still not showing
up. Is there anything else I can do?

I can’t see your added code, add again i will check whats going wrong.

it’s still in there, I didn’t remove it.

Thanks.

May be you have mad mistake in file

Paste this line at end of theme.scss file and cant find you have added in this file or add me staff i will do in min.

.primary-nav.header-navs__items.js-primary-nav{position: absolute; margin-left: 50%; }

It’s in there:

I put that other line in there you just mentioned but had to take it out as it created an error in the these.

you have added { } extra , i told you to just paste my code.

.primary-nav.header-navs__items.js-primary-nav{position: absolute; margin-left: 50%; }

The first place to check before adding any code is the theme settings. This theme should already have a setting for adjusting the sale colour so all the code edits here are just adding noise/confusion.

The should be called something like sale tags in the general theme settings. It looks like it’s set to transparent - rgba(0,0,0,0) - at the moment.

i have the same problem with my shop with minimalism theme.

domain is www.luffbed.com (pw: 123)

i searched on the whole internet and looked on every setting in shopify.. i cant find it

fyi: i am still at the 14-days free plan, maybe this matters.

Hi

I think you have problem with your code.

first check if product contain compare price

second check code. open Section->product-template.liquid and check code base on bellow image:

If you mean this. yes i did it.

i will check the code thank you!

found the solution… oh lord… thank you for posting the code. with the code i understood, that i need to switch both prices xD

Hello,

I may be having the same problem with my website as well. Can I send you my store’s URL? Thank you!

you have to change price text colour

Hello! I have gone through this thread, but am hesitant about changing any code since I had a different sale over the weekend and the regular prices were marked out and the sale prices were shown in a different color. I don’t know what would be different, since the Theme seemingly worked just two days ago but not for this discount/sale. succulentpartyfavors.com is the site, using the free theme “Craft”. If you have time and it’s a quick toggle button or something I missed, I’d be grateful!

Hello, I need some help. When I click on my products the prices aren’t showing.