by Kavio Labs · for WooCommerce 10.1+ on WordPress 6.7+
Premium block theme for jewellery and watch stores, built like a lit vitrine: a dark editorial hero with a spotlit piece, a full-width mega menu, product cards with hallmark stamps, metal dots and quick view, metal swatches and ring-size chips, a hallmark specification card, a ring size guide, shop by metal and stone and gift price bands. Four styles, one-click demo content, full site editing.
Premium block theme for jewellery and watch stores, built like a lit vitrine: a dark editorial hero with a spotlit piece, a full-width mega menu, product cards with hallmark stamps, metal dots and quick view, metal swatches and ring-size chips, a hallmark specification card, a ring size guide, shop by metal and stone and gift price bands. Four styles, one-click demo content, full site editing.
WooCommerce 10.1 - 11.2, WordPress 6.7+
Mono is a premium block theme for fine jewellery and watch stores: jewellers, bridal and engagement ring specialists, watch boutiques and gift shops. It is built like a lit vitrine: a dark editorial stage with one hero piece under a spotlight, didone headlines with a gold italic word, champagne hairlines, products on softly lit wells with a hallmark stamp, metal dots and quick actions, a full-width mega menu with a featured collection card, shop by metal and stone, gift price bands and a hallmark specification card on every product page. Typography is Bodoni Moda and Red Hat Text (self-hosted).
WordPress 6.7+, WooCommerce 10.1+ (tested with 11.2), PHP 7.4+. High-Performance Order Storage (HPOS) and the Cart and Checkout blocks are supported: the theme never reads or writes orders.
WordPress 6.7+, WooCommerce 10.1+, PHP 7.4+.
| Element | Where it comes from |
|---|---|
| Metal swatches on the product page, metal dots on cards | A variation attribute (or attribute) named Metal. The disc is drawn from the metal name: Yellow gold, White gold, Rose gold, Platinum, Sterling silver, Silver, Steel, Black. |
| Size chips with struck-through sold-out sizes | A variation attribute named Ring size, Size, Chain length, Bracelet length, Length or Case size |
| Metal-specific photos | Set an image on each variation: the product gallery switches with the metal |
| Hallmark stamp on cards and in the spec card | A product attribute named Purity whose value ends with the fineness in brackets, for example 18k (750), Platinum (950), Sterling (925) |
| Hallmark and specification card | Attributes named Metal, Purity, Stone, Total carat weight, Certificate, Water resistance, Warranty, Engraving (any that exist are shown) |
| Ring size guide dialog | Shown for products with a Ring size variation attribute; links to the page with the slug ring-size-guide if it exists |
| Book an appointment links | The page with the slug book-an-appointment |
| Complete the set | Other products with the same term of the global attribute Collection (slug collection) |
| Labels | Core data: sale prices (percentage), date created (New for 21 days), total sales (Bestseller from 130 sales), stock (Only a few left at 5 or fewer, Sold out) |
| Maker line on cards and the product page | WooCommerce Brands (Products > Brands) |
| Shop by metal and stone, sidebar filters | Global attributes (Products > Attributes) with the slugs metal, stone, collection, occasion; the links use ?filter_metal=platinum |
| Gift price bands | Links to the shop with min_price / max_price (under 250, 250 to 500, 500 to 1,000, over 1,000 in your currency) |
| Category vitrines | Your top-level product categories with their category image (transparent cut-outs look best) |
Without this data those elements are simply not shown or fall back to normal WooCommerce behaviour.
The importer creates 29 product categories, 54 products (28 variable, with prices, stock, metal photos and reviews), five brands, the global attributes Metal, Stone, Collection, Occasion, Ring size, Chain length and Bracelet length, five pages (Our house, Delivery and returns, Ring size guide, Care and warranty, Book an appointment) and four posts in the category The journal. Everything it creates is tagged, so Remove demo content deletes exactly those items (and the attributes it created) and nothing else. Running the import again updates the items instead of duplicating them. The first run creates the attributes and continues in a second request automatically.
Command line: wp kv-mono demo import, wp kv-mono demo remove, wp kv-mono 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 Mono. If you imported the demo content, remove it first (Appearance > Mono).
| 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 |
|---|---|
| Metal swatches and size chips (the normal selects are shown), quick view, card Add to bag and the column switch | All templates, patterns, styles, the mega menu 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 header menu is a normal Navigation block. A Submenu item whose additional CSS class contains kv-mega opens as a full-width panel: its links flow into columns of six, links with the class kv-mega__head become column headings, links with kv-mega__metal kv-m-yellow (kv-m-white, kv-m-rose, kv-m-platinum) get a metal dot, and the class kv-mega-img-engage (hero, watch, gift, craft) adds the featured card with that stage image, linking to the submenu's own URL. Edit the items in Appearance > Editor > Patterns > Header.
The theme exposes its art direction as custom values in theme.json: custom.well.top, well.bottom and well.spot (the lit vitrine behind every product photo), custom.hero.* (stage colours: bg, bg2, glow, text, muted, em), custom.btn.* (primary button and its hover), custom.card.shadow / shadowHover and radius. A child theme or a style variation can override them together with the 20-colour palette; pick text and background pairs from the same style to keep AA contrast. The default WordPress font sizes, spacing sizes, colours and gradients are switched off; the theme ships its own scale.
The home page template (Appearance > Editor > Templates > Front page) is a stack of patterns from the Mono sections category, in this order: Vitrine hero, Trust strip, Shop by category, The bestsellers, Editorial duo, Shop by metal and stone, New arrivals, Gift guide, Craft story, Customer reviews, From the journal, Appointment band. Each one can be moved, removed or inserted on any page. Texts, buttons and links are normal blocks; the dynamic sections (categories, metals, stones, price bands) are filled from your store.
The header holds an announcement bar, search, the wordmark (site title and tagline) and the mega menu. Hover or focus a menu item with a submenu to open its panel; keyboard users open it with Enter. On tablets and phones the menu opens as a full-screen overlay from the menu button.
Pick a style in Appearance > Editor > Styles. The dark stages follow the style colours.
Hover a card to see the second photo and the quick actions. Quick view opens the piece in a dialog with its options and an Add to bag button for simple products; products with options link to their page.
Metal swatches and ring-size chips replace the selects; sold-out combinations are struck through. Find your ring size opens the size guide; the spec card lists the hallmark and facts; Complete the set shows the rest of the collection.
The sidebar filters by metal, stone, collection, occasion, price and availability. On wide screens the column switch next to the sorting changes the grid between two, three and four columns (remembered in the browser).
The demo pages use the patterns of the Mono store pages category (Our house, Delivery and returns, Ring size guide). All layouts are responsive from 1440 px down to 360 px phones.
| Path | What it is |
|---|---|
style.css, theme.json, styles/*.json | Theme header, global settings and the Onyx, Bordeaux and Sapphire variations |
templates/, parts/, patterns/ | Block templates, header/footer parts (they load the header, footer and checkout-header patterns) and the section patterns |
assets/css/theme.css, assets/js/theme.js | Styles (front end and editor) and the deferred script (swatches, quick view, card Add to bag, dialogs, columns) |
assets/images/stage-*.png | Transparent stage compositions (hero, banners, mega cards); the stage background is drawn in CSS from the style |
inc/Theme.php | Supports, assets, pattern categories, licence boot |
inc/Catalog.php | Variation swatches, card extras (labels, hallmark, hover photo, quick actions), metal dots under prices |
inc/Blocks.php | Marker groups (kv-dyn-cats, -metals, -stones, -prices, -spec, -help, -set, -filters) and the mega menu card |
inc/Demo/ | Demo importer (Appearance > Mono and wp kv-mono demo) |
inc/License/, inc/Admin/ThemePage.php | Licence client and the theme page |
kv_mono_ for options and hooks, CSS classes kv-, text domain kv-mono.woocommerce_dropdown_variation_attribute_options_html (swatches), render_block_woocommerce/product-image and render_block_woocommerce/product-price (only blocks with the classes kv-card__image / kv-card__price), render_block_core/group (only groups with a kv-dyn-* class), render_block_core/navigation-submenu (only submenus with kv-mega) and woocommerce_product_single_add_to_cart_text./wc/store/v1/products/<id>, /cart/add-item with the Nonce header). Strings and URLs reach the script through window.kvMono.assets/images/stage-*.png with transparent PNGs of the same names (1400 x 1000, hero 1600 x 1200), or change the image in the patterns.node tests/gen-theme-json.js (palette and styles), node tests/contrast.js (AA check), node tests/gen-patterns.js, node tests/gen-templates.js, node tests/demo/build-pack.js (demo pack from the shared Avenell set), node tests/art/render.mjs + python tests/art/optimize.py (stage art), node tests/e2e.js (dev store), kv theme-validate|theme-lint|theme-package woo_theme_mono --platform woocommerce.
Yes. Every section that reads store data simply hides when the data is missing; texts and images in the patterns are yours to edit.
My metal swatches show as a dropdown. The swatches need the theme script, which runs with a valid licence (own-site edition), and a variation attribute named Metal. Without them the standard WooCommerce select is used.
Yes. Photos on white or on a transparent background look best on the lit wells. The demo uses generated illustrations of a fictional jewellery house; no photos are included.
Edit the Header pattern in Appearance > Editor. See Configuration for the mega menu classes.
Yes. The theme never reads or writes orders, and it styles the Cart, Checkout and Mini Cart blocks.
Yes, all strings use the kv-mono text domain (a .pot file is included) and the layout is RTL safe.
No. Fonts and images are bundled. The licence check (own-site build) runs in the admin only.
Buy with confidence
Every release is installed and run on these versions before it ships.
Updates and support are included in the price. The product keeps working afterwards; renewing is optional.
How licensing worksIf it is not what you expected, tell us within 30 days and we refund the order.
Refund policyCard payments are processed by Stripe. Your card number never reaches our server.
Ask a pre-sales questionSold by Kavio Labs Software Limited, registered in England and Wales No. 17532441. About us
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.
