2. Product Table settings page
The plugin settings page can be found at WooCommerce → Settings → Products → Product tables.
Enter your license key in the box. This is essential for the plugin to work and for you to receive automatic plugin updates. Click ‘Activate’ or save the settings to activate your license.
Use theme styles
The product table styles (e.g. font size and color) will automatically be inherited from your theme.
Use custom styles
Select this option to override the default styling. You can change the styling of the following elements of the product tables:
- Border color and line widths
- Header background color
- Cell background color
- Header font color and size
- Cell font color and size
To change the color, select from the color picker or add any hexadecimal color value (e.g. #757575). To change the size, use the up/down arrows or enter the size in pixels. Tip: If you want to add an RGB color then you can use a color convertor to get the right value.
You can add more styling using additional CSS.
Use these options to enable the table layout globally throughout your store, instead of having to create each table individually via a shortcode.
- Show a product table on the main shop page – enables the product table layout on your main shop page (selected at WooCommerce → Settings → Products → General).
- Show a product table on product category pages – enables the product table layout on all product category pages, product tag archives and the product search results. Note: The product search results is a product-specific search provided by WooCommerce. It is not possible to display product tables on the global WordPress search with this option. If you want to do that, please see our other table plugin Posts Table Pro.
Add a comma separate list (without spaces) of the columns to appear in the table.
The available columns are:
button. You can also add columns for any product attribute, custom field or custom taxonomy term.
This option controls the size of the product image in the image column. Enter the required image size in pixels, e.g. 50×70 will set the image to 50 pixels wide by 70 pixels high.
Ticking this option will make the product image in the image column open in a lightbox/popup when someone clicks on it. If you untick this box then clicking on an image will take visitors to the single product page instead. If you wish to disable this behavior then you can do so using the links option, below.
If you are using the description column, then this option controls the number of words that will appear in the table. Enter a whole number.
Choose whether items in the product table are clickable. The following columns can be formatted as links:
custom taxonomy, and
all to add links to all possible columns,
none to disable all links, or add a comma separated list (without spaces) of the specific columns that should be clickable.
Tick this box if you want to load the products one page at a time, or if you want the product table to load after the rest of the content on your page. This option boosts performance for stores with lots of products, but there are some limitations. Please refer to the More information link below.
Enter a whole number to specify the maximum number of products that can appear in the table. (Not applicable if you’re using the lazy load option.)
Warning: Increasing this number could cause performance issues or even server crashes. We recommend activating lazy load so that only one page of products are loaded at a time – this allows you to include as many products you like without having to worry about performance.
Rows per page
Enter a whole number to control how many products appear on each page of the table. If there are more products than the number of rows per page then pagination links will appear linking to the other pages.
Choose an option for how the table will be sorted when it first loads. Customers can also sort the table by clicking on any column header.
Choose whether the table will be ordered in ascending or descending order.
Add to cart
Adding products to cart
If you have included the
buy column, then this option controls whether it displays cart buttons, a multi-select checkboxes, or both.
Show a quantity selector next to the add to cart button, if you have included the
buy column in the table.
If you are showing variable products in the table, then this option controls whether customers must click through to select variations on the single product page; whether the variations will appear as dropdown lists in the
buy column; or whether to list variations as separate rows in the table.
Multi-select cart button
If you have selected ‘Add to cart checkboxes’ or ‘Buttons and checkboxes’ for the Adding products to cart option, then this option will control whether the ‘Add to Cart’ button appears above or below the table.
Multi-select button text
This option will change the text for the multi-select cart button.
This option controls whether or not filter dropdowns will appear above your product tables. You can add filters for product categories, tags, custom taxonomies, attributes or variations.
- Disabled – no filters will be displayed.
- Enabled – shows all possible filters based on the contents of the table.
- Custom – add a comma separated list (without spaces) of which filters to add.
Positions, shows or hides the keyword search box.
Positions, shows or hides the reset link which lets customers reset the table after performing a search or filter.
Positions, shows or hides the ‘Show [x] per page’ dropdown.
Positions, shows or hides the product totals (e.g. ’50 products’).
Positions, shows or hides the pagination buttons.
Choose a style for the pagination buttons.
Tick this to instantly add products to the cart using AJAX, instead of reloading the page.
Tick this box if you want content added by other shortcodes to appear in the product table. For example, you might be adding a button shortcode to add other types of button; embedded audio or media players; icon shortcodes; etc.
Choose whether or not to cache the table contents to improve page load times.
Quick View Pro
These settings will only appear if you’re using our Quick View Pro plugin alongside Product Table.
More product table options
The plugin settings page lets you set defaults for the most widely used options. You can override these and use additional options directly in the product table shortcode. Please see the complete list of shortcode options.
Creating product tables
Once you’ve chosen your default settings, it’s time to start creating product tables.