App that allows 5+ variants to change product image

App that allows 5+ variants to change product image

Monty_3540
Tourist
6 0 1

Hi there 

I have a client that require their expanded Product Options, allow the Product image to change multiple times depending on the variant selected.

Essentially the products have a range of 'Configurators'
So you essentially build your 'Simulator' by selecting the variant for each part of the 'Simulator' and the picture updates accordingly based on your selection.

The options must also match the styling of the theme too - so it looks seamlessly styled

Lastly, it must add the variants item as an Add-On Product. So they can be removed from the cart / checkout and automatically update the price

Currently I utilise Easyflow Product Options, which has been fantastic and did everything perfectly up until now.
The product image was able to be changed based on the native variants inside Shopify (setting the images as you normally would)
Then the ones that DID NOT need to change the image, were added with Easyflow - since the app cannot change the product image sadly, but it fits the bill for everything else perfectly!

I can send a link for my current setup to give people an idea of what we have so far.
Essentially we just need the product image to be changed upon every variant that is filled out (if the selection requires it)

If anyone has any advice for an App that allows for this many Product Variant Image changes - and can have these variants styled to match the layout , it would be greatly appreciated!

Many Thanks
M

Replies 6 (6)

farid-movsumov
Shopify Partner
113 6 36

Hi @Monty_3540 thanks for detailed explanation of the issue. Can you please share example product URL?

If it is a single product with multiple variants you may try Rubik Variant Images app. For transparency I am the founder of the app and we built it to show only relevant variant images on product pages. 

Monty_3540
Tourist
6 0 1

Hi there

The URL for my Configurator Product is attached HERE.

Currently the first three Variant options (Model, Monitors and HUD) change the image - as they use the Shopify Native options inside Products.

Anything below that, currently uses EasyFlow for the Add-On Products and Price-Add. It is styled to match the Variant styling of the theme and works perfectly.

When the items are added to Cart / Checkout - they operate as an Add-On product, with Price-Addon updating when added / removed
- This MUST be kept for the customer

The customer however wants the Product Image to change, if you were to change additional fields such as 'Seat Vibration' & 'Motion System'.
This may expand to up to 6 fields changing the product image - rather than the standard 3 that come with Shopify Products.

 

We have images ready for these options - it is just a case of having a solution that works.
I must have gone through nearly 20 apps and different trials that say they can do this, but have limitations somewhere

 

Any help would be appreciated !

farid-movsumov
Shopify Partner
113 6 36

I see it seems like for the case where it is not native Shopify options which can be up to 3 our app won't be able to solve this issue unfortunately. I think you will require to do the custom coding here. 

ParseLab_Viyana
Shopify Partner
21 0 0

Hello @Monty_3540,

Thank you for your detailed explanation regarding the expanded Product Options. I understand that you require a feature that allows the product image to change dynamically based on the selected variants. This means that as customers choose different configurators for their simulator, the corresponding images should update seamlessly to reflect those selections.

You can try this by implementing a robust product option feature that supports multiple variants. It's available in the Inkybay - Product Personalizer app. Each variant can have its own unique image, ensuring that customers have a clear visual representation of their choices. Additionally, we will ensure that the styling of these options matches your theme, providing a cohesive and seamless user experience.

You will get 21 days of free trial to test it on your store.

product-page-gif.gif

Emmy_Viyana | PARSELAB
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our app:Inkybay

Eli_Kickflip
Shopify Partner
77 5 8

Hi @Monty_3540,

 

I believe Kickflip is the perfect platform for your needs! With Kickflip, your customers can customize products directly on your online store and see their changes in real time. You can offer multiple variants, and the product image will dynamically update based on their selections.

 

Additionally, the customizer’s design can be tailored to match the look and feel of your store seamlessly. However, please note that customization options won’t appear as add-ons in the cart. Instead, Kickflip generates a new product page, and when added to the cart, it will display a summary of the customer's selections.

 

If you have any further questions, feel free to reach out to us via live chat—we’re happy to help!

 

Looking forward to assisting you! 😊

Elisabeth

Easify-Jolie
Shopify Partner
128 6 11

Hi @Monty_3540 

You can check out Easify Product Options for this. It allows dynamic product image updates based on selected variants and ensures that add-on products can be removed separately while adjusting the total price automatically. Plus, it's super simple to use—no coding needed! Here's how it works:

  • This is the result

EasifyJolie_0-1739265762339.png

EasifyJolie_3-1739266618454.png

 

  • This is the app setting

EasifyJolie_1-1739265805648.png

To enable live preview, you just need to turn on the 'Enable live preview' in the Product Personalizer for file upload and text box:

EasifyJolie_2-1739266098088.png

 

This app is very begginer-friendly, I hope this answer helps you solve the problem. If you need further assistance, feel free to reach out to Easify anytime! 😊

 

Easify Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support