Home Forums WoodMart support forum add a “load more” button for each tab

add a “load more” button for each tab

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #705986

    opalamarchuk.01
    Participant

    How can I add a “load more” button for each tab?

    Attachments:
    You must be logged in to view attached files.
    #706068

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

    #706130

    opalamarchuk.01
    Participant

    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.
    #706201

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

Viewing 4 posts - 1 through 4 (of 4 total)