LT Clothes Shop

On this page
  1. Editions
  2. Quick setup
  3. Pages in the demo
  4. Home page sections
  5. Menu
  6. One-page mode (Pro)
  7. Colours and fonts
  8. Form
  9. Demo content to replace
  10. Photo guide
  11. Selling online
  12. AI kit (Pro Unlimited)
  13. Questions about LT Clothes Shop
  14. Also for Joomla

LT Clothes Shop is a menswear shop theme for Elementor (free): a hero that shows today's jeans as a wall of cubbies, waist across and inside leg down, with stacks that show how many pairs are left in each size, catalogue pages for trousers and jeans, shirts, knitwear and jackets and suits with example prices and an 'Ask about this' link on every item, shirt and jacket size walls, a last-in-the-size list, fittings, an alterations price list, a measuring guide, opening hours and a size question and fitting request form. A Hello Elementor child theme with bundled fonts, one-page mode and a mobile menu.

Editions

EditionPriceWhat you get
Free$0The child theme with its design, fonts, header and footer, the About and Visit pages (with the size question and fitting request form slot), blog and 404 templates, one-page mode and the mobile menu. Credit link stays.
Pro Standard$29 a yearEvery page, sample posts and one-click demo import, credit removal. Downloads, updates and ticket support for 1 year, 1 website.
Pro Unlimited$49 onceEverything in Pro Standard plus the AI kit. Unlimited websites, lifetime updates and ticket support.

Pages in Free (Appearance → Starter setup): About the shop, Visit, Fit notes. Pages in Pro (Appearance → Demo import): Home, Clothing, Trousers and jeans, Jeans, Chinos, Wool trousers, Shirts, Knitwear, Jackets and suits, Fitting and alterations, Alterations price list, How to measure, About the shop, Visit, Fit notes.

Quick setup

  1. Install the free Elementor plugin and the Hello Elementor theme, then upload and activate LT Clothes Shop (Install and update).
  2. Optional: activate WPForms Lite for the size question or fitting request form.
  3. Pro: Appearance → Demo import → Import (Demo import). Free: Appearance → Starter setup.
  4. Replace the demo content and pictures (below), set your logo and the header button.

Pages in the demo

PageUnderEdition
Home–Pro
Clothing–Pro
Trousers and jeansClothingPro
JeansTrousers and jeansPro
ChinosTrousers and jeansPro
Wool trousersTrousers and jeansPro
ShirtsClothingPro
KnitwearClothingPro
Jackets and suitsClothingPro
Fitting and alterations–Pro
Alterations price listFitting and alterationsPro
How to measureFitting and alterationsPro
About the shop–Free
Visit–Free
Fit notes (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 /#wall).

Section (Navigator name)CSS ID
The size wall#wall
New on the rails#rails
Fittings#fitting
Alterations#alterations
Collections#collections
Last in the size#last
Fit notes#notes
Visit#visit
  • The size wall: The home page opens with today's jeans as a wall of cubbies, waist across and inside leg down; each stack's height is the pairs left, the last one has a red selvedge edge, sold-out sizes are dashed.
  • A catalogue without a checkout: Trousers and jeans, shirts, knitwear, jackets and suits and shoes as label rows with cloth, sizes, example prices and an 'Ask about this' link to the request form.
  • Shirt and jacket walls: Shirts drawn by collar and sleeve, jackets on a rail by chest and short, regular or long, so customers read their size the way the shop floor does.
  • Fittings and alterations: How a fitting goes in four steps, an alterations price list with turnaround times, a measuring guide for waist, inside leg, collar, sleeve and chest, and a last-in-the-size list.
  • Free Elementor and a ready request form: Built with free Elementor widgets on Hello Elementor, with a 'Size question or fitting request' form made with the free WPForms Lite plugin. Fonts are bundled: no Google Fonts requests.

The demo import creates this main menu (Appearance → Menus):

  • Home
  • Clothing → Trousers and jeans (Jeans, Chinos, Wool trousers), Shirts, Knitwear, Jackets and suits
  • Fitting and alterations → Alterations price list, How to measure
  • About
  • Fit notes
  • Visit

Header button: Book a fitting (link /visit/#request), changed in Appearance → Customize → LT Clothes Shop options.

One-page mode (Pro)

With Pro Standard or Pro Unlimited, tick One-page mode on the home page in Appearance → Customize → LT Clothes Shop options and the menu scrolls to these sections: The size wall, New on the rails, Fittings, Alterations, Collections, Last in the size, Fit notes, Visit. To change the labels or leave sections out, see One-page mode.

Used the old LT Clothes 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 ColorsValue
Raw indigo (buttons, links, folded stacks)#283F6E
Slate (cloth details, notes, soft text)#4A5366
Ink (text, cubby frames)#191C24
Selvedge red (the last piece in a size only)#B3261E
Pocketing white (page)#F3F4F1
Chambray (tinted sections, cubby backs)#DFE4EA
Hairlines#C3CAD3
Rinsed indigo (alterations band, darkest stack layer)#1C2540
Text on rinsed indigo#F3F4F1
Soft text on rinsed indigo#A8B2C8
Button hover#1B2D52
Mid-rinse stack layer#4A6399
Name in Global FontsFont
Headings, sizes and prices (Solway 800)Solway
Menus and labels (Solway 500)Solway
Reading text and cloth details (Solway 400)Solway
Buttons (Solway 500)Solway

Form

With WPForms Lite active, the demo import creates the form Size question or fitting request on the Visit page. Fields: Your name (required), Email (required), Phone (optional), What can we help with? (required), Item and size, Best time for a fitting, Anything else we should know. Email subject: “Size question or fitting request from the website”. After sending, visitors see: “Thank you. Someone from the shop 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 prices
  • example.com
  • (555)
  • Mill Lane Menswear
  • Mill Lane
  • Springfield
  • Keep the wall honest: a stack's height is the count (change the lt-n class and the number together); never use a cubby for decoration.
  • Selvedge red marks the last piece in a size only; never use it for sales banners 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.

PictureUpload size
A stack of folded blue jeans on a white table, back pockets and stitching facing out1600 × 1100 px
A grey-haired tailor in a waistcoat marking dark cloth on a cutting table1600 × 1100 px
A rail of men's shirts in checks, stripes and plain blues, hanging close together1600 × 1100 px
A stack of folded wool jumpers in grey, rust and charcoal1600 × 1100 px
A tailor adjusting a customer's checked jacket at the shoulder in a menswear shop1600 × 1100 px
A tailor's hands taking a pin from a wrist pincushion to pin a brown check jacket1600 × 1100 px
Tan leather brogues beside a stack of folded grey knitwear on a dark wooden shop table1600 × 1100 px
A shop assistant in a waistcoat adjusting a customer's tie in front of a wall of jackets1600 × 1100 px
A hand drawing a line with tailor's chalk on blue cloth1600 × 1000 px
A pair of brown leather brogues with laces on a grey floor1600 × 1000 px
A tall stack of hand-knitted jumpers in brown, grey and rust with knitting needles on top1600 × 1000 px

Selling online

LT Clothes 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 Clothes Shop is built. The CSS classes it relies on (keep them when you edit):

CSS classWhat it is
lt-herohome hero (headline, lead and the size wall)
lt-wallthe size wall: a grid of cubbies, columns = one measurement (waist, collar, chest), rows = the other (inside leg, sleeve, length); the first row and column hold lt-cub__head labels
lt-wall--railthe same wall drawn as garments hanging on a rail (jackets and suits)
lt-cubone cubby = one size; lt-n0 to lt-n5 = pieces on the shelf (stack height); lt-n0 is dashed (sold out); is-last adds the red selvedge edge (last piece)
lt-keythe key under a wall (stack, last piece, sold out)
lt-itemone product on a label row: name, cloth, sizes, price, Ask about this
lt-lastthe red selvedge label of a last-piece item (inside a text line); means last in the size only
lt-colscollections grid (photo, name, one line)
lt-stepsnumbered steps (a real sequence: a fitting, measuring); each lt-step
lt-pageheadinner page heading band
lt-deskcontact desk block
lt-pricelabel + value row (alterations, hours)

See AI kit for the prompts, the safe edit tool and the launch checker.

Questions about LT Clothes Shop

Do I need Elementor Pro?

No. LT Clothes 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 Clothes Shop is a catalogue: items with sizes, 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 stock on the size wall?

Each cubby is a Text Editor widget with a class such as lt-n3 (three pieces). Change the number and the class together; lt-n0 shows a sold-out cubby and lt-n1 is-last shows the last piece. The AI kit's AGENTS.md lists every class.

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 clothing and fitting 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 Clothes 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 Clothes Shop also exists as a Joomla template: see the LT Clothes Shop Joomla docs.

Ask AI about LT Clothes 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