Hi I've added a new page (contatti) on the menu, but when you try to open it doesn't load. I get a white page with the loading cursor.
The "contatti" page works if you open it via URL, I've tried removing it from the menu e adding it again and even by creating a new page and then adding it to the menu, but the result is always the same.
Let me put this way: when AJAX is enabled a preliminary query is performed to get the content of the target page (behind the scenes). Once the target page content is loaded this way - it is being processed so that that the new content will be seamlessly inserted in the current page.
FireShield is sending an intermediary page before the actual page. There, the AJAX page loading breaks.
Hi I've contacted the hosting provider and they solved the issue with the "contatti" page not opening.
I'm still having a similar problem with the loading of some plugins, but they said that this is not caused by their systems. I've also contacted the plugin support and I received the same answer, so I hope you can give me a solution.
I'm using the Essential Blocks plugin to add an "image comparison" block in this page https://www.marinasbrana.it/portfolio/servizi-per-la-geologia/ , the problem is that when I open this page from the portfolio page or from the home page, the plugin doesn't work, it only work if I reload the page or open it via link. The same issue happens using other blocks from the same plugin, or even using other plugins for the image comparison.
I've made another screen recording to show this issue.
ok, thank you, I was hoping in some magical solution.
I haven't found anything in your blocks that allows this image comparison, it's not essential for me to have it, but it could be a nice addition, do you know how to make this effect with ajax compatibility?
It's actually the css and js effects that are implemented in the theme and are linked with our blocks. These are called whenever ajax page transitions happens. If you know the init sequence of the plugin you can add it here:
this is CustomFunction() in /js/scripts.js file (path relative to the root theme folder) this function is guaranteed to be called within ajax transition
Hi I've added a new page (contatti) on the menu, but when you try to open it doesn't load. I get a white page with the loading cursor.
The "contatti" page works if you open it via URL, I've tried removing it from the menu e adding it again and even by creating a new page and then adding it to the menu, but the result is always the same.
Hello Marina,
can you provide wp admin access in a private comment?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi, I've tried on different browser and OS, but I'm still having the same problem as you can see in this screenrecording
Hello Marina,
could it be a matter of FireShield ? it interferes with page loading
https://prnt.sc/W5RNTBfksOo7
therefore breaking ajax loading
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
I can't deactivate FireShield, I've tried turning off ajax loading and now it works fine, but it's sad because I really liked it.
Is it possible to solve this problem without giving up ajax?
Hello Marina,
Let me put this way: when AJAX is enabled a preliminary query is performed to get the content of the target page (behind the scenes). Once the target page content is loaded this way - it is being processed so that that the new content will be seamlessly inserted in the current page.
FireShield is sending an intermediary page before the actual page. There, the AJAX page loading breaks.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
ok, I understood, thank you so much.
I'll contact the hosting platform (who is running the fireshield) to try to find a solution
Hi I've contacted the hosting provider and they solved the issue with the "contatti" page not opening.
I'm still having a similar problem with the loading of some plugins, but they said that this is not caused by their systems. I've also contacted the plugin support and I received the same answer, so I hope you can give me a solution.
I'm using the Essential Blocks plugin to add an "image comparison" block in this page https://www.marinasbrana.it/portfolio/servizi-per-la-geologia/ , the problem is that when I open this page from the portfolio page or from the home page, the plugin doesn't work, it only work if I reload the page or open it via link. The same issue happens using other blocks from the same plugin, or even using other plugins for the image comparison.
I've made another screen recording to show this issue.
Thank you
Hello Marina,
try disabling ajax page loading in customizer -> general settings
Not all third party plugins are compatible with ajax page transitions implemented in the theme.
Therefore we recommend using our shortcodes/Gutenberg blocks/Elementor widgets that are guaranteed to work with ajax.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
ok, thank you, I was hoping in some magical solution.
I haven't found anything in your blocks that allows this image comparison, it's not essential for me to have it, but it could be a nice addition, do you know how to make this effect with ajax compatibility?
Hello Marina,
It's actually the css and js effects that are implemented in the theme and are linked with our blocks. These are called whenever ajax page transitions happens. If you know the init sequence of the plugin you can add it here:
https://prnt.sc/WhLbvgOEd0Lu
this is CustomFunction() in /js/scripts.js file (path relative to the root theme folder) this function is guaranteed to be called within ajax transition
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
I think this is way more advanced than what I'm capable of, thank you so much for your help.