GET FREE VERSION GET THE PRO VERSION

WooCommerce Product Table by Barn2 integration

Display labels inside product tables and use some additional advanced integration features.

In this article

Overview

Key features of integration:
  • Show labels inside tables. Show product labels for all table products.
  • Labels columns. Create special custom columns to show product labels.
  • Display conditions. Show/hide labels individually for specific tables.

With the help of WooCommerce Product Table by Barn2 you can create customizable tables to display your WooCommerce products. Inside the table it is possible to display different product fields inside each table column, apply custom table styling, use filtering and search functionality.

Advanced Woo Labels plugin has built-in integration with such product tables. In fact you don't even need to make any extra actions - product labels will be visible inside tables by default. Below you can learn about some main integration features.

Show labels inside product table

Once you have any label that meets display conditions for the product inside the table - this label will be visible for it. No need for any extra steps here.

Product Table with labels

Product Table with labels


This works for name and image table columns. Make sure that you have these columns for your table. You can set these columns via Product Table plugin settings page or via table shortcode.

Product table column options

Product table column options

Create labels column

Instead of showing product labels inside name or image columns you can show all product labels in one place - inside a special labels column.

Column for product labels

Column for product labels

It is very handy because you can show all labels in one place and style them and their columns as you want.

To create labels table column please follow steps below:

1. Open WordPress dashboard -> WooCommerce -> Settings -> Products -> Product table page.

2. Find Columns option. It is a comma separated list of all columns that must be displayed inside the table. Just add labels value here to any place where you want to display your labels column.

Additionally you can set a custom heading for this column. Just add labels:{YOUR_HEADING}.

Product table column options with new labels column

Product table column options with new labels column

3. Done. Now just check your products table to see the newly created column.

Column for product labels with custom heading

Column for product labels with custom heading

Please note - when adding label column labels from other columns will be automatically hidden.

Also it is possible to customize table columns via shortcode. Just use columns shortcode parameter and inside it specify a comma separated list of needed table columns.

Products table shortcode

Products table shortcode

Special display conditions

Integration with WooCommerce Product Table by Barn2 plugin gives two additional labels display conditions: Is inside table and Is inside specific table. With these conditional rules you can show/hide labels inside product tables ( for all tables at once or only for some of them ).

Condition: Is inside product table

Label display condition to show/hide label for products inside table.

Label condition: Is product inside table

Label condition: Is product inside table

Simply open label edit page and inside Label condition box select Product Table: Is inside table rule. Set it to Yes or No to show/hide labels for products that are inside the plugin table.

Condition: Is inside specific product table

Label display condition to show/hide label for products inside specific table. Need to specify table ID.

Label condition: Is product inside specific table

Label condition: Is product inside specific table

To set such label conditions please open label edit page and inside Label condition box select Product Table: Is inside specific table rule.

For this condition you need to set table ID. To find it, open the page where your products table is displayed, press F12 key and inside the browser inspector console walk through page elements to find table element that corresponds to your products table. This element must have ID attribute that we are looking for. Just copy and paste this attribute for your label display condition rule.

Product table ID attribute

Product table ID attribute