add a “load more” button for each tab
-
How can I add a “load more” button for each tab?
Attachments:
You must be
logged in to view attached files.
Hello,
Edit the page with Elementor > open the AJAX Product Tabs widget > go to the widget Content settings and find Pagination.
Set Pagination Type to Load More instead of numbered pagination> Set Items Per Page to control how many products are shown initially.
Update the page, and each tab will display a Load More button to load more products via AJAX.
See screenshot for clarification: https://ibb.co/PG92PwbP
Best Regards,
Thanks for your help. And how to make the display of products on desktop and mobile different? when I change to mobile 4, then to desktop 4 (I need desktop 8 and mobile 4)
Attachments:
You must be
logged in to view attached files.
Hello,
The “items per page” setting is global and not device-specific — which means it applies the same value across desktop, tablet, and mobile views. That’s why changing the “items per page” for mobile doesn’t take effect separately.
However, column settings are responsive, so you can control how many columns are displayed on mobile vs desktop. But, the total number of products per page will remain the same regardless of the device.
Best Regards,