Skip Navigation

[Resolved] Sider function for all images in category view

This support ticket is created 6 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by peterT-9 6 years, 2 months ago.

Assisted by: Waqar.

Author
Posts
#1136762

Hi there,

I am building a site with categorized posts displayed in a view. On clicking on the image in the posts, the image is displayed in a layover using the Lightbox Plugin see for example hidden link

I want now to display all the images of this category inside this layover as a gallery, so the user can easily see all the images in this category without closing and reopening the lightbox. see the old site ( Drupal6) where this worked out of the box hidden link

Can someone give me a hint on how to do this with views?

Thanks

#1137416

Hi Peter,

Thank you for contacting us and I'll be happy to assist.

The lightbox script that you're using on your website, expects the same "data-lightbox" attribute value for the images, in order to recognize them as a gallery or an image set.
( ref: hidden link )

Currently, your image's code structure is:


<a href="link ...." title="title ...." rel="gallery-all">
<img .... />
</a>

You can update it to include any but same "data-lightbox" attribute value e.g. "gallery":


<a href="link ...." title="title ...." rel="gallery-all" data-lightbox="gallery">
<img .... />
</a>

I hope this helps and let me know how it goes.

regards,
Waqar

#1137425

My issue is resolved now. Thank you!