BUILD3R.io

WooCommerce Product Categories

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.
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.