Hi, how to make the images switch to the variant picked? If I pick the black t-shirt, I want the image slider to go to the black t-shirt image. Is that possible?
I have successfully added your code and it works great! Thank you. Is there a way to get the variant image displayed as the main thumbnail when selected from the variant dropdown?
in the thumbnail the carousel is on the left of the image but it comes below the main image is it possible to make it on the side and also the variant swatch please. And I figured out the load more option in the previous video thanks man
@@WebSensePro Erm I just realised the checkout cart isn’t updating when a customer adds the product cart after doing this!! Page ruined just before I launch🙃😫😭
this code when replace the whole main product page, it would mess up your other code and other app feature such variant group and blah blah, so its not worked.
Hi. Thank you a lot for your tutorial. It works great. The only issue that appeared at Dawn 12.0 version, that product images became twice bigger and the feature "Constrain media to screen height" is disabled. Could you please help to make the images back to normal size? If i do it in base.css file the whole image becomes smaller but shifts to the right left corner of the box. Is it possible to fix? Thank you
Works great, also on the studio theme. The only thing is the zoom function seems to be broken. Is that something that can be fixed? Thank you for this!
The only issue I found was that your main-product.liquid file is missing the color scheme code: color-{{ section.settings.color_scheme }} (And IMHO, you should move that plant from behind you so that it doesn't look like a mohawk LOL)
the slider goes up and down while selecting images and also pusher the main image up and down... nice try but destroys the quality of website... and im also seeing comments that color swatch doesnt work after this so overall i would say dont use this
Hello, I did what you said and it worked. I duplicate my main store and did it on the Duplicate. But something changed at my main store as well. Under my Buy Button is an other Button namend: " Other payment options" because I use a App for my Paymenticons. But this new Button "Other payment options" was not there before. How can I fix this? Or how can I recode it?
Wow you are a genius bro, thank you so much! though, is there a way to remove shadow box on hover for media and slider? Because my product page background is not white.
works wonderfully! thanks, but unfortunately i can no longer change the colours. it remains white. But I use the theme 4 colour style. How can I customise the colours?
Aslam o Alikum sir I hope you are doing well Sir You are doing great efforts But sir please make a video again with updated on dawn theme 15.0 And sir make the slider images horizontal and vertical show..And make it with button option in theme customization Plz sir?
after this change the colour changing section swatches stop working and by clicking on colour like black brown in my product the picture is not changing
I've noticed this video is from 6 month ago. Does the tutorial for Images Slider on Dawn Theme work with the new dawn 14.0 ? I do have your tutorial on color swatches on, and I'm scared to add the image slider and lose the color swatches that is really good, because in the tutorial it shows we have to replace the entire main product liquid page and I think it might not work together...am I right? If I'm right can you make a tutorial with this both together: product image slider + color swatches? I'm sure that more people will agree that those are GREAT tutorials
I encountered some problems. I added some 3D models to the products; it seems the 3D will be a png. Can you help me fix this kind of problem? Thankyou!
Hello I made a duplicate of my current theme so nothing got destroyed but there's a slight bug in the code, the sliders are showing indeed when every step has been completed but when I press the add to cart button on my store the drawer version does not shop up as it should do and nothing shows in the cart as it should do instead I have to re-load the page in order for the cart to sync and show that something is in the cart.
Thank you for this code. This one worked but it has upset our Show Only Variant code that i used from your other video both individually works but why does both together does not work? Like first used Show Only Variant Code and it worked. Next i used this code for slider, after i used this code it started showing all images and not only related to variant. Any way to fix this?
Thank you! The Slider is working but whenever I select a color the image does not follow according to the color I pick. Is there a way to fix that? And Is there a video about putting the product descriptions and product feature below that are aligned at the middle not at one side. Thank you again!
After switching to the new Dawn theme from my previous setups with the old Dawn theme, do I need to reconfigure everything, or is there a way to use the existing setups? If anyone has information on this, please share.
How Do I make the product slide fixed and only scroll the product description?... ... If possible, how Do I place the thumbnails on the right side of the main image? Thanks a lot.
Add to Cart button is not working both on mobile and desktop... Clicking on Add to Cart button it doesn't draw the Cart and also it doesn't add that product to cart
Interesting. Worked well on the Shopify 2.0 Craft theme. Trying on Shopify 2.0 Craft theme, but am not getting the thumbnails below. I'm sure it's user error. The slider works fine. Then there is the same original image below, just the one. Same size also. Any thoughts?
Thx so much! But I have created the color swatches you posted 6 days ago, and then when I wanna create a slider according to this video, it seems like sth wents wrong. Is the any conflict between this two codes? (There's a big circle in the middle of the page)
The main-product.liquid file is too large and I had implemented some code before yours. May you specify which changes have you made in it instead of copy-pasting the whole code?? That´d be superb
Thank you for the info, I followed the steps and now appears to be a liquid error "could not find asset snippets/buy-buttons.liquid." Any thoughts? Thank you
Timestamps
00:00 - Introduction
01:28 - Backend Overview and Testing Blocks
04:20 - Adding In Dawn 12.0.0
06:13 - Adding CSS Asset
07:25 - Adding Flickity.js Asset
10:00 - Adding CSS Code in base.css
Hi, how to make the images switch to the variant picked? If I pick the black t-shirt, I want the image slider to go to the black t-shirt image. Is that possible?
This tutorial is in a list of getting updated
@@WebSenseProbro make updated tutorial
Yes, this is what we need. Can you please make a tutorial on how to fix it?
Yes, I need this too. Please make another tutorial about this. Thank you!
hire this guy to be your web code
OMG!! You saved my life. I was in front of pc since yesterday - googling how to do that. TQSM!
Its working completely fine on version 14.0... Thanks Buddy...
You're welcome!
Thanks bro! you made my day. I was really struggling with this issue. I managed to install it and the product slider is working fine. Thanks again.
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
I have successfully added your code and it works great! Thank you.
Is there a way to get the variant image displayed as the main thumbnail when selected from the variant dropdown?
Great!! how do we show the selected variant image with the product slider?
Coming soon!
hopefully!@@WebSensePro
Thank you for the code. I was able to successfully add it to the Sense theme. Works great without having to pay for an app.
You're welcome!
in the thumbnail the carousel is on the left of the image but it comes below the main image is it possible to make it on the side and also the variant swatch please.
And I figured out the load more option in the previous video thanks man
I really can’t thank you enough!!!!! ❤❤❤
You're welcome!
@@WebSensePro Erm I just realised the checkout cart isn’t updating when a customer adds the product cart after doing this!! Page ruined just before I launch🙃😫😭
this code when replace the whole main product page, it would mess up your other code and other app feature such variant group and blah blah, so its not worked.
This looks good, but the variants are not selecting the relating image. Can this be fixed please?
having same issue.
This functionality does not exist on this slider at the moment, will work on it
@@WebSensePro thank you 🙏
Thanks a lot bro it worked fine love you.
You're welcome!
get this error - " Translation missing: en.products.product.include_taxes" on product description
Hi. Thank you a lot for your tutorial. It works great. The only issue that appeared at Dawn 12.0 version, that product images became twice bigger and the feature "Constrain media to screen height" is disabled. Could you please help to make the images back to normal size? If i do it in base.css file the whole image becomes smaller but shifts to the right left corner of the box. Is it possible to fix? Thank you
Will have to check the store whats the issue
Works great, also on the studio theme. The only thing is the zoom function seems to be broken. Is that something that can be fixed? Thank you for this!
This does not support zoom functionality
Really awesome video, great feature. Thank you for your work.
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
Hi, I followed the exact steps and it looks great but now the drop down menu doesn't work at all on mobile mode. How can this be fixed?
Actually, the mobile navigation doesn't work. Items don't add to cart any more too. So many functions don't work.. any update? How can we contact you?
You can contact via websensepro.com/contact-us for our paid support.
Congratulations for the video! I would like to ask how we create a brand/collection slider at home page on dawn theme? Can you make a video for that?
You can use image slider for that
how i can reverse the changes i just made in theme code
i want orignal dawn theme code
You didnt duplicate before adding the code? If not you can install fresh theme again
The only issue I found was that your main-product.liquid file is missing the color scheme code: color-{{ section.settings.color_scheme }} (And IMHO, you should move that plant from behind you so that it doesn't look like a mohawk LOL)
homepage -----collection product card image cut ho raha hai usko kaise solve kare..??
Will have to check code
Thanks so much. Do you have a video on moving the thumb nails to the left of the images as in your video thumbnail? Thanks so much.
Not yet but will make one
@@WebSensePro Thank you
Very Supportive Tutorial. But when I have applied this code then No Zoom effect working either in box or open in popup windows. please fix this
Yes, slider does not have zoom functionality yet
the slider goes up and down while selecting images and also pusher the main image up and down... nice try but destroys the quality of website... and im also seeing comments that color swatch doesnt work after this so overall i would say dont use this
Yea, no one forcing to use.
I have the same problem and now they request 30usd min for fixing it
This is amazing! Thank you kindly!
You're very welcome!
Hi! Thank you great video as alway, how do we make the slider vertical instead of horizontal ?
Will try to create video for that
this is so helpful , thanks a lot
Glad it was helpful!
My images are way too zoomed in on mobile, but desktop looks great. Any ideas how to fix this?
Should be an *easy* fix
Thank you! IT WORKS! It's a big help! :D!!
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
Thank you brother. Really helped me out. Very smart guy :)
You're welcome!
yes, it works but there is error in cart notification, there is no pop up for cart after this code setting.. please help in that also
Yes it overrides few features, will create an updated tutorial for 13.0.1
Thank u so much u really helped me out here cheers
Glad I could help
Hello, I did what you said and it worked. I duplicate my main store and did it on the Duplicate. But something changed at my main store as well.
Under my Buy Button is an other Button namend: " Other payment options" because I use a App for my Paymenticons. But this new Button "Other payment options" was not there before.
How can I fix this?
Or how can I recode it?
It's not possible to affect your live theme if the code changes are done on a duplicate theme
Wow you are a genius bro, thank you so much! though, is there a way to remove shadow box on hover for media and slider? Because my product page background is not white.
Please contact via websensepro.com/contact-us for paid support
The layout of the variant pills also changed :( How do I return the dawn theme to its origins?
Did you create a duplicate theme as per instructions on this video?
I deleted it by mistake :/@@WebSensePro
También me cambio el diseño de las píldoras a redondo, como puedo utilizar el código sin que cambie
works wonderfully! thanks, but unfortunately i can no longer change the colours. it remains white. But I use the theme 4 colour style.
How can I customise the colours?
CSS code changes are required for that
Brilliant!!! Thanks greatly
You're welcome! Don't forget to subscribe
Aslam o Alikum sir
I hope you are doing well
Sir You are doing great efforts
But sir please make a video again with updated on dawn theme 15.0
And sir make the slider images horizontal and vertical show..And make it with button option in theme customization
Plz sir?
Please contact via websensepro.com/contact-us for paid support
@@WebSensePro sir i am student
Hi, thank you so much for the code, I have encountered an issue the new code ignores the entire color schema settings.
Thats weird, will update it soon
This is the same issue I am having. Was there a fix?
Hello, is there any code or tutorial that can add zoom function on top of this code? Thank you so much
Not yet, will come soon if more demanded
after this change the colour changing section swatches stop working and by clicking on colour like black brown in my product the picture is not changing
Yes this functionality does not exist in this slider at the moment
I've noticed this video is from 6 month ago. Does the tutorial for Images Slider on Dawn Theme work with the new dawn 14.0 ? I do have your tutorial on color swatches on, and I'm scared to add the image slider and lose the color swatches that is really good, because in the tutorial it shows we have to replace the entire main product liquid page and I think it might not work together...am I right? If I'm right can you make a tutorial with this both together: product image slider + color swatches? I'm sure that more people will agree that those are GREAT tutorials
Sure!
I tried it already 2 times with the Actuall DAWN Theme and it dont work. I did everything excatlly like in the video but i dont see any result .
Check other comments, it's working fine for others
Thank you so much!
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
hi sir, there is a code for the photos in the right side ? it is only let me with this code when the photos on thr left... please help
No idea what you mean by that
I encountered some problems. I added some 3D models to the products; it seems the 3D will be a png. Can you help me fix this kind of problem? Thankyou!
Sure, contact us via link in description
Only to an error with its code: adjust image so that it appears in full, image and slide, on desktop and mobile.
Not sure what you mean here
@@WebSensePro adjust image so that the consumer can see it in full, on mobile and desktop.
It should show full image already, if it's not than will need to check code about the issue
this code only for DAWN theme please make a video same for all shopify theme,
and can you also make a video for upcell and bundle
Created bundle video here th-cam.com/video/yMVLzQliQMM/w-d-xo.html
Hi. One more question. Is it possible to keep this slider only for desktop version and remove for the mobile?
Yes it will require some extra coding
I need to default the size of the images only on the product page to "rendered" 288px* 383px. Can you help?
Please contact via websensepro.com/contact-us for paid support
Thank you so much!!
You're welcome! Dont forget to subscribe
Hello I made a duplicate of my current theme so nothing got destroyed but there's a slight bug in the code, the sliders are showing indeed when every step has been completed but when I press the add to cart button on my store the drawer version does not shop up as it should do and nothing shows in the cart as it should do instead I have to re-load the page in order for the cart to sync and show that something is in the cart.
Please contact via websensepro.com/contact-us for paid support
Sir your video is so helpful but it's not working in 15.0 dawn theme. Please guide for 15.0 version.
Thanks
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
Thank you for this code. This one worked but it has upset our Show Only Variant code that i used from your other video both individually works but why does both together does not work? Like first used Show Only Variant Code and it worked. Next i used this code for slider, after i used this code it started showing all images and not only related to variant. Any way to fix this?
They dont work together, we are working on a solution for this
Thank you! The Slider is working but whenever I select a color the image does not follow according to the color I pick. Is there a way to fix that? And Is there a video about putting the product descriptions and product feature below that are aligned at the middle not at one side. Thank you again!
This feature is not on this one, updated tutorial will soon come
thanks for the video! Does it also work on something like "sense" theme? Thanks in advance
You're welcome!
it worked for Dawn 15.0.0
Lifesaver! Thank you!
Your welcome
You're welcome!
Glad it helped!
great tutorial but can you make one to make the slider vertical
Will definitely do
thanks you for the code. it very nice but now the video of the product does work.
It does not support video at the moment
Thank you!! It worked :3
You're welcome!
What do you mean by make sure you have a duplicate of your theme incase the code breaks? Could you explain
This means that before implementing the code, create a duplicate of the theme. This way, if the code breaks, it won't affect the live website.
After switching to the new Dawn theme from my previous setups with the old Dawn theme, do I need to reconfigure everything, or is there a way to use the existing setups? If anyone has information on this, please share.
Custom codes needs to be tranferred manually
How Do I make the product slide fixed and only scroll the product description?... ... If possible, how Do I place the thumbnails on the right side of the main image? Thanks a lot.
By lot of code editing 😅😅
Could you check why this doesn't work on dawn theme version 15.0.0?
Please contact via websensepro.com/contact-us for paid support
After applying all codes the variations of price can't change in the product can you help me
Updated tutorial for slider coming soon
Hi! How can I delete the thumbnail images on the bottom, I just want the image slider on the top? Thanks!
Updated video will come shortly
perfectly described
Glad you think so!
How to set vertical slider on dawn theme?
By subscribing more so I can get motivation to do just that
Doesn't work on the latest version 15.0.0. Will you release any updates soon?
Please contact via websensepro.com/contact-us for paid support
Thanking You for This but zoom Feature is not working
Which theme are you applying this code to?
is there a quick way to adapt this to Refresh theme ?
Yes it's doable. Please contact via websensepro.com/contact-us for paid support
Add to Cart button is not working both on mobile and desktop... Clicking on Add to Cart button it doesn't draw the Cart and also it doesn't add that product to cart
Pls help me to solve this issue
Please contact via websensepro.com/contact-us
Interesting. Worked well on the Shopify 2.0 Craft theme. Trying on Shopify 2.0 Craft theme, but am not getting the thumbnails below. I'm sure it's user error. The slider works fine. Then there is the same original image below, just the one. Same size also. Any thoughts?
Try checking on fresh (non-edited) theme to see if it works
Thx so much! But I have created the color swatches you posted 6 days ago, and then when I wanna create a slider according to this video, it seems like sth wents wrong. Is the any conflict between this two codes? (There's a big circle in the middle of the page)
Two codes won't work together
thank you so much! after 10 video's this one definitely helped me!
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
Aslam o Alikum
Plz sir make the updated video
This is not working well and i can't find any other video on youtube please sir
W.Assalam
Noted!
I need vertical slider..so please help me
Will try
thanks man
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
It's not working in mobile version
Updated video coming soon
From where i can download the codes
Link in the description
is it work for Dawn 14 version?
Yes
Hi will this code work for the refresh theme?
Yes It should work fine on Refresh theme
how about vertical slider ?
What about it ? :p
thank u sir
Welcome dont frget to subscribe
The main-product.liquid file is too large and I had implemented some code before yours. May you specify which changes have you made in it instead of copy-pasting the whole code?? That´d be superb
Updated code with detailed instruction will come soone
Thank you for the info, I followed the steps and now appears to be a liquid error "could not find asset snippets/buy-buttons.liquid." Any thoughts? Thank you
Will have to check what's the issue
My images are way too zoomed in on mobile, but desktop looks great. Any ideas how to fix this?
Thank u so much!
You're welcome!