WooCommerce product categories as cards in a grid or carousel, with images and counts. It comes with Bright Addons Blocks Pro, which also includes every free block.
Live demo
This is the block itself with its starting settings. Change any of them in the block sidebar.
What you can set
The Product Category Grid block has 5 settings panels. No code needed.
Set show, Parent category, Categories, Number of categories, Order by, Order, Hide empty categories and Hide "uncategorized".
Set layout, Columns and Gap.
Set card style, Image resolution, Image shape, Text position, Title tag, Product count, Count text (one product), Count text (several products), Description and 6 more settings.
Set slides per view (desktop), Slides per view (tablet), Slides per view (phone), Gap (px), Arrows, Arrows position, Pagination, Align slides, Move by and 6 more settings.
Set 4 color settings.
How to use it
Settings
The full list, panel by panel, is in the Product Category Grid guide.
| Setting | What it does | Choices |
|---|---|---|
| Show (Categories) | Choose one. | Main categories, All categories, Subcategories of…, Subcategories of the category being viewed, Manual selection |
| Parent category (Categories) | Text you type. | – |
| Categories (Categories) | Shown in the order you pick them. | – |
| Number of categories (Categories) | From 1 to 60. | – |
| Order by (Categories) | Choose one. | Shop order (drag and drop order), Name, Number of products |
| Order (Categories) | Choose one. | Ascending, Descending |
| Hide empty categories (Categories) | On or off. | – |
| Hide "uncategorized" (Categories) | On or off. | – |
| Layout (Layout) | Choose one. | Grid, Carousel |
| Columns (Layout) | From 1 to 8. | – |
| Gap (Layout) | Text you type. | – |
| Card style (Product card) | Choose one. | Overlay (text on image), Classic (text below), Circle (round image) |
| Image resolution (Product card) | Choose one. | Thumbnail – 150 x 150, Medium – 300 x 300, Medium large – 768 x 0, Large – 1024 x 1024, 1536×1536 – 1536 x 1536, 2048×2048 – 2048 x 2048, Woocommerce thumbnail – 300 x 300, Woocommerce single – 600 x 0, Woocommerce gallery thumbnail – 100 x 100, Full |
| Image shape (Product card) | Choose one. | 1:1, 4:5, 3:4, 4:3, 3:2, 16:9 |
Questions
Product Category Grid is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.
Yes. This block shows WooCommerce data, so WooCommerce must be active. Without it, the block shows nothing on the page.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
More blocks
Bright Addons Blocks
Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.
Yearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.
