--- title: "How to Create WooCommerce Product Grid Column Filter?" url: https://theplusaddons.com/docs/create-woocommerce-product-grid-column-filter/ date: 2023-09-14 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Create-WooCommerce-Product-Grid-Column-Filter_-1024x536.jpg word_count: 214 --- # How to Create WooCommerce Product Grid Column Filter? ## - Implements a product grid column filter using the WP Search Filters widget from The Plus Addons for Elementor. - Requires installation and activation of The Plus Addons for Elementor to utilize the WP Search Filters and Product Listing widgets. - Enables users to customize product grid columns by selecting options in the Column Change field within the WP Search Filters widget. 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](https://theplusaddons.com/docs/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.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/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](https://wordpress.org/plugins/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](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-grid-column-control.webp) ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Filter Type | Set to Filter Meta. | - | | Select Source | Set to Filter Column. | - | ## Related Docs - [How to Create Horizontal WooCommerce Product Filter in Elementor?](https://theplusaddons.com/docs/create-horizontal-woocommerce-product-filter-in-elementor/) ## Frequently Asked Questions **Q: What do I need before creating a WooCommerce product grid column filter in Elementor?** A: The setup depends on three things being active: Elementor, WooCommerce, and The Plus Addons for Elementor Pro. The page also says you need at least a few published products and a product listing or grid already connected to the filter. That matters because the column switcher only makes sense when there is an actual product grid to control. In The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH, the WP Search Filters widget is the piece that adds this behavior. **Q: Why is my product grid column filter not showing up?** A: The most common blocker is that WP Search Filters is a Pro widget and must be installed and active inside The Plus Addons for Elementor Pro. The page also says the widget has to be enabled under The Plus Addons > Widgets by searching for WP Filters and turning its toggle on. If the filter still does not appear, the connected product listing or grid is another thing to verify, because the column switcher only works when it is attached to a grid. **Q: How do I add a column-count switcher above a WooCommerce product grid?** A: The page’s setup uses the WP Filters widget’s Filter Area. Add another item there, set Filter Type to Filter Meta, then set Select Source to Filter Column. That combination is what creates the column-count switcher above the connected product grid. In practice, this is useful when you want shoppers to choose between denser grids and larger product images instead of forcing one layout on everyone. **Q: What kind of shopping experience does a product grid column filter improve?** A: It gives shoppers control over how many products they see per row. The page calls out two common preferences: some people want a dense grid to scan more products at once, while others want larger images with fewer items per row. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this through the WP Filters widget’s Filter Meta type with Filter Column as the source. **Q: Is there a full settings guide for the WP Search Filters widget?** A: The page points to [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/) for the full settings tour. That matters because this tutorial only covers the specific Filter Meta and Filter Column setup needed for the column switcher. If you are tuning other parts of WP Search Filters in The Plus Addons for Elementor Pro, that overview is the right reference point. **Q: Is there another WooCommerce filter layout related to this tutorial?** A: A related option is [How to Create Horizontal WooCommerce Product Filter in Elementor?](https://theplusaddons.com/docs/create-horizontal-woocommerce-product-filter-in-elementor/). This tutorial focuses on changing product grid columns with a filter meta item, while the horizontal guide covers a different layout style for WooCommerce filtering. If your goal is broader filter placement or presentation, comparing both helps you pick the format that fits your product archive better.