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.

Mike Martel

WP Tiles is a WordPress plugin that allows anyone to create beautiful tiled layouts for their website.
With WP Tiles you can:
<ul>
<li>Display your latest blog posts in a fully customizable and responsive grid layout</li>
<li>Show a tiled archive of any post type, category or other taxonomy</li>
<li>Create beautiful tiled image galleries using the WP Media Uploader</li>
</ul>
<blockquote>
To experience for yourself how easy it is to create grids with WP Tiles, checkout the <a href="http://wp-tiles.com/#grid-editor" rel="nofollow ugc">grid designer</a> on our website.
</blockquote>
<h4>Usages</h4>
<ul>
<li>
Displaying Posts: The simplest way of using WP Tiles is by placing the <code>[wp-tiles]</code> shortcode somewhere on any of your pages or posts. Just add [wp-tiles] to your post to view the default tiles. However, WP Tiles is extremely flexible, allowing you to specify what content you want to display on your tiles, whether to display background images or skip posts that have no featured image, and much much more.
</li>
<li>
Create a tiled gallery: You can use WP Tiles to replace your default WordPress <code>[gallery]</code> shortcode. Simply create a gallery and select the grid you want to use, and you are good to go. Images can link to the attachment page, the image file, or be opened using a Thickbox, or with JetPack’s Carousel (or the <a href="https://wordpress.org/plugins/carousel-without-jetpack/" rel="ugc">Gallery Carousel without JetPack</a> plugin!).
</li>
</ul>
<blockquote>
Update: We recently released our free Twenty Fourteen child theme for WP Tiles. Check it out <a href="http://wp-tiles.com/tiledfourteen/" rel="nofollow ugc">here</a>.
</blockquote>
<h4>Other Features</h4>
Pagination using the shortcode 
The shortcode can be automatically paginated. The plugin includes AJAX pagination (without page reload), previous/next page navigation and page number navigation.
SEO Friendly 
The Tiles require JavaScript to be rendered, but they are readable by bots that don’t use JavaScript, and even include basic Schema.org microtags and are generated using clean HTML5. This means that you can safely use WP Tiles as a primary element on your page without worrying about SEO.
Grid Builder and Tile Designer 
The admin interface comes with a live editor for grid templates, so you can immediately see what grid templates look like. Tiles and bylines also come with a collection of hover effects and a list of adjustable properties that you can edit and preview immediately in the Tile Designer.
Completely custom bylines 
The bylines are now generated using a custom template, the mark up and content of which you can control entirely. You could even start showing complete posts on tiles if you want to!
For complete documentation, check out the website at <a href="http://wp-tiles.com/" rel="nofollow ugc">wp-tiles.com</a>.
<blockquote>
If you want to help develop this plugin, visit the <a href="https://github.com/mgmartel/WP-Tiles" rel="nofollow ugc">GitHub repo</a>.
</blockquote>

WP Tiles

I was impressed at option to create tiles with my own dimensions, just what I needed. It can be seen that many, many working hours were spent into this plugin. And it still works in Wordpress 5.02.
I only found that option for different grid at mobile is not functioning, I will see if I can fix it. I also modified Javascript in a way that it loads 16:9 tiles instead of quadratic ones.

Delighted

Add beautiful, fully customizable post tiles or tiled galleries anywhere on your WordPress site easily with WP Tiles.

Product Categories Grid for WooCommerce vs WP Tiles