How can I add text next to the compare price in Blockshop theme?

Store Design
,

Topic summary

A user wants to add custom text (like “Retail” or “Traditional Retail”) next to the compare-at price in the Blockshop theme.

Solution provided:
Add CSS code to the theme’s critical CSS file:

  • Navigate to: Sales channels > Online store > Themes > Edit code > Assets > theme–critical.css
  • To add text before the compare price, insert:
.product-price--compare::before {
  content: "Retail";
  padding-right: 8px;
}
  • To add text after the compare price, insert:
.product-price--compare::after {
  content: "Retail";
  padding-left: 8px;
}

Add the appropriate code snippet at the bottom of the CSS file depending on desired text placement.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m using the Blockshop theme and can’t figure out how to add text before or after the compare to price, I just want to add Retail or Traditional Retail next to it.

Any help is greatly appreciated.

Thanks

Website: https://geneboutique.com/collections/necklaces/products/ida

psw: dewblo

2

To add text after compare to price, please add this code below in your Sale channels > Online store > Themes > Edit codes > Assets > theme–critical.css

Add this code at the bottom of theme–critical.css to make text appear after compare price

.product-price--compare::after {
    content: "Retail";
    padding-left: 8px;
}

To add text before, please add this code

.product-price--compare::before {
    content: "Retail";
    padding: 0 8px;
}