I am currently on the Honey theme and I would like to display the old price crossed out and the new sales price Instead of "save 20% and the amount that people save while buying a discounted product. Here is my Website www.suplipet.ro. Can someone help in how can I start showing the old price cut out and the new price on the home page, collection page and product page. Thank you
Topic summary
Goal: show the original (crossed-out) price alongside the sale price across Homepage, Collection, and Product pages on the Shopify Honey theme, instead of a “save %” badge.
Proposed approaches:
- Theme settings/code: Try hiding the sale badge via the Theme Customizer (theme settings/product info). If no option exists, hide via CSS and add code to display a crossed-out original price. Because Honey is a paid theme, collaborator access may be required to edit theme code.
- App-based: Use the “Product Labels & Badges” app. Steps: install, enable app embedding, create a Price badge with strikethrough styling, and choose display locations (Homepage, Collection, Product pages). Screenshots were shared to illustrate configuration, which are useful for setup.
Status: No confirmed resolution. Clear paths are either custom code changes (with potential collaborator access) or using the app to configure price badges. Key terms: “Customizer” = Shopify theme settings; “app embedding” = enabling the app’s on-storefront components. Images are central to understanding the app setup steps.
You will need to edit code for this, so removing or commenting out code that shows the save badge. Please check there might be an option from the customizer probably under theme settings or product info to hide sale badges, if not then probably need code or can be hidden with css as well.
But to add the crossed out price you will need to add code.
Will definitely need collaborator access to this since you are using a paid theme
Hi @Anita1 ,
If you are considering using an app, the Product Labels & Badges app is highly recommended, and you can follow these instructions:
-
Install and activate the app embedding feature.
-
Create a Price badge and customize prices to meet your needs; you can strike through, bold, italicize, etc.
- Select where to display the badges in the General settings > choose to show on Homepage, Collection, and Product pages.
