Load More Button not working on product archives with Elementor Pro
-
Hello WoodMart Support Team,
I am experiencing an issue with the “Load More” button on WooCommerce product archive pages while using the WoodMart theme together with Elementor Pro.
When Elementor Pro is active, the Load More button on shop / product archive pages stops working and does not load additional products.
The functionality works correctly when:
- Elementor Pro is deactivated, or
- WoodMart’s default pagination is used instead of Load More
This appears to be a JavaScript or AJAX conflict between WoodMart’s archive scripts and Elementor Pro when both are enabled.
Environment details:
- Theme: WoodMart (latest version)
- Elementor: Latest version
- Elementor Pro: Latest version
- WooCommerce: Latest version
- PHP version: 8.x
Steps to reproduce:
- Activate WoodMart theme
- Enable “Load More” for product archive pages
- Activate Elementor Pro
- Visit a shop or product category page
- Click “Load More” → products do not load
Request:
- Is this a known compatibility issue with Elementor Pro?
- Is there any recommended setting, hook, or workaround to keep Load More working while Elementor Pro is active?
- Are there any scripts that should be excluded or deferred to avoid this conflict?
Please let me know if you need access to a staging site for testing.
Thank you.
Hello,
You are using both Elementor Pro templates and theme layouts for Archive pages. Navigate to Templates and disable the archive templates, and check the issue.
You need to disable the Elementor template and use Custom Product layouts, which are built with the WoodMart WooCommerce builder instead, and check the issue.
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
Best Regards,
.
