Selling menswear with Lapels
Lapels is a theme for a clothing store. This group is the short guide to the parts that make it one. It covers which sections answer which question, and where each of them gets its content.
They cover the same ground a shop assistant covers on the floor. What size you are, what color it comes in, what it is made of, and how it is worn.
None of it needs a custom metafield. The theme reads the product options you already keep in Shopify, or it renders copy you type into the theme editor.
Every section arrives carrying example content for you to replace, and anything you clear comes away cleanly. An emptied field leaves no gap behind it, and a block with nothing in it is dropped rather than rendered half-built.
The questions, and what answers them
Section titled “The questions, and what answers them”A menswear shopper asks the same things in roughly the same order.
| The question | What answers it |
|---|---|
| Will it fit me? | The size options in the variant picker, and a Spec table in its List layout for the measurements |
| What color is it, and is my size still there? | Color swatches on cards, on the product page, and in the filters |
| What is it made of, and how do I keep it? | Text tabs for materials and care, or a Collapsible row block on the product page |
| How is it worn? | Shop the look for the whole outfit, Image hotspot for the detail, Media carousel for the season |
| Why this one and not that one? | Product comparison for two to four real products, side by side |
Where each piece gets its content
Section titled “Where each piece gets its content”The swatches and the size run are read straight off your products, and Shop the look pulls the title, price and photograph of every product you pin. Everything else is copy you write once and keep.
| Feature | Where its content comes from |
|---|---|
| Color swatches | Your Shopify product options, linked to Shopify’s color taxonomy |
| Size options | Your Shopify product options, as they are |
| Size chart | A Spec table: one Column per measurement, one Row per size |
| Materials and care | A Text tabs panel, or a Collapsible row block on the product page |
| Shop the look | One photograph, plus a product picker per piece |
| Image hotspot | One photograph, plus a typed label per pin |
| Media carousel | One image and a caption per frame |
Building a size chart
Section titled “Building a size chart”There is no section called “Size chart”. A size chart is a Spec table. Building it that way means the same section also does a care matrix, a cloth ledger, or a comparison against the high street.
- Add a Spec table and set its Layout to List. List drops the column headers and sets each row as a labeled line, which is what a measurement chart wants.
- Add one Column block per measurement, such as Chest, Waist and Sleeve. Leave the first one unnamed, because it holds the size itself.
- Leave First column names the row on. That is what makes the table readable aloud, so a screen reader says “40R: chest 40 inches” rather than a run of bare numbers.
- Add one Row block per size, writing the values separated by the
\|(pipe) character, in the same order as the columns. - Set the measurement columns’ Style to Figure so the numbers line up down the column.
Put it on a size guide page of its own if your sizing varies by category, or straight onto the product template if it is consistent across the catalog.
A sensible order to build in
Section titled “A sensible order to build in”- Fix the product options first. Swatches are Shopify data, and they need a product category and a linked color option before the theme can draw anything. Do this before you judge how the cards look. See Fit and swatches.
- Add the collapsible rows to your product template. Fit notes, care, returns. They cost nothing, they sit under the buy button, and they take the place of a wall of description. See Product pages.
- Write one size chart, as above.
- Then merchandise. Shop the look and Media carousel are for the home page and landing pages. Image hotspot and the materials copy are usually happier on a product or story page.
Related: Fit and swatches · Spec table · Shop the look · Product pages · Lapels support replies within 12 hours.