How to display sale banner on multi-prices items in Capital theme?

Store Design
1

Hi there,

I’m using the capital theme. Is there a way to have the sale banner appear on items that have multiple prices for different variants?

Thank you!

@KetanKumar

2

@bgold

hi,

Please share the store URL and also share the screenshots for where you want to place sale badge. in this case some coding are required.

3

www.littletoesch.com

** the silver backpack should have a sale tag on it

Screenshot (297).png
Screenshot (297).png2180×1454 295 KB

4

I have some code for fill your requirement.

firstly, go to snippets, then find product-grid in snippet folder. then find product-item__image-wrapper after that paste given code above . (also see the screenshot).

sale.png
sale.png1920×1080 472 KB

{% if card_product.compare_at_price > card_product.price %}

Sale
{% endif %}

After that, another code given below. paste this code above

layout >> theme.liquid

.tc_sale-badge { position: absolute; background: #eb0707; font-size: 16px; font-weight: 600; padding: 0px 10px; border-radius: 30px; color: #fff; display: inline-flex; align-items: center; right: 8px; top: 8px; }

after paste the whole given code. sale badge look like this,

techlyser_web_0-1673208601807.png
techlyser_web_0-1673208601807.png1899×907 147 KB

5

capital

6

@bgold I have given you the code, with screenshots, apply that code and see, even if you need any help, then contact us. thank you :slightly_smiling_face:

7

thank you! I couldn’t find product-item__image-wrapper in the snippets folder

8

@bgold

find product-card or product grid or card-product in snippet folder not product-item__image-wrapper.

after that find product-item__image-wrapper.

any problem to finding then you can give me access of your store i can add the sale badge.