Searching, Sorting, Pagination

Searching, Sorting, PaginationIf your product table contains a large number of items, your customers will find anyway everything they are looking for in one click!

Because the WooCommerce Product Table comes with such features as Sorting, Searching, Pagination.

Sorting

Product Table allows you to sort data rows on front-end and display data in an exact order you want. You can find control indicators at the top of the column. The colored indicator show which column is currently sorted and the arrow points the direction of this sorting: ascending or descending. Sorting works for any type of content – numbers, text, date.

Sorting
Settings. You have an option to select the column to sort by default. Works only with relevant columns enabled.

The default is the 1st column and “Ascending” order for the sorting. Enable the checkbox if you want to sort by descending.

Table Settings

You can even enable a Highlight Sorted Column option in the Appearance tab to make the sorting column more visible and convenient for viewing.

Auto-sorting descending. The default is the 1st column and “Ascending” order for the sorting. Enable the checkbox if you want to sort by descending.

Custom sorting. Enable the checkbox if you want to add a sort by drag-n-drop from the admin table preview to the frontend. To set the custom sorting, move to the Content tab, add the products to the table, and drop and drag them in the exact order you need:

Table Content

Moreover, you can set the order for the product manually. You can easily replace the item with the necessary position. It is a more convenient way if the table contains a big number of products. Also, this is the only way to move the product to the next or previous page due to pagination.

The order will be saved in the way you set it and will display it in a table.

Searching feature

The ability to filter and search a product table is one of the main options and you can add it with no coding, just enable a checkbox in the Feature Tab.

The search box in the Product table locates above the table (top right). Here the customers can instantly filter the table to products with a specific keyword or search term.

Searching

Pagination

The feature is useful if you have hundreds of products on the table. Pagination splits the table into pages and minimizes the table.

Providing fewer products to the customers on one page, they explore the page more attentively. Option speed up load time and optimize your online store, make it faster.

Everything you need to do is enable the Pagination Feature that provides users with better navigation on a website and increasing the user experience.

Also, you can enable the Server-side Processing feature – this option is recommended for a large table that cannot be processed in a conventional way. The table will be sequentially loaded by ajax on a per-page basis, all filtering, ordering, and search clauses are server-side implemented too.

Settings. 

Enable the Pagination menu if you’d like to show the drop-down list to select the number of products on the page for display.

Pagination

If the Pagination menu is enabled, in Pagination list content you can set the number of rows to display on one Pagination page. Establish several numbers separated by a comma to let users choose it personally. The first number will be displayed by default. Since that the number of Pagination Pages will be recounted also.
If the Pagination menu is disabled, set the number of products to display on one Pagination page in the Products per Page option.

WooCommerce Product Table Plugin has different settings and functionalities and makes its usage comfortable and easy. Thus, you can create Product tables understandable, easy for browsing, navigating, and searching.

Enable Sorting, Searching Pagination features, and your tables will be three times more accessible to the users.

ThumbnailNameSizeColorDateRatingPriceBuy
WooBeWoo topXL, XXLBlue, Gray
2019-03-26 12:03
5.00 out of 5
$15

WooBeWoo hoodieM, SGray, Green
2019-03-26 12:03
5.00 out of 5
$10$18
$10
$18 $13
$18
$18
Gray topBlack, Gray
2019-01-03 15:01
5.00 out of 5
$12$13
$13 $12
$13
WooBeWoo hoodieM, S, XXLGray, Green
2019-01-03 15:01
4.00 out of 5
$18

Black hoodieL, SBlack
2019-01-03 15:01
5.00 out of 5
$15 $12

Gray hoodieL, M, S, XLGray
2019-01-03 15:01
4.00 out of 5
$15 $12

Blush HoodieM, S, XL, XSBlush
2018-09-27 06:09
2.00 out of 5
$20

Red T-ShirtL, M, XLRed
2018-09-27 06:09
1.00 out of 5
$10 $8
Out of stock
White T-ShirtM, S, XSWhite
2018-09-27 06:09
5.00 out of 5
$10 $7

Gray T-ShirtXL, XXLGray
2018-09-27 06:09
3.00 out of 5
$15 $9

Blue HoodieM, XL, XSBlue
2018-09-27 06:09
2.00 out of 5
$25 $20

Gray HoodieM, S, XL, XS, XXL, XXXLGray
2018-09-27 06:09
4.00 out of 5
$30 $25

Black HoodieM, S, XLBlack
2018-09-27 06:09
$20

Red HoodieL, M, XL, XS, XXLRed
2018-09-27 06:09
5.00 out of 5
$20

Woo t-shirtMBlack, White
2018-05-31 12:05
$8 $6

Buy Now Bundle and save over 60%

Buy now