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 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.
@@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?
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?
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
@@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 ?
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 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.
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, 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 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!👊🙌
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
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?
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
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?
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?
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?
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
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?
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..
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?
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
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, 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.
Very helpful, however, in mobile view and thumbnail carousel on desktop view there are no arrows indicating carousel direction, but is displaying: Liquid error (snippets/product-media-gallery line 193) could not find asset snippets/icon-caret.liquid Liquid error (snippets/product-media-gallery line 207) could not find asset snippets/icon-caret.liquid Tried on various themes, showing same problem :(
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, 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
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 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 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
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?
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
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
![[Shopify - Dawn Theme 15.2.0 ] How To Show Selected Variant Images](http://i.ytimg.com/vi/MfGv5uLy02A/mqdefault.jpg)
![[Shopify - Dawn Theme 15.2.0 ] How To Show Selected Variant Images](/img/tr.png)
⚠ I've updated this video for free theme versions above 15! ⚠
ruclips.net/video/HXN0TPtLXWA/видео.html
After tons of videos 15mins+ of headache this worked! Thank you!!!
Glad it helped!
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 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!
It worked perfectly for me!! Dawn 15. Thank you sooo much for your time and this amazing video. I am so grateful!
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
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 for the 15.0 update…it worked!
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 😄
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.
Well done, bro. This is like a premuim shopify app feature. 👍 I just implemented the code and it works beautifully.
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 you so much, I've followed many tutorials but just yours worked for me!
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.
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!
I love you! I was struggling so much with it :( Thank you Sir!
Works like magic, thanks a lot!!
@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
it was easy and well-explained. Thanks for the video!!
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
It actually still works, well done ;)
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 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 🤙🤙
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)
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
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
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"
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, 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/
Thnx it worked !! You are the best
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
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
3:18 can not find updatemedia
Please use updated video
ruclips.net/video/HXN0TPtLXWA/видео.html
I updated my theme to Dawn 15.2 and it doesn't work anymore :\
Instructions have changed, I will soon make an update to the video
@@amine-ammari You are the best, brother!
@@amine-ammari Waiting for the updated one! thanks
I have made and updated video:
ruclips.net/video/HXN0TPtLXWA/видео.html
can't find updatemedia in global.js in dawn 15.1
Yes Intructions have changed please check the code
hello when i type updatemedia nothing comes up
Yes I will make an update soon
@ thank you, I use dawn 15.2.0
@@amine-ammari you know , I watched other videos even using my version of dawn and still when I type “updatemedia” there’s nothing to be found
⚠ Updated Video:
ruclips.net/video/HXN0TPtLXWA/видео.html
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 😍😍😍😍😍😍😍😍
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
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
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
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.
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
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
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
Hero!! Thank you very much!
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
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:
ruclips.net/video/HXN0TPtLXWA/видео.html
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
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
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
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
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
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
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
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
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
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, 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
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
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
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
Very helpful, however, in mobile view and thumbnail carousel on desktop view there are no arrows indicating carousel direction, but is displaying:
Liquid error (snippets/product-media-gallery line 193) could not find asset snippets/icon-caret.liquid
Liquid error (snippets/product-media-gallery line 207) could not find asset snippets/icon-caret.liquid
Tried on various themes, showing same problem :(
I will make an update soon, stay tunned
I had the same problem and I thought icon-caret-code was wrong, but it wasn't. 😅
⚠ Updated Video:
ruclips.net/video/HXN0TPtLXWA/видео.html
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
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!
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
Thank you so much! this was reallyu helpfull!
Happy to help 😄
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?
Hello Amine, I did everything you said in this video but still all the colors are there and I am getting an error message in my snippet products.
Did you check the updated snippets
@@amine-ammari i think no where can i check it
Which updated snippets do you mean?
@@muhammedkahraman881 With the code I wrote something for theme version 15 and above for global js
Yes i did, I see still the same product for every color and size
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
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
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
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 Amine, thank you for this tutorial. Does it work also for paid theme ??
No only on the free themes
there is a possibility that I can use a same image in different colors?
Yes but not with this code
Working on Dawn 11, you are the legend!!!
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
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
Do you have a tutorial for Craft 14?
This works on craft 14
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
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
Is this for only one product store?
No it can work with multiple products
Thank you thank you thank you!!!!
Thank you sooooo much. A life saver. God bless 🙏🏼🙏🏼
Thanks Bianne! 😄
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
@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:
ruclips.net/video/HXN0TPtLXWA/видео.html
@ thank you!
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
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:
ruclips.net/video/HXN0TPtLXWA/видео.html
updatemedia option in not showing
what should i do
Check the instructions I made an update
@@amine-ammari I am trying to find handleupdateproductinfo on the Ride theme and cannot find it, what shall I do?
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
You are the best!
Thansk Emiliano! 😀
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
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 its not working on desktop
Make sure you are using a free theme
Thank you so much, God bless u bro
Thanks for watching Erlinda!
Glad it was helpful
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
Sir Thankyou so much..❤❤❤
Helpful🎉
Glad to hear that 😄
Thanks for your comment