1. Home
  2. Documentation
  3. WooCommerce Product Table
  4. Product Table Shortcode Options
  5. Product table column width & image size

Product table column width & image size

WooCommerce Product Table will automatically size your columns for the best fit. There are several options to override this behaviour and control the column widths, as well as the size of product images in the table.

Widths

The plugin will automatically calculate column widths, but you can override this by adding the widths option directly to the shortcode. For example, this is a way to force more or less space for specific columns in the table.

You need to enter a value for each column in your table – either a percentage, a pixel amount or the keyword ‘auto’ to have the plugin calculate the width automatically.

For example, you might have 3 columns in your table – name, description and price – and you want to set the width of name to 20%, description to 50% and price to 30%. You can achieve this with the following shortcode:
[product_table columns="name,description,price" widths="20,50,30"]

If you wanted to set the width of the first column to 50px,and automatically size the other columns, then you can use:
[product_table columns="name,description,date" widths="50px,auto,auto"]

 

Was this article helpful?

Related Articles