Docly

How to show product attributes in a different column and search box

Estimated reading: 2 minutes 1217 views

Unlocking the Power of Product Attributes in WooCommerce: A Comprehensive Guide to Displaying Columns and Implementing Filtering.

Figure 1: Example Image

Unveiling the Art of Showcasing Attributes in Distinct Columns:

Follow the below steps to create a table like the above with attributes in different columns. See the live table here.

  1. How to find the Column Keyword for Attributes

    In this field, we have to type the attribute slug. Click on this to configure the terms of your desired attributes.
    How to find the Column Keyword for Attributes

  2. Copy the Taxonomy Value

    Here we can see the taxonomy value is pa_brand and we have to copy this value.

    i. In your case, the taxonomy value could be different from the below one.

  3. Fill the box

    Column Keyword: Attribute name (paste the value [pa_brand] in the column keyword field in this Step)
    Column Label: Give the column a title.
    Column Type: Select the column type as Taxonomy. This is very important because we are going to show taxonomies in this table column.

  4. The Result in Table

    This will show the attributes name in the column:

Show Search Filter with Product Attributes:

Follow the below step to create a table like the above with attributes in different columns and a search filter. See the live table here.

  1. Show Mini Filter with Product Attributes

    To enable the mini-filter with product attributes, add taxonomy keywords for the desired filter option. Go to Search & Filter Tab and follow the screenshot:

  2. The Result in Table

    The taxonomy keywords for the desired filter option are available on Mini Filter.

  3. Show Advance Search Box with Attribute Filter

    To enable the attribute filter with an advanced search box, add taxonomy keywords to the desired filter option.

  4. The Result in Table

    The taxonomy keywords for the desired filter option are available on Advance Search Box Filter.

Video Tutorial

Share this Doc

How to show product attributes in a different column and search box

Or copy link

CONTENTS