How To Add Another "Red" Price To The Product Title When The Product Is On Sale?

Store Design
, , , , , ,
1

Hello,

can someone tell me how to add this modification to the product when its on sale?

How it looks now:

KimGottwald_0-1698217704630.png
KimGottwald_0-1698217704630.png269×400 31.8 KB

How it should look:

KimGottwald_1-1698217704642.png
KimGottwald_1-1698217704642.png271×400 32.9 KB

Im using the Brooklyn theme: aliudclothing.com

Thank you!

Kim

2

Hi @KimGottwald

Go to your Online store > Themes > Edit code > open product-grid-item.liquid, find this line of code

{{ product.price | money_without_trailing_zeros }}

Replace it with this code


{{ product.compare_at_price | money_without_trailing_zeros }}

{{ product.price | money_without_trailing_zeros }}

Save your file

3

Thank you, sadly also the normal prices are now red, how can I change that?

4

Please update previous code to this

{% if on_sale %}
  
  {{ product.compare_at_price | money_without_trailing_zeros }}
  
  
  {{ product.price | money_without_trailing_zeros }}
  
{% else %}
  {{ product.price | money_without_trailing_zeros }}
{% endif %}
5

Please help.

6

Please update code like this

{% if on_sale %}
              
              {{ product.compare_at_price | money_without_trailing_zeros }}
              
              
              {{ product.price | money_without_trailing_zeros }}
              
            {% else %}
              {{ product.price | money_without_trailing_zeros }}
            {% endif %}