LT Clack is a WooCommerce block theme for one-product brands, shown as a mechanical keyboard sold in three sizes and three colourways with keycaps, switch packs and desk kit next to it. It has a product hero with keycap spec chips, a size picker, a switch guide, a compare models table, what's in the box and a sticky add-to-cart bar on product pages, all on WooCommerce's own blocks. Pro Unlimited adds the AI kit, so an assistant can rebrand and extend the store safely.
- Store type: One-product showcase
- Made for: Mechanical keyboard brand (Electronics & tech)
- Live demo: woocommerce.ltheme.com/lt-clack/
- Product page and download: LT Clack on ltheme.com
- Requires: WordPress 7.0+, WooCommerce 10.0+, PHP 8.1+
- Version: 1.0.0
Editions
- Free: the LT Clack theme package: all templates, the section patterns, page layouts and colour styles. No demo content or demo import; the footer credit stays.
- Pro Standard ($29 a year): + the complete LT Clack demo store with one-click import, one year of updates with a licence key and ticket support; the footer credit is removed.
- Pro Unlimited ($49 once): + the AI kit, unlimited websites and lifetime updates and support.
See the editions table.
Quick setup
- Install and activate WooCommerce, then upload and activate LT Clack (Install the theme).
- Pro: Appearance → Demo import → Import (Demo import), then add your licence key in Appearance → Licence.
- Free: build the pages with the theme’s patterns and page layouts (below).
- Pick a colour style in Appearance → Editor → Styles, set your logo and menu.
- Replace the sample content and go live (Going live).
What the demo import adds (Pro)
Appearance → Demo import shows one demo, Clack: A warm putty-and-charcoal store for one mechanical keyboard in three sizes, with a size picker, a switch guide, a model comparison and a short list of keycaps, switches and desk kit. It adds:
- 9 products (5 variable, with options, 3 on sale)
- 5 product categories: Keyboard, Keycaps, Switches, Desk setup, Cables & cases
- 6 pages: Home, Shop, Compare models, About, Contact, Support & FAQ (WooCommerce’s own Cart, Checkout and My account pages are used as they are)
- The main menu: The keyboard, Shop, Compare, Support, Contact
- The style Putty, the site title and tagline and the announcement bar text
Existing content is never changed: anything whose address is already taken is skipped. Prices are marked “Example prices”.
Pages in the live demo
Open them on the live demo:
| Page | What it shows |
|---|---|
| Homepage | Product hero with keycap spec chips, offer banner, size picker, switch guide, inside the case, typing strip, what's in the box, accessories, desk bundles, sample reviews and FAQ. |
| Shop | WooCommerce product collection with the keyboard and its keycaps, switches, desk setup and cables & cases in five categories. |
| Keyboard product | A variable product with size, colourway and switch options, built with WooCommerce's product blocks and a sticky add-to-cart bar. |
| Compare models | The three sizes side by side in a models table, with what's in the box and the main specs on one page. |
| Cart | WooCommerce Cart block styled to the theme, with the mini-cart in the header. |
Compare models: the store-type page
The three sizes side by side in a models table, with what's in the box and the main specs on one page. This is the One-product showcase page of LT Clack: see it on the live demo. Pro imports it with the demo; with Free, create a page and insert the Compare models page layout from Patterns → LT Clack: full pages.
What is in the theme
- 22 section patterns and 6 page layouts
- Product hero with spec chips drawn as keycaps
- Size picker and compare models table for one product in three sizes
- Switch guide, inside the case and typing strip sections
- Sticky add-to-cart bar on product pages
- 3 colour styles: Putty, Graphite (dark) and Sage
- Self-hosted fonts (Kode Mono + Exo), no Google Fonts requests
- WooCommerce blocks for shop, product, cart, checkout and account
Section patterns
Add them to any page from the block inserter: Patterns → LT Clack: shop sections. Every edition has all of them.
| Pattern | What it is |
|---|---|
| Brand story | Photo beside the brand story, values checklist and a signature line. |
| Compare models table | Centred heading and a table that compares the three sizes spec by spec, with a caption and a button. |
| Contact cards | Four cards: phone, email, studio and try-out hours. |
| Offers with sale badges | Products that are on sale, with sale badges, a heading row and a button. |
| Delivery & returns rates | Delivery options and example fees in a card. |
| Desk bundles | Bundle teaser: photo, three bundle cards with example prices and a button. |
| Product FAQ | Heading on the left, expandable questions on the right. |
| Offer banner | Single dark banner with headline, two buttons and a square photo. |
| Product hero with keycap spec chips | Kicker, large headline, lead, four keycap spec chips, example price, two buttons and a note; product photo on a slab with a keycap tag. |
| From order to first keystroke | Three numbered step cards. |
| Image and text | Photo on the left, kicker, headline, text, checklist and a button on the right. |
| What's in the box | Square photo beside a checklist of everything that comes in the box, with a button and a note. |
| Inside the case (layers) | Exploded-view illustration beside five numbered layers (keycaps, switches, plate, foam, case). |
| Newsletter band | Dark band with a headline, short text and a sign-up button. |
| Accessories grid with Shop all | Heading row with a Shop all button and a four-column product collection (newest first). |
| Reviews (sample) | Three review cards on a soft band. SAMPLE TEXT: replace with real reviews you may publish. |
| Shop by category | Keycap-shaped category tiles with labels that link to product category pages. |
| Size picker (three layouts) | Three size cards with a line-art layout plan, a keycap size label, key count, footprint, example price and a button. |
| Studio visit and hours | Studio address, hours and two buttons next to a photo. |
| Switch guide | Three switch cards with sound-bar art, feel description and a spec list, plus a button to the switch packs. |
| Typing strip | Dark band with a big monospaced typing line, three numbers and a button. |
| Warranty & service promises | Four icon cards on a soft band: warranty, switch swap, delivery and support (sample terms). |
Page layouts
Full pages in Patterns → LT Clack: full pages. Create a page, open the inserter and pick one to start from:
- Home: Clack (one keyboard store): Demo homepage: keyboard hero with keycap spec chips, size picker, switch guide, typing strip, model comparison, inside the case, in the box, accessories, sample reviews and FAQ.
- About page: About page: intro, brand story, image and text and promises.
- Compare models page: Compare page: intro, model comparison, size picker, switch guide, in the box and FAQ.
- Contact page: Contact page: intro, contact cards, studio visit and quick answers.
- Support & FAQ page: Support & FAQ page: intro, questions, delivery and returns rates, how it works and promises.
Colour styles
Change the style in Appearance → Editor → Styles (how). LT Clack has 3:
| Style | Main colour |
|---|---|
| Putty (default) | #F08A4B |
| Graphite | #1C1D20 |
| Sage | #1F4E49 |
Fonts
Bundled with the theme (self-hosted, no Google Fonts requests). Change them in Styles → Typography.
| Used for | Font |
|---|---|
| Headings | Kode Mono |
| Body text | Exo |
Store-type notes: One-product showcase
- The main product is one variable product (its models or options are variations); the accessories are normal and variable products next to it.
- Product pages have a sticky add-to-cart bar that appears while the customer scrolls the details.
- The compare table, specs and “what’s in the box” are sample content: replace them with your product’s real data.
AI kit (Pro Unlimited)
With the AI kit an assistant can set up your product as a variable product with your sizes and options, rewrite the size picker, switch guide and comparison table, and rebrand the store in theme.json without breaking the block markup. It follows rules that keep sample labels and spec placeholders in place until you confirm the facts.
Example prompt: Set up this LT Clack store for my brand "Keyline" (sample): one keyboard in 65%, 75% and full size at $129, $149 and $169, three colourways (Chalk, Ink, Moss), linear and tactile switches, plus keycap sets, a wrist rest and a carry case. Use the Sage style with my brand colour #2E5E4E, update the size picker and compare models table, and mark every spec I have not confirmed as "(sample)".
See AI kit for the files, the prompts and the Abilities.
Before you go live
Everything in the demo is sample content: products, prices, specs, reviews, addresses and opening times. Replace it with your own, or delete it, and follow the going-live checklist. Pro Unlimited: python3 tools/check-theme.py --launch in the theme folder lists every sample left.
Demo photos
The live demo of LT Clack shows real photos; the theme uses its own illustrations and placeholders. The photos are from Pexels, free to use under the Pexels licence (credit is not required, but we thank the photographers):
about.jpg: photo by Pew Nguyen on Pexelsbanner.jpg: photo by FOX ^.ᆽ.^= ∫ on Pexelsbox.jpg: photo by Sue Hsu on Pexelscat-cables-cases.jpg: photo by ROMBO on Pexelscat-desk-setup.jpg: photo by Josh Sorenson on Pexelscat-keyboard.jpg: photo by Huy Phan on Pexelscat-keycaps.jpg: photo by riko on Pexelscat-switches.jpg: photo by Click Jeth on Pexelsclack-mechanical-keyboard.jpg: photo by An Tran on Pexelscoiled-usb-c-cable.jpg: photo by FOX ^.ᆽ.^= ∫ on Pexelsfelt-desk-mat.jpg: photo by minhphuc .workspace on Pexelshero.jpg: photo by minhphuc .workspace on Pexelskeyboard-carry-case.jpg: photo by Sound On on Pexelskeycap-switch-puller.jpg: photo by FOX ^.ᆽ.^= ∫ on Pexelspbt-keycap-set.jpg: photo by Ossian Jian on Pexelsstore.jpg: photo by Sebastian Luna on Pexelsstory.jpg: photo by Anete Lusina on Pexelsswitch-pack-70.jpg: photo by Click Jeth on Pexelsswitch-tester-9.jpg: photo by Alexey Demidov on Pexelswood-wrist-rest.jpg: photo by Pew Nguyen on Pexels
Questions about LT Clack
Is LT Clack only for keyboards?
No. The sections fit any one-product brand with models and accessories, such as a grinder, a speaker or a lamp: rename the size picker and switch guide and change the art.
How is the keyboard set up in the demo?
It is one variable product with size, colourway and switch options, so customers choose all three on the product page. Keycaps, switch packs and desk kit are sold next to it as normal and variable products.
Can I sell more than one main product?
Yes. The shop, categories and product pages work for any number of products; the homepage hero and size picker simply feature the one you choose.
Are the specs, prices and reviews real?
No. Every spec, price, switch value, warranty period and review in the demo is a sample. Replace them with your own and only publish reviews you have permission to use.
Does the theme name real keyboard or switch brands?
No. Products, switches and layouts are generic, and the AI rules tell assistants not to add brand names you have no right to use.
Ask AI about LT Clack
Ask in your own words. The assistant answers from these docs and links the sections it used.
AI answers can be wrong; check the linked section. Never share passwords or licence keys. Open a ticket