Woo Category Grid for Elemenetor (Free)

Woo Category Grid Widget for Elementor
FREE

Woo Category Grid Widget for Elementor

Demo
Documentation
Video

The Woo Category Grid widget showcases WooCommerce categories in a responsive grid layout within Elementor, enhancing category visibility and site organization.

Buy Now
Choose Template
image 824 (2)
Woo Category Grid
Woo Fashion Category Grid Element
Fashion Woo Category Gri...
image 824 (4)
Brands Woo Category Grid
Woo Category Grid with a Tabs Filter
Woo Category Grid With T...
Loading...
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Query Options

Powerful Include and Exclude Query Options

Easily control the categories displayed in your grid with advanced include and exclude options. Use specific terms, current post terms, or even dynamic queries like child categories to tailor the grid to your content needs. This flexibility ensures your layout always displays exactly what you want.

Grid and Layout Settings

Customizable Grid and Layout Settings

Design your grid exactly how you want with versatile layout options. Adjust the number of columns, grid gap, and layout styles like overlay or reveal to fit your website’s aesthetic. These settings ensure a polished, professional look every time.

Custom Image Field

Show Custom Images with Meta Field Support

Go beyond the default category image by using custom meta fields from plugins like ACF and PODS. Easily display unique visuals that align perfectly with your branding or content strategy, giving your grid a truly personalized touch.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Woo Category Grid Widget with this video tutorial. Master each step at your own pace effortlessly.

Custom Query

Include By Settings for Woo Category Grid

A versatile range of options to determine which categories will be included in your query.

Specific Terms

Display categories based on specific selected terms.

Children Of

Display the child categories of any given parent category.

Children Of Current Term

Display the child categories of the current term.

Current Post Terms

Display the categories of the current post/product.

By Search Text

Display the categories by a specific search text.

Only Childless

Display only categories that have no subcategories.

Not a Child of Other Term

Display categories that are not a subcategory of any other term.

Only Direct Children

Display only the categories that are direct children of a term.

Term Meta

Display categories based on term meta key.

Custom Query

Exclude By Settings

Select specific categories to exclude from your query by adding advanced rules.

Specific Terms

Exclude categories based on specific selected terms.

Current Term (for archive only)

Exclude the current categorie you are viewing from the selection.

Current Post Terms

Exclude categories of the current post/product.

Hide Empty Terms

Exclude categories that do not contain any products.

Order By

Fine-Tune Your Category Grid

Customize the order display of your categories by choosing from a variety of options personalized to your preferences. Additionally, easily determine the direction, whether in a descending or ascending manner. 

Name
Slug
Term Group
Term ID
Description
Parent
Parent and Children
Meta Value
Count - (number of posts associated)
Include - (specific terms order)
Meta Value - Numeric

Woo Category Grid Frequently Asked Questions

What is the Woo Category Grid Widget for Elementor?

The Woo Category Grid Widget for Elementor is designed to display WooCommerce product categories in a grid format. It allows you to visually organize and showcase various product categories, making it easier for users to navigate your online store. This widget is especially useful for eCommerce websites built with WooCommerce, where you want to highlight specific product groups.

How to add Woo Category Grid Widget to an Elementor Website?

This widget is available in the Unlimited Elements Free version.

  1. Install and activate Unlimited Elements for Elementor.
  2. Navigate to Unlimited Elements → Widgets in the WordPress Dashboard
  3. Search for the 'Woo Category Grid.'
  4. Hover over the widget and click 'Install.'
Is the Woo Category Grid for Elementor a free widget?

Yes, the Woo Category Grid widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.

Can I display custom taxonomies in the Woo Category Grid?

Yes, absolutely! With the advanced query selection tools, the Woo Category Grid widget lets you choose one or multiple custom taxonomies to display in the WooCommerce Category Grid.

Can I set the maximum number of categories to show?

Yes, you can set the maximum number of categories to display in the category grid, allowing you to choose how many categories appear in the Woo Category Grid.

Can I show the number of products in the category?

Yes, absolutely! You have the flexibility to display the number of products in each category, providing users with more information about how many products are in each category.

Can I show a custom image for the category using a custom field?

Yes, the Woo Category Grid allows you to display a custom image for each category by enabling the Custom Image Field option. Just add the Custom Image Field name, and the custom image will appear for the category.

How do I use the Woo Category Grid widget in Elementor?

Using the Woo Category Grid widget is easy. Drag and drop the widget into your Elementor page, then select the product categories you want to showcase. Customize the layout, adjust image sizes, and set the number of columns to your preference. You can also apply filters for categories and style the grid to match your design. Check out our documentation for a detailed guide.