Adding Fancybox lightbox to Gallery page

Solved
piokylo
Excursionist
13 0 3

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

Screenshot 2021-10-26 at 00.40.20.png

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2497 9031

This is an accepted solution.

@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

Replies 3 (3)
KetanKumar
Shopify Partner
24919 2497 9031

This is an accepted solution.

@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

piokylo
Excursionist
13 0 3

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

KetanKumar
Shopify Partner
24919 2497 9031

@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