1. Home
  2. Documentation
  3. WooCommerce Product Table
  4. Getting Started
  5. 2. Product Table settings page

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.)

License key

Enter your license key here. This is essential for the plugin to work.

Table designs

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.

Table content

Columns

Add a comma separate list (without spaces) of the columns to appear in the table.

The available columns are: sku, id, name, description, short-description, date, categories, tags, image, reviews, stock, weight, dimensions, price, add-to-cart, and button. You can also add columns for any product attribute, custom field or custom taxonomy term.

Example: name,short-description,price,add-to-cart

More information

Image size

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.

More information

Image lightbox

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.

More information

Shortcodes

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.

More information

Description length

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.

More information

Choose whether items in the product table are clickable. The following columns can be formatted as links: skunamecategoriestagsattributes, any custom taxonomy, and image.

Enter 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.

More information

Loading products

Lazy load

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.

More information

Product limit

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.

More information

Caching

Choose whether or not to cache the table contents to improve page load times.

More information

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.

More information

Sorting

Sort by

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.)

More information

Sort direction

Choose whether the table will be ordered in ascending or descending order.

More information

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.

More information

Add to cart behavior

Tick this to instantly add products to the cart using AJAX, instead of reloading the page.

More information

Quantities

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.)

More information

Variations

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.

More information

‘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.

More information

‘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.

Table controls

Product filters

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.

More information

Page length

Positions, shows or hides the ‘Show [x] products’ dropdown.

More information

Positions, shows or hides the keyword search box.

More information

Product totals

Positions, shows or hides the (e.g. ‘Showing 1 to 10 of 50 products’).

More information

Pagination buttons

Positions, shows or hides the pagination buttons.

More information

Pagination type

Choose a style for the pagination buttons.

More information

Reset button

Positions, shows or hides the reset button which lets customers reset the table after performing a search or filter.

More information

Product add-ons

These settings will only appear if you’re using the official WooCommerce Product Add-Ons plugin with WooCommerce Product Table.

More information

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.

CREATE YOUR FIRST PRODUCT TABLE

Was this article helpful?

Related Articles