How can I change the sale tag to a discount% tag?

Change the "Sale" tag to a "discount%" tag on the collection pages as well as on the "Featured collection" section of your homepage by doing the following steps: 

1. Go to Online store->Themes->Palo Alto theme

2. Click "Actions"

3. Click "Edit code"

4. Search for the "Snippets" folder

5. Open the "product-grid-item.liquid" file 

6. Replace the code of the 34 line with the following block of code

<div class="tag"><span>{% if product.compare_at_price > product.price %} {{ product.compare_at_price | minus: product.price | times: 100.0 | divided_by: product.compare_at_price | round }}% {% endif %}</span></div>

Before

After

7. Click "Save"

Still need help? Contact Us Contact Us