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.

ipetru21

webgems

Webgems Tile Manager for WooCommerce adds tile-specific pricing and display features to WooCommerce, designed for ceramic tile, flooring, and stone slab stores.
<h4>Key Features</h4>
<ul>
<li>Price per m² — The product price is set as price per m². The plugin automatically calculates and displays the price per box on the product page.</li>
<li>Sell per box or per piece — Quantity input represents boxes (or individual pieces). Cart totals reflect the correct box price × quantity.</li>
<li>Coverage calculator — An interactive calculator on the product page lets customers enter the area to cover (in m²), add an overage percentage for cuts and breakage, and see how many boxes they need and the total cost.</li>
<li>Country of origin badge — Optionally display a country badge (with flag) below the product title. Country is set per product. Enable/disable from plugin settings.</li>
<li>Pre-order support — Products in backorder show a configurable “Pre-order” badge (text + color). A “Request quote” button replaces the add-to-cart button.</li>
<li>Flexible stock management — Track stock in boxes, pieces, or m². The plugin shows the correct availability text and validates cart quantities accordingly.</li>
<li>Showroom button — Display a button that opens a popup with links to navigate to your showroom via Waze, Google Maps, or Apple Maps. Configurable from plugin settings — works with any theme.</li>
<li>Woodmart theme compatible — Full integration with the Woodmart theme: pre-order label in Woodmart’s product label system, Woodmart wishlist-style showroom button, CSS variable support.</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Set the product price as price per m² in WooCommerce (Regular Price field).</li>
<li>Fill in the tile fields in the product editor: Tile size, Pieces per box, m² per box.</li>
<li>The plugin calculates and displays: price per box, coverage info, and the coverage calculator.</li>
<li>Customers add boxes to cart; totals are calculated correctly as price per box × quantity.</li>
</ol>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.8 or higher</li>
<li>WooCommerce 6.0 or higher</li>
<li>PHP 7.4 or higher</li>
</ul>
<h3>Development</h3>
This plugin is open source (GPLv2 or later). The admin settings page is built with <a href="https://www.npmjs.com/package/@wordpress/scripts" rel="nofollow ugc">@wordpress/scripts</a> (React / @wordpress/components). The complete, uncompiled source code is bundled in this package under the <code>/src</code> directory.
To rebuild the compiled assets in <code>assets/js/dist/</code>:
<pre><code>npm install
npm run build
</code></pre>
The build uses <code>@wordpress/scripts</code> (webpack). No other build step is required; all other PHP, CSS, and JavaScript files are shipped uncompiled and human-readable.

Webgems Tile Manager for WooCommerce

WooCommerce plugin for tile and flooring stores: price per m², sell per box, coverage calculator, country of origin badge.

WP Tiles vs Webgems Tile Manager for WooCommerce