Adding text before and after compare at price

Store Design
1

Hi! trying to add text before and after my compare at price using the symmetry theme. I’m tweaking the code but it’s not adding anything - any pointers?

1 Like
2

Hi @sbar ,

Do you mind sharing your website so we can provide a specific code?

1 Like
3

Hi - of course! link is https://nu7rt0vx4i95es2i-55777165410.shopifypreview.com

If you take a look at the current price I’ve tweaked the CSS to remove the strike-through, but I am trying to create a layout similar to this with the compare at price:

Screen Shot 2022-08-01 at 8.40.35 PM.png
Screen Shot 2022-08-01 at 8.40.35 PM.png1584×722 66.2 KB

1 Like
4

Hi! Thank you but I assume since it’s just adding text around the compare at price (and nothing too hard) it should be easy - the compare at price + if statements are all set and positioned as needed. hoping someone can help me here instead!

2 Likes
5

Hi @sbar ,

Can you give me the product with compare at price? Cannot find one

6

HI @sbar ,

Found it. Here you go

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the styles.css
  3. Paste the code below at the very bottom of the file.
.product-form span.was-price.theme-money:after {
    content: " Traditional Retail";
    text-transform: capitalize;
}

.product-form span.was-price.theme-money::before {
    content: "|";
}
1 Like
7

THANK YOU! (for compare at - I’m testing with the “Diva Saddle Bag - Red”) I was trying to edit the product template file, didn’t know this could be done via CSS. I popped in that code and got this: (should I switch the order?)

Screen Shot 2022-08-01 at 9.02.49 PM.png
Screen Shot 2022-08-01 at 9.02.49 PM.png2880×1072 234 KB

8

Hi @sbar ,

Sorry I do not understand. What you mean order?

9

Hi

After adding the code for “Traditional Retail”,i want this new wording to be applicable to a certain collection only.

Any idea how to confine this wording change to a 1 collection only?

Thanks