Sell by Measure
By Kavio Labs · Version 1.0.3Sell products by weight, length, area or volume with decimal quantities, unit prices, step/min/max and a live price on the product page.
- WooCommerce10.1 – 11.2
- WordPress6.7+
- HPOS and blocksYes
by Kavio Labs · for WooCommerce 10.1+ on WordPress 6.7+
Warm, photo-led block theme for furniture, homeware and kitchen stores: an image hero slider, Shop by room tiles, rich product cards, filters, a room mega menu and a calm checkout. Four styles, one-click demo content, full site editing.
Warm, photo-led block theme for furniture, homeware and kitchen stores: an image hero slider, Shop by room tiles, rich product cards, filters, a room mega menu and a calm checkout. Four styles, one-click demo content, full site editing.
WooCommerce 10.1 - 11.2, WordPress 6.7+
Hearth is a warm, photo-led block theme for furniture, homeware, lighting, textiles and kitchen stores. Big room photos, rounded image wells, calm typography (Outfit and Hanken Grotesk) and a checkout that stays out of the way: the theme is built around the idea that shoppers buy a home by looking at rooms first and products second.
Sell by Measure for WooCommerce (rugs, fabric and flooring sold per metre or square metre) and Make an Offer for WooCommerce (negotiated prices on furniture). Both are separate Kavio Labs products; the theme does not depend on them.
Hearth is GPL-2.0-or-later. In the own-site (Kavio Labs) edition a licence key unlocks updates, the demo importer and the hero slider controls; templates, patterns, styles and your store keep working without it, and the admin is never blocked. The CodeCanyon edition uses a purchase code for updates and support only. The WooCommerce.com edition has no licence screen. See configuration.

WordPress 6.7+, WooCommerce 10.1+, PHP 7.4+.
The importer creates product categories (five rooms plus lighting, decor and textiles with sub-categories), four makers as product brands, products (with prices, stock, specifications, images and reviews), four pages (About, Delivery and returns, Care guide, Contact) and four posts in the category Ideas & inspiration. Everything it creates is tagged, so Remove demo content deletes exactly those items and nothing else. Running the import again updates the items instead of duplicating them.
Command line: wp kv-hearth demo import, wp kv-hearth demo remove, wp kv-hearth demo status.
Upload the new zip over the old one (WordPress asks to replace the theme). Your template edits made in the Site Editor are stored in the database and are kept.
Switch to another theme and delete Hearth. If you imported the demo content, remove it first (Appearance > Hearth).
| Section | What it does |
|---|---|
| Licence (own-site and CodeCanyon editions) | Enter the licence key or purchase code. The check runs from the admin once a day and sends the site address and the key to kaviolabs.com; nothing about customers, visitors or orders. |
| Demo content | Import, update or remove the sample store. |
| Without a valid licence | Still works |
|---|---|
| Hero slider buttons and counter | All templates, patterns, styles and the Site Editor |
| Demo importer | Cart, Checkout, orders and every store setting |
| Updates | The admin (never blocked) |
A new installation has a 14-day start period; if the licence server cannot be reached, a 14-day grace period applies. Development hosts (localhost, .test, private addresses) are always accepted. The CodeCanyon edition never locks features: the purchase code only enables updates and support. The WooCommerce.com edition has no licence screen and sends nothing.
The theme exposes its shape as custom values in theme.json: custom.radius, radiusSm, radiusBtn, heading.weight, heading.tracking, nav.transform, card.border, card.shadowHover. A child theme or a style variation can override them together with the colour palette. The palette has 19 named colours (page, surface, ink, muted, primary and hover, accent text, in stock, well, line, footer, dark panel, top bar, text on dark, sale and more); pick text and background pairs from the same style to keep AA contrast.
The home page template (front-page) is a list of patterns. In Appearance > Editor > Templates > Front Page click a section to change its text, photos, links or products, or drag sections to reorder them. The same sections are in the block inserter under Hearth sections so you can use them on any page.
| Section | Notes |
|---|---|
| Hero slider | Three slides: photo, eyebrow, headline, text and two buttons. Swipe on phones; arrows and a counter on larger screens. |
| Promise strip | Four short promises with icons (delivery, returns, assembly, guarantee). |
| Shop by room | Eight tiles; replace the photos and links with your own categories. |
| Bestsellers, Autumn sale, New in | Product collection blocks (popularity, on sale, newest). Change the query in the block settings. |
| Promo banners | Two photos with an offer card. |
| Makers strip | Names that link to the product brand pages. |
| Reviews | Three quotes; edit the text or replace with a review plugin block. |
| Ideas and inspiration | The latest four posts. |
The header navigation is a Navigation block with drop-down menus. Edit it in Appearance > Editor > Patterns > Header or open the header template part. Item links point to the demo categories (/product-category/<slug>/); change them to match your own categories.
Open Appearance > Editor > Styles > Browse styles and pick Clay, Coast, Rattan or Evening. Colours, fonts and corner radius change everywhere, including the Cart and Checkout blocks.



The block inserter has three page patterns under Hearth store pages: About us, Delivery and returns, Care guide. The Wide page template removes the narrow text column for custom layouts.
Filters, sorting and the grid are WooCommerce blocks. Add or remove filters in the Archive Product template. The single product template shows the maker (product brand) above the title; assign makers under Products > Brands.
kv-hearth/
style.css theme.json functions.php screenshot.png readme.txt LICENSE.txt
templates/ front-page, index, page, page-wide, single, archive, search, 404 + WooCommerce:
archive-product, product-search-results, single-product, page-cart, page-checkout, order-confirmation
parts/ header, footer, checkout-header (thin wrappers around the PHP patterns of the same name)
patterns/ kv-hearth/* PHP patterns (translatable text, home_url(), theme file URIs); sections and store pages
styles/ coast.json, rattan.json, evening.json (Clay = theme.json)
assets/ css/theme.css (front end + editor), css/admin.css, js/theme.js (hero controls), fonts/
inc/ KavioLabs\Hearth\ Theme, Settings, Admin\ThemePage, Demo\{Importer,Cli}, License\{Manager,Client,Envato}
demo/ pack.json + images (demo importer data)
languages/ kv-hearth.pot (English only; no translation files ship)
kv_hearth_ / KavioLabs\Hearth / KV_HEARTH_; text domain kv-hearth.tests/gen-patterns.js, theme.json and the three style files by tests/gen-theme-json.js (one palette table), and the demo pack by tests/demo/build-pack.js. Edit the generators, not the output.tests/contrast.js checks every palette pair used by the theme against WCAG AA for all four styles.wp transient delete --all.node tooling/kv.js theme-validate woo_theme_hearth --platform woocommerce
node tooling/kv.js theme-lint woo_theme_hearth --platform woocommerce
node tooling/kv.js theme-package woo_theme_hearth --platform woocommerce # dist/woocommerce/kv-hearth/<version>/ kv|envato|woo zips
node tooling/kv.js theme-deploy woo_theme_hearth --platform woocommerce --sync --activate
node woocommerce/themes/woo_theme_hearth/tests/contrast.js
node woocommerce/themes/woo_theme_hearth/tests/e2e.js # home, shop, product, cart, block checkout order
Applying a style on a dev store from the command line: wp eval-file tests/variation.php coast --user=admin (a user is needed, otherwise WordPress strips the global styles content).
Yes. Both are styled by the theme and nothing replaces them.
The theme never reads or writes orders, so it is neutral to High-Performance Order Storage.
10.1 to 11.2, on WordPress 6.7 or newer.
Yes. The templates and styles are general; the demo content and home sections are written for home and kitchen stores and are all editable.
The room tiles link to pages that do not exist. The demo links point to the demo categories. Edit the tiles and navigation to use your own category links.
The product brand taxonomy of WooCommerce (Products > Brands). Without brands the line above product titles simply does not show.
Yes, with Sell by Measure for WooCommerce (sold separately).
The product is English. Strings are translatable (text domain kv-hearth, .pot file in languages/).
Only the own-site and CodeCanyon editions, once a day from the admin, to check the licence. The WooCommerce.com edition makes no external request.
More for WooCommerce
Sell products by weight, length, area or volume with decimal quantities, unit prices, step/min/max and a live price on the product page.
Year/make/model parts search for WooCommerce: fitment table per product, CSV import, My Garage, fits / does not fit badge and vehicle-filtered shop and search pages.
EN 16931 e-invoices and credit notes from WooCommerce orders: XRechnung (CII/UBL), ZUGFeRD/Factur-X PDF/A-3 and Peppol BIS 3.0 UBL, gapless numbering, B2B checkout fields, validation, e-mail attachments, My Account downloads and ZIP export.