Latest post by sakinho on Tuesday, 01 April 2025 15:32 EEST
Hi Sakis,
I have articles with advanced-custom-fields; a gallery slideshow (Swiper) from Tassos.
But after using jfilter the slideshow is messed up. Prev/Next buttons are not responding or all images are shown beneath each other.
If I do a refresh all is fine.
How and where can we reinitialize this?
Kind regards, Paul
Hi
I suppose that you are using Ajax and this happens after an ajax request. Right?
We fire a custom event at the document level, after the results are fetched. The event's name is: JfResultsUpdate
Please adress to Tassos on how to utilize that event, to initialize your gallery script.
Kind regards,
Sakis Terzis
Founder and Lead Developer
Hi Sakis,
I hope you can help me further. I got this reply from Tassos. I have to add some code but he suggests asking you where to put it.
Can you please help me?
Hello Paul, Since the whole page refreshes, it makes sense that our gallery won't work as it needs re-initialization. Our gallery will only initialize on page load, and not a part of the page refreshes, and that's expected. To resolve this issue, you must listen to a JFilters Javascript event that triggers when you change the filters and when its done changing the page content, execute:if (window.TF_Gallery) { new TF_Gallery(); } if (window.TF_Slideshows) { new TF_Slideshows(); }You should contact JFilters support for available events to listen to. They should be able to guide you further. Regards, Tassos
Hi
Your javascript code should be like that:
document.addEventListener('JfResultsUpdate', () => { if (window.TF_Gallery) { new TF_Gallery(); } if (window.TF_Slideshows) { new TF_Slideshows(); }});
You can add that at any javascript file, loaded in your pages where JFilters is used.
Ideally, you should have a file for adding custom javascript (e.g. custom.js) for such purposes.
Kind regards,
Sakis Terzis
Founder and Lead Developer
Thanks, Sakis it works like a charm.
Great!
I am closing the ticket as resolved.
If it's not a burden, please leave a small review in the JED.
https://extensions.joomla.org/extension/search-a-indexing/site-search/jfilters
Kind regards,
Sakis Terzis
Founder and Lead Developer