@@amine-ammari Hi Amani, we are still on Dawn v.11 and just noticed that the feature is not working for some languages i.e. namely spanish and English, it does however work on the Portuguese and German store. Any idea why this might be?
Thank you sir, this worked on dawn 15 update, I saw so many videos but all videos were uploaded one year ago. but you have wrote in Code snippets for version 15, finally I can work perfectly, thank you very much
That's great! Let me know the features you want me to make a video on! Would love to see the store once it's ready! You can email me the link if you don't mind
Brilliant! I have been trying to get something like this to work for days with many methods and youtube vids. This one is by far the best and easiest approach, thank you
@@amine-ammari Hey, still loving you videos, very helpful. I just came back to this one wondering if you could help with something. I have this setup working as intended. Only thing is if I change colour but the currently selected size is out of stock, the images won't change (until you select a size that is available) - Is there any way to force the images to still change? Or perhaps have it auto-select the next size that is available or something?
thank you soooooooo much for this video!!! I have been trying to figure this out for hours with no help from shopify support. You made it so easy to follow and the coding ready. I appreciate you so much.
It works great on Dawn 12, but can you make it work on Dawn 13, and include color swatches as well as show variants as separate products on collection pages?
This tutorial still works on Dawn 13 Same for variants as separate products Although the color swatches won't work on Dawn 13 because it will soon support color swatches natively
This is a great approach! It’s not working for my Dawn 13 and only works on some products for my Taste 13. Looking forward to the update, I’ll troubleshoot some until then. Details: All products use the default product template. Some have additional variant like Size. But it doesn’t work on all of the products with a single variant option.
@Amine AmmariThe change in the product-media-gallary file is affecting the featured product section when we add the section in the home page it shows all the images regarding the product which should not be like this
Excellent Modification. I tested on Dawn 12.0. Works beautifully. Thank you.I tested on thumbnail carousal also. Works great. I was wondering if you could make a video on how to display the thumbnail carousal on the left side of the main image rather than under the main image which is default feature in Dawn theme. Thanks again. Keep up the good work.
Hi Amine. I just updated to Trade V15. If you can advise the steps on how to do achieve media grouping on this version, that would be greatly appreciated.
I have followed the exact staps but it still does not work. The only thing that happens is that the front image changes when I select a different colour but the other pictures are not going away. Also, in the duplicated version I checked the other product, and all the pictures where gone… I would appreciate some help!👊🙌
Thank you this works great for the default product template. I have other product templates that I would like this to work on. Is there a way for this code to work on other product templates and note just the default product?
hi thank you very much for your video but for me it doesn't quite work. when I select a variant, it only shows me the first image. maybe because I put alternative text on each image to find myself? if you have an idea, better thanks again. sorry for the translation I am French speaking
Hi, it worked perfectly. But is it possible to hide the thumbnail image in the Produkt page? Because it has a diferent Layout and design as the variant pictures
Hi followed instructions for phone case use works ok with switching variant's but still shows rest of model. I would choose the 1st one on the variant list that would show all prober images, choose another it will show the proper image the main image but the images from the beginning for the list does not change only the first image of selected variant changes pls help using Dawn 13.0.01
Hi, I am working on a shopify store with the sense theme. I have implemented all the steps, works fine, but once I chose another color, the buttons do not respond. Please help
Hi, please make sure you installed the code properly and that your images are ordered correctly If you need to hire a developer you can reach out here amineammari.com/contact/
Hi, could you please help? I sell a necklace that customer could choose Red box and Silver necklace, or Pink and Necklace Color Silver, how do I do this so it shows different pictures for different options?
What if you have a varying number of images per variant. As in; some colors have 1 image while others have 7. I can't seem to get the images to line up correctly. Am I doing something incorrectly or is this an issue? Thanks
I have products that have images with different sizes and colors. Are you able to do this for multiple variant options? In this video, it only works for one: color. I need size AND color.
hey, i just implemented the code and it works almost perfectly. But one issue i have is that when i click on the first color selection no other images show up, but when i click on the other colors, the picture associated with the first color shows up along side the other colors. Any ideas on how to fix this issue?
This method works but after applying it my features product section's product images get messy, can you make an updated version where the new code doesnt interfere with the "featured product" section?
Got this to work on Dawn 14, exactly what we needed. Much appreciated. However, since Dawn 15.0.0 was just released, can this be tailored to work in v15?
Hi tried with updated step i.e pasted the code on line 167 in product-info instead of global. But the other variant images do not get hidden. I tried the 2nd code which you have given on the link but that is also not hiding the other images. Please help
Hi, the product images disappear when I select the variant and I have to refresh the page to make it appear and when it does appear it is only one image. I changed the product-info.js file and followed all the steps multiple times but still doesn't work properly. What should I do?
If you followed all the steps and it still doesn't work I recommend getting in touch with a dev, it's difficult to tell you what to do you without looking at the code
Thanks!! I want to display a secondary image while people hover on the collection page, now it does not show the correct 2nd variant photo. Can you explain how I can do that? Thanks for the amazing value!!
The code that you installed doesn't change the collection page I think it must be my other tutorial "show variants as separate products", I did fix the problem by updating the code snippet that you install Please install the code snippets again
@@amine-ammari Thanks! I indeed followed both of your videos, I updated all the snippets but it is still showing the second media file from the product I created and not 2nd color variant photo. Thanks again for the effort
Has anyone noticed if this degrades the ability for the drawer to open on the theme and when the add to cart button is clicked regardless of the cart setup it will send the user to the checkout page?
Instead of creating a new page template for the products you don't want to have a grouping feature, is it possible to use a true or false product metafield?
THIS IS THE BUG. YOU'LL SEE BELOW ERROR ON SMALL SCREEN Liquid error (snippets/product-media-gallery line 193): Could not find asset snippets/icon-caret.liquid 1 / of 2 Liquid error (snippets/product-media-gallery line 207): Could not find asset snippets/icon-caret.liquid
So, I'm not an expert in coding; in fact, I don’t know how to code at all. But after reading a lot and going back and forth with ChatGPT, I found that there might be an issue with the line {% render 'icon-caret' %} in product-media-gallery.liquid . I replaced it with . This change got rid of the ugly error text, and now I have functional thumbnails on both mobile and desktop. The only issue is that if you select 'hide thumbnails' or 'two columns' for mobile, it will display a bugged view with the error code. However, as long as I have the thumbnail option set to 'Show thumbnails,' it works like a charm. I wouldn’t call what I did a fix, but it’s definitely a good workaround. You can give it a try. The {% render 'icon-caret' %} lines to be replaced are 242 and 369. Although there are only two lines with this logic, you can just click once somewhere in your Product-media-gallery.liquid and press CTRL+F to find the line to be replaced, and replace it. I hope this works for you! I spent hours, and two days trying to figure this out. If I had known code, it would have probably taken me just a few minutes. But hey, at least I made it work, haha! PS: I'm using Spotlight version 15.1.0 UPDATE: Many other sections of the website are now messed up. The featured sections aren’t working properly, and the site overall is becoming very buggy. It seems this has nothing to do with the changes I made, since someone else in the comments is reporting the same issue. So, even if this workaround fixes your issue, you may still need to find a way to resolve other upcoming problems. Bottom line, I think these changes are worthless if you end up sacrificing your site's functionality just to have extra images displayed in your product section. Farewell
man it was really helpful but i got one problem that you need to refresh the page after selecting the varient to see the images of that varient. Can you help with that?
Thank you so much for tutorial. Very helpful. It worked perfectly at the moment when I applied it to theme. But now only first loaded variant appears well. First loaded variant shows only pictures of that variant (color) When I click other variants, it shows only pictures from that variant but it shows also one picture (first one) from first loaded variant. Very strange behaviour. Can you help?
Hi, the sense theme is also updated from 14 to 15, please share the steps for the same. Edit: I had referred to the code snippets and I have made every changes according to the steps. It is not working. Please help.
man it was really helpful but i got one problem that you need to refresh the page after selecting the varient to see the images of that varient. Can you help with that? MAN I NEED YOUR ATTENTION IN THIS ONE..
There are different numbers of images in each image tab and they are all mixed up. How can I solve this situation? This happens even though I list all the pictures in media as you do.
Please make sure of the following: You grouped the images that have the same color. The first image of each group is assigned to a variant. The order of the group matches the order of the color values.
Great Video! It almost worked perfect, the only issue is that when I click on the image and it shows a larger image of them, it goes back to showing all the photos, can you help with this?
Hi, I followed all the steps, but confusing on updating handleUpdateProductInfo first step I pasted the code in line 167, below "The result will be like below" that there is another code where should I paste that?
@@amine-ammari All steps I followed perfectly, it's works fine in version 14, But In version 15.1.0 , there is error displayed in product page like liquid error(snippets/products media- gallery line 368) could not find assest snippets caret- liquid) in mobile view only this error displays on product page, Is there any fix for this? In desktop it works fine for version 15.1.0
@@amine-ammari thank you very much...your videos are very easy to follow and understand...it worked but when i click on the variant it doesnt auto refresh on its own..after clicking i have to refresh the website and then changes the variant..any suggestions on this ?
Thanqsm for awesome video!! It worked. There is only one issue that I want to show media images in product images but there is showing variant images in place of product image and in thumbnail crousel too variant images are showing!!!any solutions??? Plz reply
![How To Show Selected Variant Images [Dawn 15.1.0]](http://i.ytimg.com/vi/uDjviY12SiU/mqdefault.jpg)
⚠ I've updated this video for free theme versions above 15! ⚠
ua-cam.com/video/HXN0TPtLXWA/v-deo.html
After tons of videos 15mins+ of headache this worked! Thank you!!!
Glad it helped!
Very needed and straight forward explanation, worked perfectly. Thanks :)
I'm glad you liked it!
@@amine-ammari Hi Amani, we are still on Dawn v.11 and just noticed that the feature is not working for some languages i.e. namely spanish and English, it does however work on the Portuguese and German store. Any idea why this might be?
@@momocotton3049 you need to adjust the settings, I show how to do that in the video
@@amine-ammari The issue was with the translation app ;) But thanks for the quick reply
It worked perfectly for me!! Dawn 15. Thank you sooo much for your time and this amazing video. I am so grateful!
For anyone struggling with this - we made an app that we keep up to date with all the theme updates (including the premium ones)
Hey it's a nice app you've got there.
Thank you sir, this worked on dawn 15 update, I saw so many videos but all videos were uploaded one year ago. but you have wrote in Code snippets for version 15, finally I can work perfectly, thank you very much
Thank you for the 15.0 update…it worked!
That's dope. I'm currently working on a store redesign based on Dawn theme and this is exactly what I wanted to use for the selected variant images.
That's great! Let me know the features you want me to make a video on!
Would love to see the store once it's ready!
You can email me the link if you don't mind
@@amine-ammari Hey yeah, in sha Allah I will, was wondering how to reach out to you?
Btw, I found a bug in the code. I think, by default the very first image of the product i.e featured image, it always shows up.
@@k40L1n
Yes You just need to change the order of the values to make sure everything looks good
Brilliant! I have been trying to get something like this to work for days with many methods and youtube vids. This one is by far the best and easiest approach, thank you
Thanks for your kind words!
@@amine-ammari Hey, still loving you videos, very helpful. I just came back to this one wondering if you could help with something. I have this setup working as intended. Only thing is if I change colour but the currently selected size is out of stock, the images won't change (until you select a size that is available) - Is there any way to force the images to still change? Or perhaps have it auto-select the next size that is available or something?
thank you soooooooo much for this video!!! I have been trying to figure this out for hours with no help from shopify support. You made it so easy to follow and the coding ready. I appreciate you so much.
Glad it helped!
By far the easiest method out there, great job!
Awesome fix. It worked perfectly fine. You solution is simple and effective. Thank you so much
Thank youuuuu so much 100000000x lol ! It worked so easily! Don't stop posting videos ever !!
You're the besttt !!!
I'm glad this was helpful for you 😄
thank you so much, I've followed many tutorials but just yours worked for me!
Well done, bro. This is like a premuim shopify app feature. 👍 I just implemented the code and it works beautifully.
You are absolutely the best! And this is the best way to solve this problem!
Thank you for the positive feedback!
Amazing, this solved my problem for the past week!
It works great on Dawn 12, but can you make it work on Dawn 13, and include color swatches as well as show variants as separate products on collection pages?
This tutorial still works on Dawn 13
Same for variants as separate products
Although the color swatches won't work on Dawn 13 because it will soon support color swatches natively
This is a great approach!
It’s not working for my Dawn 13 and only works on some products for my Taste 13. Looking forward to the update, I’ll troubleshoot some until then.
Details:
All products use the default product template. Some have additional variant like Size. But it doesn’t work on all of the products with a single variant option.
I love you! I was struggling so much with it :( Thank you Sir!
It actually still works, well done ;)
it was easy and well-explained. Thanks for the video!!
This is so awesome, thank you so much!
Works like magic, thanks a lot!!
Hi and thank you for the tutorial. Can you make a tutorial for this implementation to the Dawn 15 please. ?
Please check the code there are instructions for Dawn 15 in there
@@amine-ammari Thank you 🤙🤙
Thnx it worked !! You are the best
I cannot find updatemedia within Global.js (3:13). Do you know something has changed? Can anybody help me out please?
Yes please check the instructions I updated them for recent dawn versions
@Amine AmmariThe change in the product-media-gallary file is affecting the featured product section when we add the section in the home page it shows all the images regarding the product which should not be like this
Yes thanks for pointing that out
@@amine-ammari can you make a version that fixes this?
@@atte7809 not anytime soon, I recommend hiring a developer
Excellent Modification. I tested on Dawn 12.0. Works beautifully. Thank you.I tested on thumbnail carousal also. Works great. I was wondering if you could make a video on how to display the thumbnail carousal on the left side of the main image rather than under the main image which is default feature in Dawn theme. Thanks again. Keep up the good work.
Thanks for the feedback
I will keep your video suggestion in mind
Hi Amine. I just updated to Trade V15. If you can advise the steps on how to do achieve media grouping on this version, that would be greatly appreciated.
Please check the cope snippet I added some instructions there
@@amine-ammari OMG Amine. You are a life saver. Thank you soooooooooooo much 😍😍😍😍😍😍😍😍
Thank you so much! this was reallyu helpfull!
Happy to help 😄
Thank you sooooo much. A life saver. God bless 🙏🏼🙏🏼
Thanks Bianne! 😄
3:18 can not find updatemedia
Please use updated video
ua-cam.com/video/HXN0TPtLXWA/v-deo.html
Hero!! Thank you very much!
You are the best!
Thansk Emiliano! 😀
You're amazing sir! Do you know how to link product color swatches to new product page?
I don't have the code it, but thanks for the suggestion!
Thank you for this tutorial! By the way is this applicable in Palo Alto Theme?
@@Solpacific
No only free themes
I have followed the exact staps but it still does not work. The only thing that happens is that the front image changes when I select a different colour but the other pictures are not going away. Also, in the duplicated version I checked the other product, and all the pictures where gone… I would appreciate some help!👊🙌
Please make sure you are using a free theme
And if you have version above 15 make sure to check the updated instructions
Thank you this works great for the default product template. I have other product templates that I would like this to work on. Is there a way for this code to work on other product templates and note just the default product?
Yes you just need to enable the setting on the other template just like you did for the default
hi thank you very much for your video but for me it doesn't quite work. when I select a variant, it only shows me the first image. maybe because I put alternative text on each image to find myself?
if you have an idea, better
thanks again. sorry for the translation I am French speaking
Hi,
please make sure the images are in the right order, and that you installed the code properly
I think you missed the step of the global JS file
Working on Dawn 11, you are the legend!!!
Hi, it worked perfectly. But is it possible to hide the thumbnail image in the Produkt page? Because it has a diferent Layout and design as the variant pictures
Yes you can hide them by changing the layout
You can pick a stacked layout for images
There's no updateMedia in my global.js... why? anybody has the same issue?
same here
Hi
please check the updated instructions that are in the code snippet
Hi followed instructions for phone case use works ok with switching variant's but still shows rest of model. I would choose the 1st one on the variant list that would show all prober images, choose another it will show the proper image the main image but the images from the beginning for the list does not change only the first image of selected variant changes pls help using Dawn 13.0.01
Hi,
Please Install another theme and go through the installation process again and make sure your product images are setup properly
Hi, I am working on a shopify store with the sense theme. I have implemented all the steps, works fine, but once I chose another color, the buttons do not respond. Please help
Hi, please make sure you installed the code properly and that your images are ordered correctly
If you need to hire a developer you can reach out here
amineammari.com/contact/
Hi, could you please help? I sell a necklace that customer could choose Red box and Silver necklace, or Pink and Necklace Color Silver, how do I do this so it shows different pictures for different options?
You should use an app that can group the images for you, this tutorial doesn't work with combined options, only groups images using one option
Thank you for your reply, any App suggestion please?😊
@@CuriosityUnleashed410
apps.shopify.com/variant-image-wizard
Its not working on my Dawn 14. When I select Enable Media Grouping the photo og my product disappears!
I just tried it today on Dawn14
Please install a new theme version and go through the installation proces again
What if you have a varying number of images per variant. As in; some colors have 1 image while others have 7. I can't seem to get the images to line up correctly. Am I doing something incorrectly or is this an issue? Thanks
This wil work even if each color has different number of images
Do you expect to support Dawn 15 any time soon?
Not anytime soon
But you can reach out if you are willing to hire a dev to help you with that
I have products that have images with different sizes and colors. Are you able to do this for multiple variant options? In this video, it only works for one: color. I need size AND color.
No only one option at a time for this solution
I recommend using an app instead if you need multiple
apps.shopify.com/variant-swatch-king
@@amine-ammari Will try it out. Thanks.
@@amine-ammari Found an app for it. It's called "Variant Image Wizard + Swatch"
Sir Thankyou so much..❤❤❤
hey, i just implemented the code and it works almost perfectly. But one issue i have is that when i click on the first color selection no other images show up, but when i click on the other colors, the picture associated with the first color shows up along side the other colors. Any ideas on how to fix this issue?
please make sure you installed the code properly
This method works but after applying it my features product section's product images get messy, can you make an updated version where the new code doesnt interfere with the "featured product" section?
If I make an update I will keep that in mind, but I can't make an update at the moment you will have to hire a dev
Got this to work on Dawn 14, exactly what we needed. Much appreciated.
However, since Dawn 15.0.0 was just released, can this be tailored to work in v15?
No unfortunately the code is too different
@@amine-ammari Could you make a video on how to do it for Dawn v15 please?
Hi tried with updated step i.e pasted the code on line 167 in product-info instead of global. But the other variant images do not get hidden. I tried the 2nd code which you have given on the link but that is also not hiding the other images. Please help
I suggest hiring a dev if you can't figure this out, it's difficult to help you without look at the code
Hi, the product images disappear when I select the variant and I have to refresh the page to make it appear and when it does appear it is only one image. I changed the product-info.js file and followed all the steps multiple times but still doesn't work properly. What should I do?
If you followed all the steps and it still doesn't work I recommend getting in touch with a dev, it's difficult to tell you what to do you without looking at the code
its not working properly, the pictures are not being adjusted and the code is being shown on the preview page as well
Did you follow the updated instructions in the code snippets (global.js)
Thanks!! I want to display a secondary image while people hover on the collection page, now it does not show the correct 2nd variant photo. Can you explain how I can do that? Thanks for the amazing value!!
The code that you installed doesn't change the collection page
I think it must be my other tutorial "show variants as separate products", I did fix the problem by updating the code snippet that you install
Please install the code snippets again
@@amine-ammari Thanks! I indeed followed both of your videos, I updated all the snippets but it is still showing the second media file from the product I created and not 2nd color variant photo. Thanks again for the effort
Has anyone noticed if this degrades the ability for the drawer to open on the theme and when the add to cart button is clicked regardless of the cart setup it will send the user to the checkout page?
This has nothing to do with the cart, make sure the cart is set to drawer in the theme settings
If that is happening, it's most likely due to a JS error that's happening. Check the Console tab in your Browser developer tools.
Do you have a tutorial for Craft 14?
This works on craft 14
Hello Brother, everything worked except that i need to refresh the page in order for the color to change. Please advise. (Am using Dawn theme)
You probably missed the javascript part, please make sure you followed the updated steps
Hi Amine, thank you for this tutorial. Does it work also for paid theme ??
No only on the free themes
Hi, thanks for that but will it work for size variants? like can it sort the products & their images ACC to size selected?
Yes it will work for size variants
Thank you so much, God bless u bro
Thanks for watching Erlinda!
Glad it was helpful
Works great on desktop, but seems to not load the images on mobile. Any way to fix this? I am working with Dawn v15.0.2
make sure to follow updated steps for version 15
If it is still not working I recommend hiring a dev or using an app
Instead of creating a new page template for the products you don't want to have a grouping feature, is it possible to use a true or false product metafield?
Yes, it's possible but template pages are the best way in my opinion.
You will need to a dev to create this feature
Hi Amine, the link you provided has no content. I see only a blank white page and no code. Could you help me?
I can see the content, please try a different browser
@amine-Ammari what are the steps to do this for the newest version of ride 15.2?
The updated steps are with the code, I will soon make an update
@@amine-ammari I looked at the steps but could not find handleproductupdateInfo when i tried searching it
I have made and updated video:
ua-cam.com/video/HXN0TPtLXWA/v-deo.html
@ thank you!
Hii, it's works well but it shows the original product media images size even if i select media sizes to fill . Please fix this
Make sure you are using a free theme and that you followed the updated steps for recent themes
@@amine-ammari i did but the size of media fits original, i want it fill
So I tried the updated code with dawn v15. It works on desktop, but it's gonna cause bug on the phone. I'm glad I saved a copy...;
THIS IS THE BUG. YOU'LL SEE BELOW ERROR ON SMALL SCREEN
Liquid error (snippets/product-media-gallery line 193): Could not find asset snippets/icon-caret.liquid
1
/
of
2
Liquid error (snippets/product-media-gallery line 207): Could not find asset snippets/icon-caret.liquid
Ok thanks for reporting that
So, I'm not an expert in coding; in fact, I don’t know how to code at all. But after reading a lot and going back and forth with ChatGPT, I found that there might be an issue with the line {% render 'icon-caret' %} in product-media-gallery.liquid . I replaced it with .
This change got rid of the ugly error text, and now I have functional thumbnails on both mobile and desktop. The only issue is that if you select 'hide thumbnails' or 'two columns' for mobile, it will display a bugged view with the error code. However, as long as I have the thumbnail option set to 'Show thumbnails,' it works like a charm.
I wouldn’t call what I did a fix, but it’s definitely a good workaround. You can give it a try.
The {% render 'icon-caret' %} lines to be replaced are 242 and 369. Although there are only two lines with this logic, you can just click once somewhere in your Product-media-gallery.liquid and press CTRL+F to find the line to be replaced, and replace it.
I hope this works for you! I spent hours, and two days trying to figure this out. If I had known code, it would have probably taken me just a few minutes. But hey, at least I made it work, haha!
PS: I'm using Spotlight version 15.1.0
UPDATE: Many other sections of the website are now messed up. The featured sections aren’t working properly, and the site overall is becoming very buggy. It seems this has nothing to do with the changes I made, since someone else in the comments is reporting the same issue. So, even if this workaround fixes your issue, you may still need to find a way to resolve other upcoming problems.
Bottom line, I think these changes are worthless if you end up sacrificing your site's functionality just to have extra images displayed in your product section.
Farewell
man it was really helpful but i got one problem that you need to refresh the page after selecting the varient to see the images of that varient. Can you help with that?
You need to copy paste the global.js snippet as well
can't find updatemedia in global.js in dawn 15.1
Yes Intructions have changed please check the code
Thank you so much for tutorial. Very helpful.
It worked perfectly at the moment when I applied it to theme.
But now only first loaded variant appears well. First loaded variant shows only pictures of that variant (color)
When I click other variants, it shows only pictures from that variant but it shows also one picture (first one) from first loaded variant. Very strange behaviour.
Can you help?
Please go through the product setup again and install the code snippets again
Maybe you skipped a step in the process
@@amine-ammari Thank you for very quick answer. I applied code changes on Dawn ver. 12 and now everything works just fine. Thanks again!
awseome video , next can you make a video how we can make a cutomizable mega menu
Thanks for the suggestion!
I will keep the menu in mind
hello i love the vidéo , it's possible to vidéo on bullet point on product page ?
Thanks for the video suggestion
You can add bullet points in the description of the product
I mean above the product image not in the description @@amine-ammari
@@myferrann
If you mean add videos with product image then yes
Hi please help! How can i add images for each size for my product?
My product are suitcases so i want to add for each size and color different image
You will need to use an app for that if you want to support multiple variant options
@@amine-ammari which app?
@@muhammedkahraman881 Search for
Swatch King: Variants Options
but the gallery view on mobile screen gets disturbed it shows snippet code error
I apologize for the issue, make sure you are using a free theme.
I will update this video in the future
I have made and updated video:
ua-cam.com/video/HXN0TPtLXWA/v-deo.html
Hi Amine, Is it possible to have specific images shown up when selecting two variants colors i.e. our product can be composed of two colours?
yes but you will need to use an app
@@amine-ammari Is there any app that you can recommend?
@@momocotton3049 No not really sorry, try some combined listing apps or maybe ask the support maybe they can recommend something
sir i followed every step but i am getting wrong color Variant Image when i select
Please make sure the order of the images is correct and that you added the code properly
Helpful🎉
Glad to hear that 😄
Thanks for your comment
Sir everytime we make changes should we duplicate the theme? And can we delete the old one so the website speed wont decreases
Draft themes don't affect the website speed
You can keep them there isn't any issue with that
Hi, the sense theme is also updated from 14 to 15, please share the steps for the same.
Edit: I had referred to the code snippets and I have made every changes according to the steps. It is not working. Please help.
Make sure you followed the new steps for ver 15
@@amine-ammari yess, i have followed all the steps
@@HarshhhGada Then you should get in touch with a dev to help you
Error saving sections/main-product.liquid
Unable to update the file
Invalid JSON in tag 'schema'
What should i do?
You probably made a mistake while pasting the json code, on top left of the file you can restore the initial version of the file
The new instructions for the dawn 15 and above are not very clear
I apologize for that, I recommend hiring a dev
to help you
Hey, can i choose only the selected variant for different variants like frame, fabric, finishes combination selected all at once.
Only one option at a time you can't have combinations
U mean with this code we can't. But we can code it right? If so can u pls help me with that.
@@adilabaseer558
Yes it's possible with code you will need to hire a developer to do that
man it was really helpful but i got one problem that you need to refresh the page after selecting the varient to see the images of that varient. Can you help with that?
MAN I NEED YOUR ATTENTION IN THIS ONE..
You need to copy paste the global.js snippet as well
Hey bro, do I need to do each item individually, or can I do the coding for all the items ? Thanks
This applies to all items at once
There are different numbers of images in each image tab and they are all mixed up. How can I solve this situation? This happens even though I list all the pictures in media as you do.
Please make sure of the following:
You grouped the images that have the same color.
The first image of each group is assigned to a variant.
The order of the group matches the order of the color values.
I did my friend but they all mixed :/ can I send your mail photo or something to show the situation?@@amine-ammari
@@amine-ammari how do we group items?
@@amine-ammarito group does it mean we just put them in right order?
@@Ladyangelgrll Yes
hello, I am using sense theme but I don't have product-media-gallery. How can you help me please ?
Please update your theme to a recent version
I updatet it and I found it now, but when I click on an other variant the variant images don't show. I did all the steps correctly
When I updatet my theme, I lost all my customization, I copied the old code and paste it on the new one, but it changed nothing. how can I do?
@@MehdiBenali-z7b
I tested the code on Dawn 13 it's working properly
Maybe you missed at step
@@amine-ammari No I didn't mis any step
Great Video! It almost worked perfect, the only issue is that when I click on the image and it shows a larger image of them, it goes back to showing all the photos, can you help with this?
Thanks, but you will have to hire a dev unfortunately
love you bro
Love you too bro
😉😉😉😉@@amine-ammari
there is a possibility that I can use a same image in different colors?
Yes but not with this code
mine isnt working when i start selecting different colors
Maybe you are using a v15 theme, you will need to check the new installation instructions
Hi @amine-ammari,
Have been trying the same for crave theme(free ) it is not working out.
Hi,
Please go through the installation process again
Maybe you missed a step in the installation
Hi, I followed all the steps, but confusing on updating handleUpdateProductInfo first step I pasted the code in line 167, below "The result will be like below" that there is another code where should I paste that?
No the result is just how the code will look like after you paste the first one
@@amine-ammari
All steps I followed perfectly, it's works fine in version 14, But In version 15.1.0 , there is error displayed in product page like liquid error(snippets/products media- gallery line 368) could not find assest snippets caret- liquid) in mobile view only this error displays on product page, Is there any fix for this? In desktop it works fine for version 15.1.0
@@aniketullal06 - same error I am getting...did you got a resolution ?
I was able to solve it with some minor code changes
@@DeepaanshuJain Can you share the changes with us?
Hi I followed all the steps but not able to see the media grouping in the product information how can i resolve this
Make sure you are using a free theme and not a premium one, you can also go through the installation process again
@@amine-ammari thank you very much...your videos are very easy to follow and understand...it worked but when i click on the variant it doesnt auto refresh on its own..after clicking i have to refresh the website and then changes the variant..any suggestions on this ?
@@Raahha-b8x It's javascript issue, please take a look at the instructions again
@@amine-ammarithank you let me give it a retry
Thank you!
Your're welcome Luigi 😄
Make a video on how to have more than 100 variants
Thanks for the suggestion
Shopify will soon enable 2000 variants per product, but we don't know when exactly.
when i click hide other variants media after selecting a variant it "s not showing variant but when uncheck it it works is there any fix for this sir
Please go through the installation process again on a new theme and try again
@@amine-ammari you mean new copy of dawn sir
@@youngthug6408 Yes
@@amine-ammari i am getting same result sir
Thanqsm for awesome video!! It worked. There is only one issue that I want to show media images in product images but there is showing variant images in place of product image and in thumbnail crousel too variant images are showing!!!any solutions??? Plz reply
Make sure you followed the updated instructions in the code snippets
Following the same code as notion for dawn 15
Just want to show media images in thumbnails and product image by default if i am not selecting any variant
@@priyabhardwaj7799 Ahh I understand, you will need aditional code edits for that
Hey, I was trying to use your code, I'm using the origin theme but no "updateMedia" in global.js, any idea where to paste the code?
Check the code I made an update there
@@amine-ammari But I still do not know where to put the code, any suggestions?
I have made and updated video:
ua-cam.com/video/HXN0TPtLXWA/v-deo.html
Thank you thank you thank you!!!!