Large product tables – Product Table Demos

Freeze table columns, Download CSV button

Name	Price	Category	SKU	Color	Size	Length	Width	Height	Add to cart
Beanie smiley	$18.00$20.00	Accessories	woo-beanie-logo	Red	Small	26	4	19	Max: Min: 1 Step: 1 Add
Cotton cap	$16.00$18.00	Accessories	woo-cap	Yellow	Large	11	17	23	Max: Min: 1 Step: 1 Add
Hoodie with Zip	$45.00	Hoodies	woo-hoodie-zipper	Green	Medium	16	24	30	Max: Min: 1 Step: 1 Add
Leather belt	$55.00$65.00	Accessories	woo-belt	Brown	Medium	24	16	3	Max: Min: 1 Step: 1 Add
Long Sleeve Tee	$25.00	Tshirts	woo-long-tee	Green	Small	4	26	15	Max: Min: 1 Step: 1 Add
Sky blue polo	$20.00	Tshirts	woo-polo	Blue	Large	18	7	22	Max: 2 Min: 1 Step: 1 Add
Smiley hoodie	$45.00	Hoodies	woo-hoodie-logo	Blue	Large	19	11	28	Max: Min: 1 Step: 1 Add
Summer T-Shirt	$18.00	Tshirts	woo-tshirt	Gray	Medium	7	14	9	Max: Min: 1 Step: 1 Add
Sunglasses	$90.00	Accessories	woo-sunglasses	Brown	Small	13	29	6	Max: Min: 1 Step: 1 Add
T-Shirt smiley	$18.00	Tshirts	woo-tshirt-logo	Gray	Small	17	21	13	Max: Min: 1 Step: 1 Add

Tooltips in filter headings, drag table for horizontal scroll

Showing 1 – 10 of 11 results Showing all 11 results Showing the single result No results found

Add selected () for $0

Add selected items to cart

Select all

Clear all

Name	Price	Category	SKU	Color	Size	Length	Width	Height	Qty.
Cotton cap	$16.00$18.00	Accessories	woo-cap	Yellow	Large	11	17	23	Max: Min: 1 Step: 1
Summer T-Shirt	$18.00	Tshirts	woo-tshirt	Gray	Medium	7	14	9	Max: Min: 1 Step: 1
Wool beanie	$18.00$20.00	Accessories	woo-beanie	Red	Medium	5	8	12	Max: Min: 1 Step: 1
T-Shirt smiley	$18.00	Tshirts	woo-tshirt-logo	Gray	Small	17	21	13	Max: Min: 1 Step: 1
Beanie smiley	$18.00$20.00	Accessories	woo-beanie-logo	Red	Small	26	4	19	Max: Min: 1 Step: 1
Sky blue polo	$20.00	Tshirts	woo-polo	Blue	Large	18	7	22	Max: 2 Min: 1 Step: 1
Long Sleeve Tee	$25.00	Tshirts	woo-long-tee	Green	Small	4	26	15	Max: Min: 1 Step: 1
Smiley hoodie	$45.00	Hoodies	woo-hoodie-logo	Blue	Large	19	11	28	Max: Min: 1 Step: 1
Hoodie with Zip	$45.00	Hoodies	woo-hoodie-zipper	Green	Medium	16	24	30	Max: Min: 1 Step: 1
Leather belt	$55.00$65.00	Accessories	woo-belt	Brown	Medium	24	16	3	Max: Min: 1 Step: 1

Add selected () for $0

Add selected items to cart

Select all

Clear all

← Prev: Navigation filter facilitiesDemo tour page 7/8Next: List layout for products →

Demo Tour FAQs

Can I change the colors, sizes and other styles?

Yes, the plugin provides deep styling control. You can customize color, size, spacing, border for the product table and every element in it including name, image, add-to-cart button, etc as well as navigation filters.

Can I change the text in the product table elements?

Yes, any text in the product table can be modified. Text related to the products themselves must be changed in the product's settings, while table-specific text can be edited in the table's settings by locating the relevant element. The plugin also supports WPML for multilingual sites.

Can I change the sorting options in the navigation?

Yes, you can sort products by various criteria such as name, price, category, custom fields, rating, publish date, SKU, or random order. To add sorting options, go to the table's settings → Navigation → add the Sort By element and configure its settings.

Can I hide out-of-stock products from the table?

Yes, go to the table's settings → Query → Stock. Here, you can filter products by stock status, excluding the "Out of Stock" option.

How many products can I show in my product table?

There's no limit to the number of products you can display. You can also control how many products appear per page. However, for performance reasons, it's recommended to balance the number of products per page with your server's capabilities.

Are the product tables responsive for phones and tablets?

Yes, the product table plugin is built with responsiveness as a priority. You can create separate layouts for desktops, tablets, and phones to ensure an optimal user experience on all devices.

How do I add checkboxes to the product table?

Go to the table's settings → Columns → click + Add New Element → select the Checkbox element. To enable bulk actions, add the Add Selected to Cart element in the table navigation section. If you're using checkboxes, you can remove the regular add-to-cart button for a cleaner layout.

Can I link the button element to the product page?

Yes, in the button element's settings, you can change its action to link to the product page. You can also set it to link to a downloadable file or a custom link stored in the product's custom field. And you can change the text of the button to match its new function.

Can I change the icon and text in the add-to-cart button?

Yes, go to the button element's settings → Label. Here, you can modify the text and add an icon if desired.

Does the product table have more filters?

Yes, the plugin offers a wide range of navigation filters, including attributes, categories, taxonomies, availability, custom fields, ratings, and tags. You can also sort by these properties and even set up a range slider for filters.

Can I add a sidebar with more filters for the table?

Yes, you can add a sidebar on either side of the table and place navigation filters inside it. This layout is ideal when you have many filters to display and want to enhance the table's usability.

Can I show product images in a lightbox when clicked?

Yes, you can display product images in a lightbox when clicked. You can also show enlarged images on hover, swap the image with the first in the gallery on hover, or display the full image gallery for each product in its table row.

How do I add nested rows in table columns?

In the column's settings go to the Column cell section → Under the cell template editor, click the +Add row button to create a new nested row within the same column.

How do I link the floating cart summary to checkout?

Yes, navigate to WP Admin → Product Tables → Settings → Cart Widget. Here, you can set the cart summary to link directly to the checkout page or any custom link.

Can I change the colors of the floating cart summary?

Yes, go to WP Admin → Product Tables → Settings → Cart Widget. You'll find options to customize the background color, text color, font size, and positioning of the cart summary.

How do I enable instant search / sort for the table?

Go to the table's settings → Query → enable Instant One-Page Search and Sort. Note that this feature works best when the product table fits on a single page, as it performs search and sort operations in the visitor's browser.

How do I change the colors of the stock information?

Go to the table settings → Columns → open the Availability element's settings. Here, you can customize the text and icons for each stock status, adjusting their colors and sizes as needed.

How do I add child rows to the tables?

Please see the plugin documentation → Child Row Facility Doc for step by step instructions on how to add child rows to your product tables.

How do I add file download buttons to my product table?

Please see the plugin documentation → Download Button Doc for step by step instructions on how to add file download buttons to your product tables.

Can I change the product image width/resolution?

Yes, you can adjust the product image width and other styles. Go to the table's settings → Columns → open the Product Image element's settings → open the Style Settings section → adjust the width. You can modify the resolution or file size with the 'Select image file' option in the element's settings.

How can I show the product * qty total in the table rows?

Go to the table's settings → Columns → add the Total element to any column. Ensure that the table also includes a Quantity element. This will enable the totaling feature in your table.

How do I add the remove 'X' icon at the end of the table?

Go to the table's settings → Columns → add the Remove element to any column. This will display a remove 'X' button in the table, allowing customers to remove items from their cart.

Can I let shoppers select multiple options before filtering?

Yes, go to the table's settings → Navigation → add the Apply / Reset element. This allows visitors to select multiple filters before clicking the Apply button to trigger the filtering process.

How do I add a product property grid in the table rows?

Go to the table's settings → Columns → add the Property List element. In the element's settings, you can add multiple product properties with their own labels. You can then choose a table or grid layout to display them in the table rows and customize their styling.