Make Shopify Show Images For The Selected Variant: Copy & Paste to Boost Conversion Rate

----------------------------
TIMESTAMPS
00:00 - What we’re customizing in this video
01:01 - Demo of customization
05:09 - Adding the customization to your theme code
18:26 - Explanation: grouping your images together
20:33 - Using the Metafield grouping method
28:39 - Using the filename grouping method
31:48 - Using the alt text grouping method (similar to filename method)
34:35 - Why do we need to manage all our images like this?
----------------------------

#shopify #tutorial #ecommerce

Themes: Dawn, Refresh, Craft, Studio, Publisher, Crave, Origin, Taste, Colorblock, Sense, Ride, Spotlight

----------------------------

[sireveman]

Thank you for your work and providing it for free. Such a joke that we have to do this and multiple images per variant is not possible with default shopify.

[sireveman]

An updated version for theme version 14 would be awesome. As far as I can see, only the global.js code needs to be altered.

[elyvrastore]

Hi I'm using shrine theme. I did every step but there was no global.js file. So it has different name or ?

[charhayah]

Hello! This is exactly what I was looking for. Does this work for version 15 too?

[snowmanplan]

I followed this twice but I can't get it to work. As soon as I check the box for "Only Show Selected Variant Images", my thumbnails just turn into a squashed line. I don't know if it's possible to provide the code in full rather than copy-pasting bits here and there? (assuming everything else is unmodified).

[nsgaharwal]

Superb... Each step is just wow ❤ now looking for a zoom lightbox

[genius_maker]

Hello Sir! You're doing a fantastic work. Thank you so Much

I have a request if possible please make a small video on this.

I have disable add to cart button on my store. I want to keep only "Buy it Now" button on the product page and make this Buy it Now button STICKY.

Please make a video on this. I would really help me. Thanks

[yliahhh]

Thank you for this! I am having trouble though since I don't have a product-media-gallery snippet. I'm using a custom theme, do you have any suggestions?

[roiseaux]

Thank you! Would you be able to post an updated version for swatches in Dawn 13: on product page and on collection page's product grid? The old videos are outdated, and even with the written instructions, I was not able to implement them. I think while we wait for Shopify to roll out with the swatch feature, we really need a better solution, and I think your content has consistently been the most helpful. Would really appreciate an update! Thank you!

[thetimwinter]

The latest version of the Dawn theme does not appear to have an updateMedia section in global.js. Where can i get the code snippets to make this update?

[darshanparecha]

Bro, in new named "sense", in the gloabl.js file, there is no "updatemedia" line. what to call now?

[zahidshaaki]

Great always!! Can you please create an "image with text" section with liquid?

[MStatus-jntj]

Thank you very much. It works, but how can I put color switches on the collection for the same version and have it clickable?

[dekatool]

Your videos have been very helpful. I'm hoping for a version of this code for version 15 of dawn. Keep up the good work!

[SK-knov]

Is it possible to code so that only certain customer segments can add something to their cart? I dont want to pay for locksmith, and i want to items to still be visible, not hidden

Love your vids!

[adeisaac]

Very generous and very helpful....thanks again. As a side note, I have been working on a customer form but can't get the form to submit customer metafields...any ideas. Thanks

[alhasnain]

please make this full video again with full guidance

[wasabiboucht]

Hello, I have a problem, everything works fine, but the only problem is that I cannot click on any variant image, which means that I cannot change the image (I only see the featured image, and when I click on another image in the thumbnails, nothing happens). Could you help me?

[enriquepardomeca]

Great job!
Unfortunately it doesn´t work on theme version 14 😥

[swannfourmanoy]

Hello, thank for the Great content. iI have a problem when switching to an other variant on the product page, the main picture is updating but non of the extra pictures for this variant are showing (no thumbnail at all). When refreshing the page tho everything is showing correctly showing and the all the thumbnails appear. I thought it might be a problem with how i enter the code for the JS part. I redid it a couple of time but still cant find where the problem is from. Any help for this please ?