Red Product Collection Sale Price? & Display "Amount Saved" ? DawnTheme

[Brian-A]

Red Product Collection Sale Price? & Display "Amount Saved" ? DawnTheme

How would I display Amount Saved under the products in the "SALE" collection page? 

I know how to change the color but I'm not sure if I can display amount saved under "SALE" ? 

In Image3 "Not sure how to do that "Save 10.00"

www.extremekool.com

Password01

IMAGE1: My CSS code

IMAGE2: My SALE Collection Page Product

IMAGE3: What I'm trying to achieve. RED font and "Save 10.00"

[LizHoang]

Hi @Brian-A, please follow the steps below to update the price code in your theme:

1. Go to Shopify Admin → Online Store → Themes.

2. In your live theme, click on the ... button next to Customize, then select Edit code. You can also refer to this screenshot for guidance https://prnt.sc/g-bty77E7gOZ

3. In the Theme code editor window, use the search bar at the top left to search for the file. Type "price" and open the file price.liquid. https://prnt.sc/PkZ5kUnCfaTd 

4. Once the price.liquid file is open, scroll down to lines 100-102 and find the code {{ money_price }} as shown in this image https://prnt.sc/zJd5sds5JFtW

5. At the end of line 102, press Enter to create a new line, and then paste the following code https://prnt.sc/bFbmlVCk84YB 

{%- if product.price < compare_at_price -%}
   <p style="margin: 0;"><small style="color: #DB0536">Save {{ compare_at_price | minus: product.price | money_with_currency }}</small></p>
{%- endif -%}

I hope my solution is helpful to you, please feel free to feedback. 

Liz