Brooklyn Theme - Showing Discount Percentage On Collection Pages Similar to the Actual Product Page

Highlighted
New Member
3 0 0

I've seen a few posts on this but they were pretty old and didnt seem to work for me.  This seems like it would do what I want https://community.shopify.com/c/Shopify-Design/Showing-sale-percentage-on-products-Brooklyn-Theme/m-... but the code is different and this is from 2015.

 

Basically I just want to change the discount design on collections.  I have a "Featured Collection" on the home page and all my products are nested in colelctions.  It's just an ugly red circle in the top left corner saying $20 off.  But on the price it doent show the before price like it does on the product page. Shown below.  I would like the red circle to at least say the percentage instead of the amount, and at the bottom I want it to have the original price crossed off and showing the sale price and maybe even some sort of discount percentage shown there as well.

Screenshot_1.jpg

As you can see once you click on the product it shows it normally

Screenshot_2.jpg

 

Is there any way to solve this on the brooklyn theme?  Like I said theres a link above with instructions but the code is different than in the explanation and it didnt solve the problem.  It would be nice to show percentage on the single product page as well if possible.

 

Thanks!

0 Likes