Re: Save „x“ amount instead of Sale Badge

Save „x“ amount instead of Sale Badge

VSWildTom
Excursionist
28 1 4

 

Hello!

This is probably a frequently asked question, but I haven't found a suitable solution in the forum (German and English) nor in the internet or on YouTube

 

- We are using the Spotlight Theme 15.0.1.

- In the future, we would like to display discounted products with something like "Save x %/€" instead of "SALE."

 

for example in this thread: https://community.shopify.com/c/shopify-design/how-to-make-a-quot-sale-quot-label-show-quot-save-x-q...

 

from this: 

VSWildTom_0-1724947992980.png

to something like this:

VSWildTom_1-1724948029033.png

 

 

Gabe kindly helped us before by hiding the SALE badge via CSS, because we weren‘t really satisfied with the looks of the sale badge.

We also tried using different CSS and liquid code as shown in this great tutorial (https://www.youtube.com/watch?v=4oUTsC3l5b4), but we couldn’t achieve the desired result.

 

 

Additionally, is there a way in the Shopify Translator tool to translate the „Save x“ text? Since "Spare xxx%/€" would be more pleasant for our German-speaking customer zone.

 

Thank you all very much in advance!

Replies 2 (2)

Amanda_Fordeer
Shopify Partner
115 8 29

Hi @VSWildTom,

If you don't mind using an app from the Shopify App Store, you can try out the Product Labels and Badges app. You can easily create badges as you desire with the Standard package. Just follow these steps:

Step 1: Create a text badge campaign.

 

Amanda_Fordeer_1-1725114338197.png

 

Step 2: In the badge content section, click on the three dots and select Add variables option => {discount_amount}. The badge will automatically display based on the discount value of each product.

 

Amanda_Fordeer_2-1725114517890.png

Amanda_Fordeer_3-1725114652565.png

 

Step 3: If you wish to add the German language or change the content to "Spare xxx/" for your German-speaking customer zone, please click on the toggle for the "Set multiple languages" option right below the Badge content section.

 

Amanda_Fordeer_4-1725115074909.png

 

If you need assistance, please contact us via live chat; we are always ready to help you.

If you find my suggestion helpful, please give it a like or mark it as a solution!
And discover more approaches to:
Streamline invoicing process Boost sales with labels & badges Add social proofs & create FOMO
Or get valuable updates and private deals regarding Shopify here.
VSWildTom
Excursionist
28 1 4

Hi Amanda! 

Thank you kindly for the suggestion - we rather want to work with CSS or customization of the available code(sales badge) since app embeddments often slow down the page speed and also multi langual is not in the free version available.


Thank you very much for the idea though!