BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Woo Category Grid Widget for Elementor Pro

WooCommerce product categories as a grid or carousel

Overview

What Woo Category Grid does

Woo Category Grid shows your WooCommerce product categories as linked cards, in a grid or a carousel. Each card uses the category image and can show the product count, the description and a button. Use it on the home page or the shop page to send visitors to the right department.

Features

What it can do

  • Shows main categories, all categories, the subcategories of one category or a manual selection.

  • Grid or Carousel layout.

  • Three card styles: Overlay (text on image), Classic (text below) and Circle (round image).

  • Product count with your own wording for one and for several products.

  • Optional category description, trimmed to a word limit.

  • Optional button with text and icon on every card.

  • Sort by shop order, name or number of products.

  • Can hide empty categories and the default Uncategorized category.

Use cases

When to use it

Shop by category

Show the main categories in a four column grid on the home page, with the Overlay card style.

Round category icons

Use the Circle card style in a carousel for a row of round category images under the header.

Subcategory menu

Set Show to Subcategories of... and pick a Parent Category to list the children of one department.

Featured collections

Use Manual Selection to show a few chosen categories in your own order, each with a Shop now button.

Setup

How to set it up

What you need: WooCommerce must be installed and active, with product categories. Category thumbnails are recommended.

  1. Drag Woo Category Grid onto the page. It shows up to eight main categories in four columns.

  2. In Categories, choose what to list under Show and set Number of Categories and Order By.

  3. In Layout, choose Grid or Carousel and set Columns and Gap for the grid.

  4. In Category Card, pick a Card Style and Image Shape, then switch Product Count, Description and Button on or off.

  5. For a carousel, open Carousel Settings and set Slides Visible, Arrows and Pagination.

  6. In the Style tab, set the card, image, text and button styling.

FAQ

Questions and answers

Where do the category images come from?

From the thumbnail of each product category in WooCommerce (Products, Categories). Add or change the image there.

Can I choose the order of the categories?

Yes. Use Manual Selection to show them in the order you pick, or set Order By to the shop order, the name or the number of products.

Can I show the categories as a slider?

Yes. Set Layout to Carousel and adjust Slides Visible, Arrows and Pagination in Carousel Settings.

Can it show the subcategories of the category a visitor is on?

Yes. Set Show to Subcategories of the Category Being Viewed and use the widget in a product category template.

Bright Addons Pro

Get Woo Category Grid with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.