Webgems Tile Manager for WooCommerce

Webgems Tile Manager for WooCommerce adds tile-specific pricing and display features to WooCommerce, designed for ceramic tile, flooring, and stone slab stores.

Key Features

• 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.
• Sell per box or per piece — Quantity input represents boxes (or individual pieces). Cart totals reflect the correct box price × quantity.
• 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.
• 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.
• Pre-order support — Products in backorder show a configurable “Pre-order” badge (text + color). A “Request quote” button replaces the add-to-cart button.
• Flexible stock management — Track stock in boxes, pieces, or m². The plugin shows the correct availability text and validates cart quantities accordingly.
• 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.
• 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.

How It Works

1. Set the product price as price per m² in WooCommerce (Regular Price field).
2. Fill in the tile fields in the product editor: Tile size, Pieces per box, m² per box.
3. The plugin calculates and displays: price per box, coverage info, and the coverage calculator.
4. Customers add boxes to cart; totals are calculated correctly as price per box × quantity.

Requirements

• WordPress 5.8 or higher
• WooCommerce 6.0 or higher
• PHP 7.4 or higher

Development

This plugin is open source (GPLv2 or later). The admin settings page is built with @wordpress/scripts (React / @wordpress/components). The complete, uncompiled source code is bundled in this package under the /src directory.

To rebuild the compiled assets in assets/js/dist/:

npm install
npm run build

The build uses @wordpress/scripts (webpack). No other build step is required; all other PHP, CSS, and JavaScript files are shipped uncompiled and human-readable.