help center

Search
Close this search box.
On this page

WooCommerce Product Categories (Pro)

Last Update: January 14, 2024

Display a grid of WooCommerce Product Categories anywhere on your site.

Content

Layout

  1. Columns: Set the exact number of columns to display, from 1 to 12
  2. Categories Count: Select the number of categories to display

Query

  1. Source: Select the source from which to display categories, choosing from All, Manual Selection, By Parent, or Current Subcategories. If Manual Selection is chosen, manually select which categories to display. If “By Parent” is chosen, select from Only Top Level, or select an individual category from the dropdown list.
  2. Hide Empty: Set to Yes to categories with no products within them
  3. Order By: Set the order in which the categories will be displayed. Options include Name, Slug, Description, or Count
  4. Order: Select to display categories in ASC or DESC (Ascending or Descending) order

Style

  1. Columns Gap: Set the exact gap between the columns
  2. Rows Gap: Set the exact gap between the rows
  3. Alignment: Align the products data to the left, right, or center

Image

  1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
  2. Border Radius: Set the radius to control corner roundness of the border
  3. Spacing: Adjust the amount of space between the images and their data

Title

  1. Color: Choose the Title color
  2. Typography: Set the typography options for the Title text

Count

  1. Color: Choose the color for the Count
  2. Typography: Set typography options for the Count

Note: The style of this widget is often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins, or adjust the styling within your theme’s settings.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!