Team Tiles

<p>A quick and simple way to add a badge to your website.</p>
<h4>Requires the Gutenberg plugin:</h4>
<p>This block uses a few newer features that are currently only available within the <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg plugin</a>.</p>


Tiles Badge Block

Add a badge to highlight content areas on your website with our new badge Gutenberg block.

ipetru21

webgems

<p><strong>Webgems Tile Manager for WooCommerce</strong> adds tile-specific pricing and display features to WooCommerce, designed for ceramic tile, flooring, and stone slab stores.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Price per m²</strong> — 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><strong>Sell per box or per piece</strong> — Quantity input represents boxes (or individual pieces). Cart totals reflect the correct box price × quantity.</li>
<li><strong>Coverage calculator</strong> — 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><strong>Country of origin badge</strong> — Optionally display a country badge (with flag) below the product title. Country is set per product. Enable/disable from plugin settings.</li>
<li><strong>Pre-order support</strong> — Products in backorder show a configurable “Pre-order” badge (text + color). A “Request quote” button replaces the add-to-cart button.</li>
<li><strong>Flexible stock management</strong> — Track stock in boxes, pieces, or m². The plugin shows the correct availability text and validates cart quantities accordingly.</li>
<li><strong>Showroom button</strong> — 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><strong>Woodmart theme compatible</strong> — 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>
<p>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.</p>
<p>To rebuild the compiled assets in <code>assets/js/dist/</code>:</p>
<pre><code>npm install
npm run build
</code></pre>
<p>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.</p>


Webgems Tile Manager for WooCommerce

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

Tiles Badge Block vs Webgems Tile Manager for WooCommerce