2. Product Table settings page
The plugin settings page (WooCommerce > Settings > Products > Product Tables) includes a range of options for setting the defaults in your product tables. These will apply to all the product tables that you create. (You can override these using the shortcode options for each individual table.)
Enter your license key here. This is essential for the plugin to work.
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, either select from the color picker or add any hexadecimal color value (e.g. #757575). (Tip: If you want to add an RGB color then you can use a color convertor to get the right value.)
To change the size, use the up/down arrows or enter the size in pixels
You can further style the table using custom CSS.
Use these options to enable the table layout globally throughout your store, instead of having to create each table individually via a shortcode.
- Shop page – enables the product table layout on the main shop page, selected on WooCommerce → Settings → Products.
- Product category archives – enables the product table layout on all product category pages, and also product tag archives and the product search results page. (Note: This is the product-specific search provided by WooCommerce. It is not possible to use product tables on the global WordPress search – if you want to do that, then check out our generic table plugin Posts Table Pro.)
Read more about how this option works.
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.
Tick this box if you want content added by other shortcodes to appear within 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.
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, so please read the full article about lazy load.
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.
Choose whether or not to cache the table contents to improve page load times.
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 column
Add to cart button
If you have included an add-to-cart column, then this option controls whether it displays an add to cart button, multi-select checkbox, or both.
Add to cart behavior
Tick this to instantly add products to the cart using AJAX, instead of reloading the page.
Tick the box to show a quantity selector next to the add to cart button. (Only appears if you have included the add-to-cart column.)
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 add-to-cart column; or whether to list variations as separate rows in the table.
‘Add selected’ position
If you have selected ‘Checkbox’ or ‘Button + Checkbox’ for the ‘Add to cart button’ option, then this option will control whether the ‘Add Selected to Cart’ button will appear above or below the table, or both.
‘Add selected’ button text
If you have selected ‘Checkbox’ or ‘Button + Checkbox’ for the ‘Add to cart button’ option, then this option will change the text in the ‘Add Selected to 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 ‘Show [x] products’ dropdown.
Positions, shows or hides the keyword search box.
Positions, shows or hides the (e.g. ‘Showing 1 to 10 of 50 products’).
Positions, shows or hides the pagination buttons.
Choose a style for the pagination buttons.
Positions, shows or hides the reset button which lets customers reset the table after performing a search or filter.
These settings will only appear if you’re using the official WooCommerce Product Add-Ons plugin with WooCommerce 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.