Posted on

How to show product attributes in different column and search box

Many of our users want to know how to show product attributes with different column in our Woo Product Table. Also we are going to see how to add filter by product attributes.

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

  1. Add new attribute column

    Use below this box to add new column.
    Step in Attributes

  2. How to find the Column Keyword for Attributes

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

  3. Copy the Taxonomy Value

    Here we can see the taxonomy value is pa_brand and we have to copy this value and paste to column keyword field at Step 1.
    In your case the taxonomy value could be different from the below one.How to find the Column Keyword for Attributes

  4. Fill the box

    Column Keyword: Attribute name
    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.
    Select the column type as Taxonomy

  5. Show Advance Search Box with Attribute Filter

    To enable attribute filter with advanced search box add taxonomy keywords for desired filter option.Show Advance Search Box with Attribute Filter

  6. Show Mini Filter with Product Attributes

    To enable mini filter with product attributes add taxonomy keywords for desired filter option.Show Mini Filter with Product Attributes

Posted on

Change Default WooCommerce Thumbnail Image Size for Woo Product Table

You can use wpto_thumbs_size filter to resize thumbnail. Read this article to learn about how to use filter and action hook.

Here I have added a snippet. Add this snippet to end of the child theme’s functions.php file.

if( !function_exists( 'wpt1234_resize_the_thumb_size' ) ) {

function wpt1234_resize_the_thumb_size () {
    return 'woocommerce_thumbnail';
}

}
add_filter( 'wpto_thumbs_size', 'wpt1234_resize_the_thumb_size' );