Ajax shop not working with Elementor Pro
-
Hello WoodMart Support Team,
I’m seeing that the Ajax Shop functionality (AJAX-based filtering, pagination, etc.) on my staging site’s shop page stops working as soon as the Elementor Pro plugin is activated. With Elementor Pro deactivated filters update the product grid via AJAX as expected, but with Elementor Pro active, every filter or pagination click triggers a full page reload.
For your review, here’s the staging environment shop URL:
https://app-67c875f2c1ac180cd416a651.closte.com/shop/
Could you please advise if there’s a way to get the Ajax Shop features working correctly alongside Elementor Pro?
Hi ivar,
Thanks for reaching to us and appreciate your patience.
You are using Elementor Pro to build Shop archive template. I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, and use Conditions to exclude the categories you want https://prnt.sc/19SZc90bdTFD
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
Regards,
Hung PD
Hello Hung,
The shop was built exactly as you’re suggesting. Do you have any other ideas why the Ajax shop isn’t working when the Elementor Pro plugin is active?
Hi ivar,
You are using both WoodMart Layouts and the Elementor Pro Archive Shop page, which may have caused the issue. In addition, the AJAX shop functionality in WoodMart is designed to work with the theme and its settings, and we cannot guarantee that it will function properly with Elementor Pro.
If you want to use AJAX for the archive layout created with Elementor Pro, I kindly suggest reaching out directly to the Elementor plugin’s support team, as they are better equipped to provide the guidance you require.
Thanks for understanding.
Regards,
Hung PD
Hi Hung,
thanks for the suggestion. Just to clarify—I’m only using Elementor Pro on other parts of the site, not to build or modify the shop template itself. In fact, to reproduce I imported the stock WoodMart shop layout (without making any edits in Elementor Pro) and the Ajax shop still fails as soon as Elementor Pro is active.
Does this mean that WoodMart’s Ajax shop functionality isn’t compatible with Elementor Pro at all? If so, could you confirm that, or suggest any other workaround?
Hi ivar,
I saw the Product Archive from Elementor is disabled and AJAX functionality working now. Please let me know if you resolved the issue.
Regards,
Hung PD
Hi Hung,
I’ve managed to get the Ajax shop working again, but I ended up using the Plugin Load Filter plugin to completely disable Elementor Pro on the Shop archive, it’s a bit of a cumbersome workaround.
Elementor’s team pointed out that when Pro is active it injects JS and overrides archive handling, which breaks AJAXify features in WoodMart even if you’re not using Elementor to build the shop template.
If you have a more streamlined way to allow WoodMart’s Ajax Shop to coexist with Elementor Pro, I’d love to hear it.
Hi ivar,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
Regards,
Hung PD
.
