Show category/attributes with icons, images, tooltips in table

The product table plugin lets you relabel category, attribute and taxonomy terms to different text, image, icon, in the tables through the ‘Custom term labels’ facility. This vastly helps improve the presentation of your product table —making it easer to grasp at a glance and more visually appealing.

Please keep in mind the ‘custom term relabel’ facility described has certain limitations:

  1. Only upto 30 terms can be re-labeled in a table.
  2. The re-labelling needs to be repeated for each table.

For a better experience you can use the Global term relabels addon that helps you relabel as many terms as you want and across all your tables from a single location.

The rest of this documentation below will help you relabel your product attributes in the table using the plugin’s ‘custom term relabel’ facility. But if you are interested in the above mentioned 2 benefits then you can check out the global term relabel addon instead.

How to relabel term as ‘Text’

Open the ‘Custom term labels’ panel in the element settings and modify the text element of any term you wish to relabel.

How to relabel term as ‘Image’

Open the ‘Custom term labels’ section and locate a term you wish to relabel. Delete its default text element, and add a ‘Media Image’ element instead. Create the image    

How to relabel term as ‘Icon’

The process is similar to Image relabel, except the text element is replaced with an Icon element here. 

To add a custom SVG icon you an use the HTML element instead.  

If you have an image icon you can use the Media Image element instead. Please remember to use the Width option of the Media Image element to give the image a custom width in the table.