Looking for an App to overlays Images on base image according to selected Variant

Highlighted
New Member
3 0 0

I am looking for an app able to accomplish something similar to https://custom-skin.myshopify.com/products/iphone-6-skin  Where I am able to overlay on top of a base image based on variant selected. 

I will need to manage inventory of each variant/component selected but uploading a separate image of each combination would not be manageable. 

Are there any apps that help accomplish this? I have looked through the major product personalization options but none of them completely solve for the use case. 

0 Likes
Highlighted
Shopify Staff
Shopify Staff
429 47 96

Hey, @tnolz 

The website you have referenced is actually using unique variant photos to accomplish this. Except the photo is the exact same and they have simply edited the photo to put each design on the phone image. In order to accomplish this, you would need to create a photo for each variant to create this 'overlay' effect. Then, when a customer cycles through your variant options, the variant image will change to the appropriate one.

If there is anything else I can help you with, please let me know.

Dirk | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
3 0 0

Thank you @Dirk This would require custom development correct?


 In the example and my use case a user  has multiple selections so a very high number of combinations. 

 

The example has a base image: cdn.shopify.com/s/files/1/1277/2223/products/iphone6_template_grande.png?v=1462396331 

 

Then each selection has its own overlay image e.g. 
Front:  
https://cdn.shopify.com/s/files/1/1277/2223/products/iphone_6_pearl_purple_glitter_front_grande.png?...

Back: cdn.shopify.com/s/files/1/1277/2223/products/iphone_6_beech_wood_accent_grande.png?v=1462396331 

Accent: https://cdn.shopify.com/s/files/1/1277/2223/products/iphone_6_matt_silver_back_grande.png?v=14623963...

 

I will need the base image to always display then display multiple overlays according to the combinations of selections by the user. Each selection will have its own inventory that will need to be tracked. 

0 Likes