How can I tag product photos with quantity break offers?

Store Design
1

Hello,

There are lot of free application available for Bulk buy, quantity breaks and discount.

Is there any way the offer puts a tag on the display picture of the product to show the offer. Like for example

The tags on the top left are not part of the picture but updates with the offer.

liquidwhisp_0-1684675166099.png
liquidwhisp_0-1684675166099.png264×203 9.42 KB

liquidwhisp_1-1684675197166.png
liquidwhisp_1-1684675197166.png225×111 5.65 KB

2

Yes, it is possible to add tags or badges to the display picture of a product to show an offer using various methods. Here are a few approaches you can consider:

  1. Custom CSS: You can use CSS to add a tag or badge overlay on the display picture. This can be achieved by positioning a <div> element containing the offer text on top of the image. Apply appropriate styling to the <div> to create the desired tag appearance. Here’s an example CSS code snippet:
.product-image {
  position: relative;
}

.product-image .offer-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
}
​
3

thank you for your help. i was trying to finish this shop by myself but i guess i would need professional help.

Thank you for the reply . it was very kind of you.

4

Hi @liquidwhisp ,

The features you have mentioned is available in this app : Bundles & Quantity Breaks you can show the images and there is lot of customizaton you can do in this app which will be perfect for your store.