Adding Sale Badge to Product Grid & Strikeout Compare At Price [District Theme]

Store Design
1

Hi there, I’m trying to figure out 2 things:

  1. I want to add a Percent Off badge in the product grid that shows the % off from the “Compare At” price for each product. Does anyone know how to do this?

  2. On the Product Page, I want to strikeout the “Compare At” price and also would love to have a piece of code that tells them how much they saved in the actual dollar amount.

I’m using the District Theme.

Any help is much appreciated! I used to do this with an app but I’d much rather just add it to my theme code.

Thank you so much!