Shopify Design

piokylo · ‎10-25-2021

Hey, I'm looking to implement a fancybox light box to the images in this gallery page, I've added the necessary scripts in the header, but when I try warp the images in an <a> tag and add data-fancybox ="gallery" attribute it's not working. Thanks in advance for and advice! The attached image is the .liquid for my gallery.

Website: https://taracrystalchandeliers.com/pages/gallery

KetanKumar · ‎10-25-2021

@piokylo

yes please try this way

https://codepen.io/kthao/pen/vYYVxwx

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar · ‎10-25-2021

@piokylo

yes please try this way

https://codepen.io/kthao/pen/vYYVxwx

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

piokylo · ‎10-28-2021

Well I had to write some liquid to get this to work properly and add classes dynamically but thanks for the reply .

KetanKumar · ‎10-28-2021

@piokylo

its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing