How can I create a product picture mockup with frame overlay?

Store Design
1

I’d like to get my product picture to be in a mockup and/or to get in a frame overlay.

So when a customer wants the product with a white frame, the product image will appear in the frame mockup we’ve set up.

Is this possible? A lot of websites do it.

2

Hi,

You can acheive this with playing around with variants and some photoshop. Can you share an example for what you want to give you the best solution for it ?

3

Hey @Alexrrrrrr

You can Hire a shopify developer for this.

This could be done using the custom liquid code and css.

With Regards,

Laddi

4

Absolutly:
https://posterandframe.com/products/the-poster-club-x-sofia-lind-you?variant=46890947543389

Then press black frame, white ect. this is something I’d like to add on all variants.

I’d also like to add it to a mockup in a environment.

We got like 30k products and 6 variants so its not something you can do by hand.. has to be a script

5

To acheive this you need to first save all your frames in the different sizes as .png

NatashaSaed_0-1695111061850.png
NatashaSaed_0-1695111061850.png662×837 21.5 KB

Also you need to prepare all the images for the products in different sizes

Then you can a script to make it overlay.

I guess you need to hire an expert for the script overlay and it will depends on the theme that you are using.

1 Like