Skip Navigation

[Resolved] Sider function for all images in category view

This support ticket is created 6 years 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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 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!