Bunty

Bili Plugins

A Gutenberg block that showcases your WooCommerce categories in a responsive grid layout. Click any category to instantly view its products in a sleek popup—no page reload needed!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/FmA-sCR3vUU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>GitHub Repo</h3>
<a href="https://github.com/BhargavBhandari90/product-categories-grid-block" rel="nofollow ugc">https://github.com/BhargavBhandari90/product-categories-grid-block</a>

Product Categories Grid for WooCommerce

Interactive category grid with product popups.

Crocoblock

Meet <a href="https://crocoblock.com/plugins/jetgridbuilder/?utm_source=wordpressorg&utm_medium=referral&utm_campaign=jetgridbuilder_plugin&utm_content=release" rel="nofollow ugc">JetGridBuilder plugin for Elementor and Gutenberg</a> — free addon for creating wow-grids on your website. Forget about the limits of premade layouts. Put your ideas in motion just by dragging the posts to the desired grid area.
Build the grids for various purposes: posts grid for a blog, product grid for an online store, portfolio or image galleries, grid with advertising banners and events, etc. Crocoblock guarantees that JetGridBuilder plugin is RTL compatible, has the lightest code and most responsive design options in the field.
Unpacking the plugin, you will find 2 widgets inside:
<ul>
<li>Post Grid Builder</li>
<li>Terms Grid Builder</li>
</ul>
JetGridBuilder works flawlessly with ACF, PODS, Metabox, Toolset, and WooCommerce. Create custom post types and product posts, add pages, posts, categories, and subcategories with any of these tools, and be sure that JetGridBuilder will display them dynamically. All you need to do is to arrange the cards in the grid of your design with the help of Elementor and Gutenberg.
Perfect combo with JetEngine
Great news for the adherents of Crocoblock’s <a href="https://crocoblock.com/plugins/jetengine/?utm_source=wordpressorg&utm_medium=referral&utm_campaign=jetgridbuilder_plugin&utm_content=" rel="nofollow ugc">JetEngine</a> plugin. Use JetEngine listing as a source of data for your grid to display extra custom dynamic info. JetEngine listing’s stylizations will be applied to the grid instead of the default ones.
The opportunities you get with JetGridBuilder:
<ol>
<li>Setting of backing grid columns to create a sophisticated grid.</li>
<li>Setting the indent between posts with the help of Gutter.</li>
<li>Adjusting the layout of any difficulty by resizing each card and moving it along the grid.</li>
<li>Aligning the posts automatically with the Vertical Compact Option (you can place the cards anywhere on the grid in case if this toggle is not enabled. But if you turn it on, all cards will be automatically aligned to the top that creates the standard grid view).</li>
<li>Two item style options available by default: standard for the info to appear on the colored background under the image, content overlay to showcase the information on the translucent background over the picture.</li>
<li>Customizable loading spinner (25 amazing spinner types are available).</li>
<li>A great number of style settings for every page element (works only for Elementor; Gutenberg applies its default styles). </li>
</ol>
We prepared an inspiring demo page, where you can play with the posts: adjust, move, delete or add them. Check out free grid plugin — JetGridBuilder — in action <a href="https://crocoblock.com/plugins/jetgridbuilder/?utm_source=wordpressorg&utm_medium=referral&utm_campaign=jetgridbuilder_plugin&utm_content=" rel="nofollow ugc">https://crocoblock.com/plugins/jetgridbuilder/</a>
More information
Here are some useful links for you to dive into the details on JetGridBuilder application:
<ul>
<li><a href="https://crocoblock.com/knowledge-base/articles/jetgridbuilder-settings-overview/" rel="nofollow ugc">JetGridBuilder for Elementor: Settings Overview</a></li>
<li><a href="https://crocoblock.com/knowledge-base/articles/jetgridbuilder-how-to-create-a-posts-grid/" rel="nofollow ugc">JetGridBuilder: How to Create a Posts Grid in Elementor</a></li>
<li><a href="https://crocoblock.com/knowledge-base/articles/jetgridbuilder-how-to-create-posts-grid-in-gutenberg-editor/" rel="nofollow ugc">How to Create Posts Grid in Gutenberg Editor</a></li>
</ul>

JetGridBuilder — Grid Builder for Elementor and Gutenberg

JetGridBuilder plugin for Elementor and Gutenberg free addon for creating wow-grids on your website. Forget about the limits of premade layouts.

Product Categories Grid for WooCommerce vs JetGridBuilder — Grid Builder for Elementor and Gutenberg