We provide two types of pagination (Load more and page number) on the Woocommerce Product Table Plugin. This options are available on the “Search box and Pagination” tab.
In this page, you have to scroll down to see “Pagination Options”.
There are two methods of paging under “Pagination Mode“:
- Load More: Products will be shown in one page under previous products.
- Pagination: Products will be displayed in different pages.
We describe more about this setting and how they could change the appearance of your product table in the below example:
Pagination mode
At first, you have to build your product table by going to “Add New” page. Then select your desired columns to be shown in the table.
In this example, we Select ID, Thumbnail, Product title, Category and SKU.
We also type “Test Paging” as our table name in the “Shortcode Name” box.
Then you can go to the “Query tab” and filter those products that you want to be displayed in the product table.
There is also another option as a “Post Limit Number” in this tab. You can set how many products to be displayed in each page of your product table.
Also the products which are on sale have been displayed and the “Post Limit Number” has been set to 10.
We also set the ‘Pagination Mode’ to “Pagination” in the “Search and Pagination“ tab as you can see on below image:
Then we saved the product table and used a shortcode to display the table in the frontend. To get familiar with using shortcode, you can refer to “How to insert product table shortcode in wordpress”.
By choosing those pagination settings, our table is displayed as below:
As you can see, at the end of the product table, the other pages of products are specified with a number. Customers can select to see other pages by clicking on the number.
It is also considerable that just 10 products are showing in each page as we set before.
Load More mode
Now, we want to see what will happen if we change the “Pagination Mode” to the “Load More”.
After choosing “Load More”, we also changed the “Post Limit Number” to “5” in the “Query tab“.
You can see the changes made after we updated our table, in the below picture:
By choosing this option for “Pagination Setting”, the “Load More” button will be added to the end of the product table and the customers can see more products by clicking on it.
It is also considerable that just 5 products are displayed in the first view as we set this number before.
