LT Tech Shop is a consumer electronics shop theme for Elementor (free): a hero that stands every screen in the shop on one shelf, drawn to the same scale from a watch to a TV, catalogue pages for TVs, computing, phones and watches, and headphones and speakers with example prices and an 'Ask about this' link on every product, a TV size guide with seating distances, open-box offers, delivery, setup and trade-in prices, opening hours and a product question and reservation form. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.
Editions
| Edition | Price | What you get |
|---|---|---|
| Free | $0 | The child theme with its design, fonts, header and footer, the About and Visit pages (with the product question form slot), blog and 404 templates, one-page mode and the mobile menu. Credit link stays. |
| Pro Standard | $29 a year | Every page, sample posts and one-click demo import, credit removal. Downloads, updates and ticket support for 1 year, 1 website. |
| Pro Unlimited | $49 once | Everything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support. |
Pages in Free (Appearance → Starter setup): About, Visit, Buying guides. Pages in Pro (Appearance → Demo import): Home, Collections, TVs and home cinema, Computing, Laptops, Tablets, Monitors, Phones and watches, Headphones and speakers, Open box, Setup and trade-in, Trade-in, Delivery and setup, About, Visit, Buying guides.
Quick setup
- Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Tech Shop (Install and update).
- Optional: activate WPForms Lite for the product question or reservation form.
- Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → Starter setup.
- Replace the demo content and pictures (below), set your logo and the header button.
Pages in the demo
| Page | Under | Edition |
|---|---|---|
| Home | – | Pro |
| Collections | – | Pro |
| TVs and home cinema | Collections | Pro |
| Computing | Collections | Pro |
| Laptops | Computing | Pro |
| Tablets | Computing | Pro |
| Monitors | Computing | Pro |
| Phones and watches | Collections | Pro |
| Headphones and speakers | Collections | Pro |
| Open box | Collections | Pro |
| Setup and trade-in | – | Pro |
| Trade-in | Setup and trade-in | Pro |
| Delivery and setup | Setup and trade-in | Pro |
| About | – | Free |
| Visit | – | Free |
| Buying guides (blog) | – | Free |
Home page sections
The home page sections, in order, with the name they have in Elementor’s Navigator and their CSS ID (the anchor used by one-page mode and by links such as /#shelf).
| Section (Navigator name) | CSS ID |
|---|---|
| The shelf | #shelf |
| This week's picks | #picks |
| Try it first | #try |
| Which TV size | #sizes |
| Setup and trade-in | #services |
| Open box | #open-box |
| Buying guides | #guides |
| Visit | #visit |
- The shelf of screens: The home page opens with six screens from a watch to a TV drawn to one scale on a shelf edge, each with a shelf-edge label: diagonal, collection and from price.
- A catalogue without a checkout: Collections for TVs, computing, phones and watches and audio as shelf-edge label rows with specs, example prices and an 'Ask about this' link to the request form.
- TV and laptop size guides: TV sizes from 43 to 75 inches and laptops from 13 to 16 inches drawn nested to scale, with seating distances, weight and battery beside them.
- Services, trade-in and open box: Delivery, wall mounting, setup and data transfer prices, the delivery-day steps, trade-in values, and open-box items marked with a yellow sticker.
- Free Elementor and a ready request form: Built with free Elementor widgets on Hello Elementor, with a 'Product question or reservation' form made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.
Menu
The demo import creates this main menu (Appearance → Menus):
- Home
- Collections → TVs and home cinema, Computing (Laptops, Tablets, Monitors), Phones and watches, Headphones and speakers, Open box
- Setup and trade-in → Trade-in, Delivery and setup
- About
- Buying guides
- Visit
Header button: Ask a question (link /visit/#request), changed in Appearance → Customize → LT Tech Shop options.
One-page mode (Pro)
With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Tech Shop options and the menu scrolls to these sections: The shelf, This week's picks, Try it first, Which TV size, Setup and trade-in, Open box, Buying guides, Visit. To change the labels or leave sections out, see One-page mode.
Used the old LT Tech Shop onepage WordPress theme? It is not sold any more: version 2.0 is one theme for both. Install its Pro edition and turn on one-page mode.
Colours and fonts
Change them in Elementor Site Settings → Global Colors and Global Fonts; the whole site follows.
| Name in Global Colors | Value |
|---|---|
| Petrol (buttons, links, the shelf edge) | #0B5566 |
| Slate (specs, notes, soft text) | #4B5664 |
| Graphite (text, outlines) | #171C22 |
| Sticker yellow (open-box sticker only, graphite text on it) | #F4D23C |
| Aluminium (page) | #EEF0F2 |
| Shelf grey (tinted sections) | #E0E5EA |
| Hairlines | #C4CCD4 |
| Panel glass (the screens, the services band) | #1B232C |
| Text on panel glass | #EEF0F2 |
| Soft text on panel glass | #AAB6C3 |
| Button hover | #073E4A |
| Name in Global Fonts | Font |
|---|---|
| Headings, diagonals and prices (Stack Sans Headline) | Stack Sans Headline |
| Menus and labels (Stack Sans Headline) | Stack Sans Headline |
| Reading text and specs (Stack Sans Text) | Stack Sans Text |
| Buttons (Stack Sans Headline) | Stack Sans Headline |
Form
With WPForms Lite active, the demo import creates the form Product question or reservation on the Visit page. Fields: Your name (required), Email (required), Phone (optional), What can we help with? (required), Product or collection, Budget in dollars (optional), How should we reply?, Anything else we should know. Email subject: “Product question from the website”. After sending, visitors see: “Thank you. Someone from the shop floor replies by email or phone within one working day.”
See Contact form for where messages go and how to change the fields.
Demo content to replace
Everything marked with one of these in the demo is sample content: names, numbers, prices and addresses that you replace with your own (or delete):
(sample)Example pricesexample.com(555)Northgate ElectronicsNorthgateSpringfield
- Keep the screens to scale: change a screen's size only through its modifier class, never by stretching the panel.
- Yellow is the open-box sticker only, always with dark text on it; never use it for sales or headlines.
- Do not add brand names, star ratings or reviews presented as real; there is no online checkout, so buttons go to the request form or the phone.
Only publish facts that are true for your business: real prices, opening hours, reviews and qualifications. Pro Unlimited’s launch checker lists every sample marker left on the site.
Photo guide
The demo uses placeholder pictures. Replace each one in Elementor (click it → Choose image) with a photo of about this size; save photos as JPEG or WebP under about 300 KB.
| Picture | Upload size |
|---|---|
| Two customers at a shop counter talking to a member of staff beside a tablet on a stand | 1600 × 1100 px |
| A customer's hands lifting headphones from a stand on a demo table in an electronics shop | 1600 × 1100 px |
| A flat TV mounted on a white living-room wall above a low wooden console with a soundbar | 1600 × 1100 px |
| An open laptop on a small white desk with a cup and two books | 1600 × 1100 px |
| A hand holding a phone with a blank white screen against a warm beige wall | 1600 × 1100 px |
| A small black portable speaker on a white table while a hand scrolls a phone beside it | 1600 × 1100 px |
| Black over-ear headphones resting on a polished wooden table | 1600 × 1100 px |
| A pile of old phones and music players on a grey cloth, ready to be traded in | 1600 × 1100 px |
| A living room with a beige sofa facing a wall-mounted TV | 1600 × 1000 px |
| An open laptop seen from above on a dark wooden desk | 1600 × 1000 px |
| A person checking a smartwatch with a dark strap on their wrist | 1600 × 1000 px |
Selling online
LT Tech Shop shows products as catalogue pages with example prices and enquiry links; there is no cart. See Selling online for adding WooCommerce.
AI kit (Pro Unlimited)
The AI kit’s AGENTS.md tells an assistant how LT Tech Shop is built. The CSS classes it relies on (keep them when you edit):
| CSS class | What it is |
|---|---|
lt-hero | home hero (headline, lead and the shelf) |
lt-shelf | the shelf: a row of lt-scr screens standing on one shelf edge, drawn to one scale (–lt-k px per cm) |
lt-scr | one screen on the shelf: lt-scr__panel (the glass, sized by the modifier) and lt-scr__label (diagonal, collection link, from price); modifiers lt-scr–watch|phone|tablet|laptop|monitor|tv set the real size in cm |
lt-nest | screens drawn nested from one corner, to scale (TV and laptop size guides); each lt-nest__s with a size class lt-d43|50|55|65|75 or lt-l13|14|16 |
lt-item | one product on a shelf-edge label row: name, specs, price, Ask about this; is-open for open-box items |
lt-sticker | the yellow open-box sticker (inside a text line); means open box or ex-display only |
lt-steps | numbered steps (a real sequence: delivery day, trade-in); each lt-step |
lt-pagehead | inner page heading band |
lt-desk | contact desk block |
lt-price | label + value row (services, sizes, hours) |
See AI kit for the prompts, the safe edit tool and the launch checker.
Questions about LT Tech Shop
Do I need Elementor Pro?
No. LT Tech Shop uses only the free Elementor plugin and the free Hello Elementor theme. The header and footer are part of the theme, so you do not need Theme Builder.
Does it have an online shop or checkout?
No. LT Tech Shop is a catalogue: products with prices and an 'Ask about this' link to a request form or your phone number. If you sell online, link the buttons to your shop.
How do I change the screens on the shelf?
Each screen is an Elementor container with a size class (for example lt-scr–tv). Edit the label text in the Text Editor; to show another size, change the class. The AI kit's AGENTS.md lists every class and its real size.
Will my site look like the demo?
Yes, with Pro: Appearance > Demo import creates every page, the colours, fonts, menu, header and footer. The demo photos are replaced by placeholders you swap for your own.
What is the difference between Free and Pro?
Free has the design, header and footer, the About and Visit pages and the blog. Pro adds the home page, the collections and services pages with their sub-pages, sample posts, one-click demo import, credit removal, updates and support. Pro Unlimited adds the AI kit.
I have the old LT Tech Shop. Is this an update?
It is version 2.0 with a new design, built for free Elementor. Your current site keeps working; install 2.0 on a new site or a staging copy and import the demo there.
Also for Joomla
LT Techshop also exists as a Joomla template: see the LT Techshop Joomla docs.
Ask AI about LT Tech Shop
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