Hi,
I am using dawn theme. On product details page, when i click onto the main product image, it opens up in a product modal with all images one below another. I would like to show the selected image in a lightbox with prev and next buttons. How can we achieve the same. Please help.
Hi @pgupta ,
I checked and Dawn currently doesn’t support this. If you want, you need to change the Liquid code, JS, and CSS for it.
You can use this module if you have experience in coding: https://photoswipe.com/
Because this is a complex requirement and needs to change a lot, so it will be difficult for someone to guide you in detail.
Hope it helps!
Hi,
Just curious to know if we can use flickity to achieve the same. Since its rendering in ul li would wrap up in a wrapper div and call it under flickity slider to view.
Hi @pgupta ,
Yes, you can add flickity slider to it. But it requires you to have more experience in JS to edit everything, because when you click zoom it needs to display the correct image, so the slider must be active at the correct item.
You have an edit popup at sections > main-product.liquid file.
Hope it helps!
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
Hi @pgupta ,
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
There is this guide teaching how to add a slider/arrows to Dawn theme’s lightbox, it may help you out.
Kind regards,
Diego
