[Resolved] different galleries but alle images are shown

[Author]

Posts

[matthiasK-4]

Dear Support Team,

I've encountered a challenge on our website's apartment listings page, specifically at: hidden link.

Issue Description:
Each apartment listing features a photo gallery. However, when viewing an image within a gallery and navigating through the images, the gallery includes photos from all apartments, not just the one I'm interested in.

Desired Outcome:
I would like the gallery for each apartment to only display images from that specific apartment. This way, when a user clicks on an image in a gallery, they can only navigate through photos belonging to that particular apartment.

Could you please advise on how to implement this functionality? Your assistance would greatly streamline our website's user experience.

Many thanks in advance for your support.

Best regards,
Matthias

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share details how exactly you are displaying those image galleries?

Maybe you can share admin access details that will help us to quickly review your setup.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

This is a known issue to us and already been reported but there is no ETA when the official fix made available.

However - the good news is that we have workaround that will fix the issue.

Can you please check now: hidden link

I've added the following custom JS code to your View block's Custom JS section:
- hidden link

jQuery(document).ready(function($){
   
  $("div.tb-gallery").each(function(topindex){
   $(this).find("a").each(function(index){
    $(this).attr("data-lightbox","lightbox-"+topindex);
   });
   
  });
 
});

More info:
- https://toolset.com/course-lesson/adding-custom-javascript-to-views-templates-and-archives/#steps-for-adding-javascript-to-a-view