A user wanted to add the text “Adviesprijs” (Dutch for “recommended price”) before the compared/sale price on their Shopify store, but only when a compare-at price exists. This needed to appear across carousel, collection, and product pages.
Solution provided:
base.css file.price__sale:before { content: "Adviesprijs"; }font-size: 12px; to reduce text prominenceOutcome:
The solution was successfully implemented. The user confirmed it worked after adjusting the font size to make the label less dominant visually.
Technical details:
Hi All,
Ik hope you can help me. I want to add text before the compared pricing (and only when compared pricing is added).
Text should be: Adviesprijs
Should be visible in Carousel, Collection page and Product page
Store:
Example product url:
https://thetraveladdict.nl/products/100000mah-wireless-power-bank-large-capacity-portable-6in1-charge-powerbank-built-in-cables-dual-usb-external-battery-for-iphone
Theme: Craft
Password: Thetraveladdict
Thanks a lot!
@Thetraveladdict please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css
.price__sale:before {
content: "Adviesprijs";
}
@suyash1 Thanks, can we also make the size of Adviesprijs a little bit smaller? It’s now very dominant 
@Thetraveladdict replace above code with this one, adjust number 12 as per the need
.price__sale:before {
content: "Adviesprijs";
font-size: 12px;
}
it worked Thanks!