Im trying to change my price positions to SALE PRICE then REGULAR PRICE the SALE BADGE.
This is how it currently is…
so make the $80 is first, then the cross out, then badge
Thanks!
Topic summary
Goal: Reorder pricing elements on the Shopify Dawn product page to show sale price first, then crossed‑out regular (compare‑at) price, then the sale badge.
What’s been tried: A link was provided to a prior guide on switching price and compare‑at price positions (theme code changes). The requester prefers a CSS‑only solution and reports the linked approach didn’t work.
Perspectives:
- Code-change approach: One participant says if switching the theme code doesn’t work, other methods likely won’t, and asks for details on what was tried and where it failed.
- CSS-only preference: The requester insists a CSS solution should be possible but hasn’t provided code attempts.
Alternatives suggested:
- Use an app: Conhit Price Badges & Icons (available now).
- Upcoming feature: Product Labels & Badges app plans to add element repositioning by end of August, at no cost.
Status: Unresolved/ongoing. No working CSS or code snippet shared; no confirmed resolution. A screenshot was included to illustrate current layout, but specific implementation details remain unspecified.
Id rather just CSS, but thanks
and that doesn’t work anyways…
If switching the code doesn’t work, nothing will work for you.
btw its better if you mention what you tried and where was the issue in applying it.
Of course, some code will, just need someone who knows how to. Some don’t and some do. Many times some say something will not work but others do it easily.
Hi @xnyjyh ,
I believe this app can assist you in achieving that. It’s called Conhit Price Badges & Icons on the Shopify App Store.
Additionally, we are developing the same feature within our app Product Labels & Badges that will allow you to adjust the positions of these elements. This feature is scheduled for release by the end of August, and you will be able to use it at no cost.
