How Can I Add Multiple Images To A Variant

Store Design
1

i want to add multiple images to a variant of a product,

Can someone please help ?

adding a link of a sample product.

https://mokobara.com/collections/new-arrivals/products/the-em-check-in-luggage?variant=40376450908230

2

Hi @Saarthak

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

you can follow the instructions below. in main-product.liquid file, press ctrl+ f then type “fieldset”

you will see the line lable. then you copy my code to enter

{% for variant in product.variants %}

{% if variant.title == value %}

{% if variant.image.src %}

{% else %}

{{value }}

{% endif %}

{% endif %}

{% endfor %}

PageFlyVictor_1-1666835697878.png
PageFlyVictor_1-1666835697878.png1366×768 63.2 KB

result:

PageFlyVictor_0-1666835604063.png
PageFlyVictor_0-1666835604063.png400×225 49.9 KB

Hope my solution works perfectly for you!

Best Regards;

PageFly

3

Some themes do have this feature check that themes documentation.

This is an advanced customization that can vary in how you do it.

Some associate many images to the same variant using the images alt attribute editable in the product admin, other add images as file reference metafield definitions.

Popular themes have existing discussions for this that can be found through search “themename multiple variant images”.

4

Hi @Saarthak ,

What theme are you using? please send me the theme name, I will help you check it

5

Hi,

Im using ENVY theme on trial & DAWN as the free theme.

6

Hi @Saarthak ,

You can refer for Dawn theme: https://www.youtube.com/watch?v=fCHMEh-EG7s

Hope it helps!

7

Hi,

My name is Kwaku. I’m working on an App that creates collages of images so you can create one collage of images for each variant. That could be a workaround for your use case that would work with any theme. I’m looking for shop owners to test it and give me their feedback so please let me know if you are interested.

Cheers