Are you able to send me a live link/URL to your search page so I can take a look?

Does this happen only after you make a search (i.e. is it OK before you make a search)?

Can you detail the steps I need to take to see the issue?

Is there an alternative page on your site where I can see what it should look/function like?

Ah.

The process goes like this.

Page Loaded, triggers a JavaScript event document.ready and then the Lightbox JavaScript will search the completed page for elements with a given property. Often this is a CSS classname. It then applies the Lightbox to whatever is in that element.

But, when Ajax refreshes part of the page, that does not trigger that Lightbox JavaScript to do its thing, so the elements are now broken.

Our plugin sends a JavaScript event out to any listening JavaScript, so this is how you fix it. You will likely need the help of the author of the Lightbox plugin, who will need to supply you with what goes in the gap in this script (which you need to place on the page):

<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    // call the Lightbox function here
  });
}(jQuery));</script>

I will wait to hear from you.