Sale badge

Shopify Discussion
,
1

I need help to customize sale badge. I’m using refresh theme.

I would like to remove sale badge from the pic and would like to add discount percentage near original price e.g -15%. from homepage (collection list) refer to pic one.

EM1_0-1721419549163.png
EM1_0-1721419549163.png810×538 352 KB

secondly I would like to write save 8% on product page instead of sale 8%

EM1_1-1721419575028.png
EM1_1-1721419575028.png691×157 11.2 KB

2

Hi @EM1 :waving_hand: it’s not clear if the image is your current site or a reference site.

Regardless to add or move new badge or price display logic requires an advanced theme customization.

To hide the badge would be CSS and probably can find the CSS by searching the forums for the specific theme otherwise you need to provide an url for others to be able to SEE and inspect the website.

To have “save” instead of “sale” see the translations for the theme

https://help.shopify.com/en/manual/online-store/themes/customizing-themes/language/change-wording

If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Good Hunting.

3

Hi @EM1

You can follow this post to learn how to do that

https://buymeacoffee.com/dandong910/change-sale-badge-text-percentage-discount-shopify-free-themes

4

Thank you. 1st is solved.

for collection page. I would like to put sale badge near amount.

EM1_0-1721471804461.png
EM1_0-1721471804461.png942×467 175 KB

5

Hi @EM1

Please find another {{- ‘products.product.on_sale’ | t -}} code, replace it with this code

{%- assign percent = card_product.compare_at_price | minus: card_product.price | times: 100 | divided_by: card_product.compare_at_price | round -%}
{{ percent }}%

But you will need to customize card-product.liquid to make it display next to price