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

Highlighted
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
Highlighted
Shopify Partner
337 36 67
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.
If helpful then please Like and Accept Solution.
Email: suhagiyajivan1992@gmail.com
Skype: jivan.suhagiya
Give a try to Shopify APP: https://apps.shopify.com/checkout-reminder
0 Likes
Highlighted
Shopify Partner
3 0 2

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
821 67 196

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 Theme Scientist (A/B testing app).
Creator of Order Automator (app that auto tags + fulfills orders, send emails).
Creator of Tip Jar (add a tip button to your store).
Creator of Shopify Analyzer (free performance analysis tool).
My team also builds custom apps and automated solutions.
Enjoy the adventure!
0 Likes