I cannot express how happy I am to find you. These instructions are spot on, clear and very easy to follow. You’re great and I wish you had info in your bio so that I could send a $tip$ or something. Many many thanks for your great work!
My website is updated with the right code. Not the video though. Do not follow the video after 5:50 instead follow the steps in the website. You dont skip anything there
This tutorial is so useful! Thanks for sharing it. Luckily I managed to find this at the right timing. Overall the slider works great on my Dawn theme, however, the forward arrow at the bottom (which user is supposed to click to slide the product thumbnail photos sideways) does not work. Hence, i can only click to see the first 4 photos at the moment and can't slide past through that on Desktop view. The arrow is also not working on mobile, though I can still slide the photos back n forth on mobile screen. Appreciate your help in advance!
Thank you very much, this worked well except there is a lot of space below my picture and my slider. It seems to be adjusting for my longest vertical picture, even though my first image is square. Is there any way to fix this?
Thanks for sharing. It does work, the slider appears on the product page, but all my pictures are there too in bigger formats. They are all in the slider, but also on the actual page? any ideas to how I can remove the pictures so that they only appear in the slider? Thank you
Thanks so much for making this tutorial! It was so easy to follow and the slider looks great. Would you happen to know how to tweak the code to have the arrows appear on the right and left side of the product image? I think this will make it more intuitive for my customers as I see it on a lot of sites. Thank you!
Very very thanks to you. Also i made the thumbnail images to left of the main large image. Could you please help me to add arrows at the end and begining of the slider? Again thank you for this video
What a wonderful video... It worked great on desktop but is there a way to keep the mobile scrolling/swipe with finger? Clicking each picture on mobile makes it feel tedious to me. Any thoughts would be much appreciated Thanks again for this video
Hey, this has worked great thank you. However my only issue is that the images show 'cloudy' underneath until clicked on.. Is there a way for them to stay looking clear? please help thank you
Unable to get this code to work. It shows the images as a carousel below the main image but doesn't show the slider arrows or numbers as you have shown. COuld you please guide where i went wrong?
Dear Made4uo. I have done exactly how you showed in you video. When I ran the SEO test, it showed that the alt attributes are missing. I got WARNING : Alt attribute for images is missing. What can I do to resolve it?
@@made4uo I have checked the alt and they are as should be but not working. I was trying to share the link to the screen shot, but TH-cam deleted my message. I also added the extra code to the theme file to address the issue but it was no of help.
@@made4uo thank you for getting back to me, in dawn theme I need more filter options like gender - male, female, kids. This is to sort the products for customer
Solved: Thank you so much, I really appreciate it. Please keep posting
I cannot express how happy I am to find you. These instructions are spot on, clear and very easy to follow. You’re great and I wish you had info in your bio so that I could send a $tip$ or something. Many many thanks for your great work!
OMG OMG OMG! Your tutorial was so clear and simple, I managed to follow it and I am so HAPPY now. Thank you sooooo much! You've made my year!
I have a small issue with this @Made4uo, when you click on the product page, the main image doesn't show in the slider, how do I fix that, please?
OMG! I was searching for several hours! This is great! IT WORKS!
thank you! it works amazing!
This worked great for me. Thank you so much!
Thank you so much for this tutorial, so just to make sure we only do the 8 steps. Steps 9 and 10 with global.js we skip it. Thks
My website is updated with the right code. Not the video though. Do not follow the video after 5:50 instead follow the steps in the website. You dont skip anything there
Thank you for this AMAZING video)
Awesome! Thank you so much!
THANK YOU SO MUCH Worked perfectly!
legends
Great 😊.
has this code been updated on the backend? I can't find slider component
legend you are
Thanks a lot, I appreciated your help. The Dawn theme doesn't have standard slider function, which is annoyed
Perfect!
Thank you!!
This tutorial is so useful! Thanks for sharing it. Luckily I managed to find this at the right timing. Overall the slider works great on my Dawn theme, however, the forward arrow at the bottom (which user is supposed to click to slide the product thumbnail photos sideways) does not work. Hence, i can only click to see the first 4 photos at the moment and can't slide past through that on Desktop view. The arrow is also not working on mobile, though I can still slide the photos back n forth on mobile screen. Appreciate your help in advance!
The code needs to be updated. If this does not work. It means you have version 2.5 of Dawn which includes the slider
Thanks; an you post a tutorial on how to link image with variant so once the image changes the variant does as well
Thank you very much, this worked well except there is a lot of space below my picture and my slider. It seems to be adjusting for my longest vertical picture, even though my first image is square. Is there any way to fix this?
Thanks for sharing. It does work, the slider appears on the product page, but all my pictures are there too in bigger formats. They are all in the slider, but also on the actual page? any ideas to how I can remove the pictures so that they only appear in the slider? Thank you
Thanks so much for making this tutorial! It was so easy to follow and the slider looks great. Would you happen to know how to tweak the code to have the arrows appear on the right and left side of the product image? I think this will make it more intuitive for my customers as I see it on a lot of sites. Thank you!
I did made a video with that. Here th-cam.com/video/S3lkk7w9W6Q/w-d-xo.html
Hi, thank you for your tutorial. Amazingly crystal clear. Can you tell me how to display same-sized-squared images on the slider please?
Use aspect-ratio: 1 for the li's
Very very thanks to you. Also i made the thumbnail images to left of the main large image. Could you please help me to add arrows at the end and begining of the slider?
Again thank you for this video
What a wonderful video... It worked great on desktop but is there a way to keep the mobile scrolling/swipe with finger? Clicking each picture on mobile makes it feel tedious to me.
Any thoughts would be much appreciated
Thanks again for this video
Hi. The slider works with swipe as well
Hi! The code worked! But the slider makes it so two halfs of direrent product pictures show when klicking on one varient. Could you help me?
Hi. If you have Dawn version 2.5 and above or other Shopify 2.0 FREE themes, there is already a thumbnail slider included
Is there any easy way to set the reviews sistem with stars ? withous paying any app?.Thanks
thank you so much
Hey, this has worked great thank you. However my only issue is that the images show 'cloudy' underneath until clicked on.. Is there a way for them to stay looking clear? please help thank you
Hi,
Just open the product-slider.css under asset folder (the one you created) and delete the code:
.slide-image {
opacity: .5;
}
That should fix it
This worked but now im curious how to make sticky, so the image scrolls down with the description
Unable to get this code to work. It shows the images as a carousel below the main image but doesn't show the slider arrows or numbers as you have shown. COuld you please guide where i went wrong?
Yes. Are you able to message me in the website. Made4uo.com. use the chat with us. We can talk there
Thanks! It's working, but the numbers are mixed up, I guess it has something to do with the website is RTL. What should I do to fix it?
Hi,
Please refer to this video instead. th-cam.com/video/S3lkk7w9W6Q/w-d-xo.html
nice thank you
Dear Made4uo. I have done exactly how you showed in you video. When I ran the SEO test, it showed that the alt attributes are missing. I got WARNING : Alt attribute for images is missing. What can I do to resolve it?
You have to add an alt attribute to the img tag. Did it mentioned which images?
@@made4uo I have checked the alt and they are as should be but not working. I was trying to share the link to the screen shot, but TH-cam deleted my message. I also added the extra code to the theme file to address the issue but it was no of help.
🙏🙏🙏🙏🙏
I did everything perfectly, it took me +45 minutes and finally the arrows on the product page did not work!.
what a shame I wasted time
Hi. I am not sure if you pasted it correctly
Awesome but it didn't do it for me, dawn 2.3, just thought of informing in case anyone else has the same version.
Hi, Please update your code. Check this video instead. th-cam.com/video/S3lkk7w9W6Q/w-d-xo.html
Can this be used for Brooklyn Theme?
No sorry
Hi there, does this work for Studio Theme?
Hu studio theme already have a slider
unfortunately this broke the view of the varients
This only works in Dawn 2.4 and below. Please check your version
The link now goes to a 404 which is a bummer because it was the only solution I found that worked.
Hi, My bad. I updated the URL
Can you make a video about how to make group filtering on product page.
Hi Can you tell me more about this?
@@made4uo thank you for getting back to me, in dawn theme I need more filter options like gender - male, female, kids. This is to sort the products for customer
@@saneeshpudukkudi68 Filter based on tags?
@@made4uo yes, I don’t see tags for gender. I created three tags, Men, woman and kids. And I’m looking for a group filtering named gender category.
@@saneeshpudukkudi68 Yes. Filter can work with Tags
we just are searching free code! nice skill but no sense to pay for it
Hmmm. This is a FREE code video, I am not sure where you get that idea
@@made4uo Oh Sorry maybe I read wrong ur nice website, all Ur codes are FREE?. Tanks for video