Do you want to create a category masonry grid in Elementor? A masonry layout arranges category cards in a Pinterest-style grid where each card takes its natural height, making the display more visually dynamic than a fixed-height grid.
The Dynamic Categories widget in The Plus Addons for Elementor lets you display post categories, tags, or custom taxonomies in a masonry layout using multiple pre-designed styles. No custom code is required.
Best Used For:
- News and magazine sites displaying topic categories in a visually varied grid
- WooCommerce stores organizing product categories with mixed-height thumbnail images
- Portfolio and agency sites grouping case studies or service categories in a dynamic Elementor masonry grid
To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget, click here.
Requirement: This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated to use all its features.
To do this, make sure you have created some post categories, then follow the steps.
1. Add the Dynamic Categories widget to a page. From the Content Layout tab, select a style that matches your design from the Style section. This is useful when you want a specific visual look for your category cards before setting the layout type.
2. From the Layout section, select Masonry. Use this option when you want category cards of different heights to stack naturally in a Pinterest-style grid rather than a rigid fixed-height row, which works well for categories with varying thumbnail sizes.
3. From the Taxonomies dropdown, select the category you want to display. If you need to display related blog content alongside your category grid, see how to show recent blog posts in Elementor for a complementary setup.
Note: Similarly, you can show tags or other taxonomies in a masonry grid layout by selecting the appropriate option.
Your post categories will now display in a masonry layout in the Elementor editor. To further customize how your category cards appear, explore the Style tab in the Dynamic Categories widget settings. For a visually similar layout using images, see how to create an Elementor masonry image gallery in The Plus Addons for Elementor.
