Needing an App for overlay text over Product Image Must Turn On and Off

New Member
1 0 0

Hi Guys - Does anyone know how I can add a wee image overlay to product photos when we are running pre orders See Examplepre order.PNG

0 Likes
Shopify Partner
156 4 14
As per my understanding, there isn't app like this. But you can achieve by coding, it's not hard. Either by creating separate template or using tag conditions.
0 Likes
Shopify Partner
3 0 1

Hi,

 

You could do this with an app like https://apps.shopify.com/image-master

 

It does not automatically add the watermark/overlay when a product is pre-order - but you can easily search for the products that you want to add the overlay to and add the desired text or image overlays.  Then when the product is out of pre-order you can go back and remove the overlay.

 

Cheers,

Arve

0 Likes
Highlighted
Shopify Expert
341 24 62

I would do this / have done for you in the theme code - it will load faster and cost less over the long term.

 

Here's how I do it:

1. Find the snippet that displays your product images (probably something like product-grid.liquid, or product-thumbnail.liquid, etc).

2. Add the image with html.

3. Set the size / position with css.

 

You can also use Liquid to show only for certain conditions like new arrivals, on sale, under X price, etc.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Order Automator (app that auto fulfills orders, adds tags, emails).
Creator of Shopify Analyzer (free performance analysis tool).
I also build custom apps and automated solutions.
Enjoy the adventure!
0 Likes