Skip to content

How to Create WooCommerce Product Grid Column Filter?

Table Of Content

Some shoppers prefer a dense grid to scan more products at once; others prefer larger images with fewer per row – letting them choose beats picking one column count for everyone.

The WP Filters widget’s Filter Meta type includes a Filter Column item that adds a column-count switcher above the connected product grid.

For the full settings tour of the WP Search Filters widget, see WP Search Filters Widget Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: WP Search Filters is a Pro widget – it requires The Plus Addons for Elementor Pro to be installed and active.
  • Widget to enable: go to The Plus Addons > Widgets, search for WP Filters and turn its toggle on.
  • Prerequisite: WooCommerce installed and active, with at least a few products published.
  • A product listing/grid the filter is connected to.

Steps

Add another item to the WP Filters widget’s Filter Area, set its Filter Type to Filter Meta, then set Select Source to Filter Column.

Column-count switcher above a woocommerce product grid

Settings Overview

SettingWhat it doesDefault
Filter TypeSet to Filter Meta.–
Select SourceSet to Filter Column.–

Related Docs

Related Frequently Asked Questions

Related Docs