Hi i want to add the Sale or Sold out Badge over the Image i have dont i in the inspection tool and implented it in the product thumbnails liquid under the product__media media media–transparent with the styling for the badge position absolute and bottom: 0
but its without function but i need it with function so if its not sold out or has no sale that it wont show.
I ll look out for help and for longshipmeent agreement
regards
I believe dawn theme comes with it. Once you set the product pricing and compare at price correctly it will show up auto.
Hello @Ferismateam
You need to modify your product-thumbnail.liquid file to conditionally display the “Sale” or “Sold Out” badge based on product availability and compare-at price. Try adding this code inside the product media section:
{% if product.available == false %}
Sold Out
{% elsif product.compare_at_price > product.price %}
Sale
{% endif %}
hey guys i think i didnt explaind well i want the sale badge on the product image on the product template in the bottom left corner like i have attached in the post.
hey guys i think i didnt explaind well i want the sale badge on the Produkte image on the product template in the bottom left corner like i have attached in the post.
Hi @Ferismateam
Do you want a badge or a sold-out overlay on the product image on the product page?
hi need the sales badge
There is a default sale/sold-out badge. On the product page, the badge appears in the product information section, not on the image. Is that the badge you’re referring to?
I get it. And dawn comes with the sale badge feature already implemented. It shows up everywhere a product is displayed on the store, collection page, featured-collection, etc.
I am sure you know how to set a product on sale. Once the prices are set correctly to show a product is on sale the badge will show up.
