About Lapels
Lapels is an editorial Shopify theme for menswear and tailoring shops. It is an Online Store 2.0 theme, with sections on every page. Every section is drawn on one design system, and motion is built into the page. The warm palette stays quiet, so your photography carries the store.
The download holds three theme zips, one for each preset: Lapels (menswear and tailoring), Kaolin (home, ceramics and craft) and Damascene (fine jewelry). They are the same theme with different starting colors, fonts and page layouts. Pick one, then change any setting in the theme editor.
Live demos
- Lapels demo site
- Lapels preset: menswear and tailoring
- Kaolin preset: home, ceramics and craft
- Damascene preset: fine jewelry
A closer look
Home page
The Lapels preset home page opens with a full-width slideshow. The same page on a phone keeps the slide text and controls in reach.
One theme, three presets
Lapels for menswear, Kaolin for home and ceramics, and Damascene for fine jewelry. Each preset has its own color palette, fonts and layouts.
Product page
Color swatches, size buttons, low-stock notes and local pickup, all in the buy area.
Shop the look
Pin products to a photograph with numbered hotspots. Shoppers open each piece without leaving the page.
Collections and quick view
Filters and sorting on every collection. Quick view opens any product in place, with its swatches and size buttons.
Cart drawer and bundles
The cart drawer suggests products and offers gift wrap and an order note. Bundles sell a full set in one order.
Mobile
Every section reflows for small screens, with a drawer menu and touch-sized controls.
Translations and right-to-left
Translations ship for the storefront and the theme editor. Arabic mirrors the whole layout.
Editorial sections
Product rails and the journal share one rule weight, one type scale and one motion clock, so a long page still reads as one store.
Key features
- One design system: the same rule weight, type scale and spacing in every section.
- Motion, designed in: scroll reveals, wipes and drag-to-slide rails. Reduced motion is honored.
- Swatches and size buttons: on product pages, product cards and quick view.
- Shop the look: numbered hotspots pin real products to a photograph.
- Quick view: open any product from a collection without leaving it.
- Cart drawer: product suggestions, order notes and gift wrap.
- Product bundles: sell a full set as one order, with a set saving.
- Size guide: link a size guide page. It opens in a panel beside the options.
- Local pickup: pickup availability shows in the buy area.
- Translated: storefront and theme editor translations for French, German, Spanish, Italian, Portuguese (Brazil), Dutch, Japanese, Chinese (Simplified), Korean, Swedish, Danish, Polish and Arabic.
- Accessible: built to WCAG 2.1 AA, with full right-to-left support.
- Online Store 2.0: JSON templates, sections on every page, and app blocks.
What is in the download
- lapels.zip: the theme with the Lapels preset (menswear and tailoring).
- lapels-kaolin.zip: the theme with the Kaolin preset (home, ceramics and craft).
- lapels-damascene.zip: the theme with the Damascene preset (fine jewelry).
- documentation: an offline copy of the documentation.
- licenses: the license texts for Lenis, Tabler Icons and Shopify’s Skeleton theme.
- CHANGELOG.txt and README.txt.
To install, go to Online Store > Themes > Add theme > Upload zip file in your Shopify admin, and choose one of the three theme zips.
Requirements
A Shopify store. Lapels is an Online Store 2.0 theme.
Images
Images are for demo purposes only and are not included. This covers:
- the product, collection, slideshow and journal photos in the demo stores and the previews;
- the demo store names, logos and product copy.
Credits
- Built on Shopify’s Skeleton theme (MIT license).
- Lenis for smooth scrolling (MIT license).
- Tabler Icons (MIT license).
- Fonts load from Shopify’s font library: Fraunces, Alegreya, Kreon, Andada Pro and Jost.
Documentation and support
- Documentation: lapels.jawad.work/docs
- Support: use the Support tab on this item page.