Documentation · version 1.0.0

Lapel theme documentation

A considered clothing theme: quick view, in-card colour swatches, an editorial home and a cart that behaves. Everything on this page is generated from the theme's own settings, so the names here are the names in your editor.

Getting started

Lapel is installed from the Shopify Theme Store and configured entirely in the theme editor. No code is needed for any feature described here.

Install and publish

  1. On the Theme Store listing choose Add theme. The theme appears under Online Store → Themes in your admin as an unpublished theme.
  2. Choose Customize to open the theme editor. Everything below happens there.
  3. When the store looks right, choose Publish. Your previous theme stays in the list, so you can switch back at any time.

Updates arrive through the Theme Store and never overwrite your settings, sections or content. If you have edited the theme's code, Shopify keeps your edited copy and offers the update as a new theme.

Your first hour

  1. Logo and favicon — Theme settings → Brand. Upload an SVG or PNG; the theme sizes it for the header and the phone menu.
  2. Menus — the header reads the menu called Main menu and the footer the menu called Footer (Online Store → Navigation). Nested items become drop-downs on desktop and an accordion on phones.
  3. Colours and fonts — Theme settings → Colours and Lettering. Each colour scheme is a set of background, text, accent and border colours; sections pick a scheme rather than individual colours, so the store stays consistent.
  4. Home page — every section on the demo store is in the editor's Add section list under the same category names used below. Sections come with real copy and blocks already in place; replace the words and the images.
  5. Product, collection and cart — these templates are already composed. Open a product in the editor to arrange the product blocks (price, variant picker, buy buttons, description and so on) in the order you want.
  6. Check on a phone — the editor's device preview shows the phone layout; every control is at least 24px and the menu opens full screen.

Theme settings

Theme settings apply to the whole store. Open them from the paint-brush icon in the theme editor's left sidebar.

Brand

Settings (4)
SettingKindWhat it doesDefault
Logoimage——
Inverse logoimageUsed when the header sits on a dark background.—
Logo widthsliderFrom 60 to 320 px, in steps of 4.120
FaviconimageSquare image, at least 32x32px.—

Colors

Settings (1)
SettingKindWhat it doesDefault
Colour schemescolour schemesEach scheme sets a background, text, accent, border and shadow colour; sections choose a scheme by name.—

Typography

Settings (9)

Headings

SettingKindWhat it doesDefault
Heading fontfont—cormorant_n4
Heading scalesliderFrom 100 to 150 %, in steps of 5.100
Heading weightchoiceChoices: Light, Regular, Medium, Semibold, Bold.Regular
Heading letter spacingchoiceChoices: Tight, Normal, Wide.Tight
Heading casechoiceChoices: Default, Uppercase.Default

Body

SettingKindWhat it doesDefault
Body fontfontSelecting a system font reduces page load time.inter_n4
Body scalesliderFrom 100 to 130 %, in steps of 5.100

Accent text

SettingKindWhat it doesDefault
Accent stylechoiceChoices: Match heading, Match body.Match heading
Accent casechoiceChoices: Default, Uppercase.Uppercase

Layout

Settings (6)

Page

SettingKindWhat it doesDefault
Maximum page widthsliderFrom 1200 to 2400 px, in steps of 20.1440
Page margin on mobilesliderFrom 12 to 40 px, in steps of 2.16
Page margin on desktopsliderFrom 16 to 80 px, in steps of 4.32

Section spacing

SettingKindWhat it doesDefault
Section spacing on mobilesliderFrom 24 to 96 px, in steps of 4.48
Section spacing on desktopsliderFrom 32 to 160 px, in steps of 8.88

Spacing density

SettingKindWhat it doesDefault
DensitychoiceControls the overall spacing across the theme. Choices: Airy, Balanced, Dense.Airy

Corners

Settings (5)
SettingKindWhat it doesDefault
Corner stylechoiceQuick preset for buttons, inputs, cards, and images. Choices: Sharp, Soft, Pill.Sharp
Button corner radiussliderFrom 0 to 40 px, in steps of 1.0
Input corner radiussliderFrom 0 to 16 px, in steps of 1.0
Card corner radiussliderFrom 0 to 24 px, in steps of 1.0
Image corner radiussliderFrom 0 to 24 px, in steps of 1.0

Buttons

Settings (2)
SettingKindWhat it doesDefault
StylechoiceChoices: Filled, Outline.Filled
Border widthsliderFrom 0 to 4 px, in steps of 1.1

Product cards

Settings (8)
SettingKindWhat it doesDefault
Image ratiochoiceChoices: Adapt to image, Square, Portrait, Landscape.Portrait
Text alignmentchoiceChoices: Left, Center, Right.Left
Show vendoron/off—Off
Show review ratingon/off—On
Show secondary image on hoveron/offReveals the second product image when a shopper hovers a card.On
Show quick add buttonon/off—On
Show color swatcheson/off—On
Badge positionchoiceChoices: Top left, Top right, Bottom left, Bottom right.Top left

Collection cards

Settings (2)
SettingKindWhat it doesDefault
Image ratiochoiceChoices: Adapt to image, Square, Portrait, Landscape.Portrait
Text positionchoiceChoices: Below image, Overlay on image.Below image

Badges

Settings (5)
SettingKindWhat it doesDefault
Show sale badgeon/off—On
Sale badge formatchoiceChoices: Amount saved, Percent saved, Sale label.Percent saved
Show sold out badgeon/off—On
Show new badgeon/off—Off
Days a product is newsliderFrom 1 to 90 d, in steps of 1.30

Cart

Settings (5)
SettingKindWhat it doesDefault
Cart typechoiceChoose how the cart opens after a shopper adds a product. Choices: Drawer, Page, Modal.Drawer
Allow order noteson/off—On
Require terms agreementon/off—Off
Show free-shipping progresson/off—On
Free-shipping thresholdsliderIn your store currency. Set to 0 to hide the bar. From 0 to 500, in steps of 5.120

Animations

Settings (2)
SettingKindWhat it doesDefault
IntensitychoiceSet to off to disable all theme animations. Choices: Off, Subtle, Moderate, Expressive.Subtle
Reveal sections on scrollon/off—On

Currency

Settings (1)
SettingKindWhat it doesDefault
Show currency code with priceson/offFor example, $1.00 USD instead of $1.00.Off

Search

Settings (5)
SettingKindWhat it doesDefault
Show predictive search suggestionson/off—On
Show products in search resultson/off—On
Show collections in search resultson/off—On
Show pages in search resultson/off—On
Show articles in search resultson/off—On

Social media

Settings (9)

Social accounts

SettingKindWhat it doesDefault
Instagram URLtext——
TikTok URLtext——
Pinterest URLtext——
Facebook URLtext——
YouTube URLtext——
Twitter (X) URLtext——
LinkedIn URLtext——
Snapchat URLtext——

Sharing

SettingKindWhat it doesDefault
Default share imageimageUsed when a page doesn’t have its own image.—

Sections

105 sections can be added to any template from the editor's Add section list, grouped by the category names below. 22 more are fixed to their template (the product page, the cart, the header) and are configured in place.

Blog (3)

Article and image

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—Read next
Articlearticle——
Heading (used when no article)text—Read next: notes from the studio
Image positionchoiceChoices: Start, End.Start
Color schemecolour scheme—tinted

Latest posts

Settings (7)
SettingKindWhat it doesDefault
Eyebrowtext—Journal
Headingtext with formatting—Things we wrote down
Subheadingtext—Stories about our makers, fabrics, and the rooms we work in.
Blogblog——
Number of postssliderFrom 2 to 6, in steps of 1.3
Show ‘View all’ buttonon/off—On
Color schemecolour scheme—base

Brand story (8)

About story

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—About us
Headingtext with formatting—Born in 2019. Still independent.
Bodyrich text—<p>We make clothing for the people we want to be — the friend who sketches mid-conversation, the colleague who packs light, the parent who shows up early.</p><p>Every piece is designed in our Lisbon studio and cut in a small workshop forty minutes away.</p>
Button labeltext—Read more
Button linklink——
Imageimage——
Image positionchoiceChoices: Start, End.Start
Color schemecolour scheme—tinted

Behind the scenes

1 block type: Behind the scenes — added with 5 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—From the studio
Headingtext with formatting—What goes into a single piece
Subheadingtext——
Color schemecolour scheme—tinted
Block: Behind the scenes (5)
SettingKindWhat it doesDefault
Imageimage——
Aspect ratiosliderFrom 0.5 to 1.8, in steps of 0.1.1
Labeltext—Step 01
Captiontext—Pattern cutting on a Tuesday morning
SizechoiceChoices: Small, Medium, Large, Full width.Medium

Brand timeline

1 block type: Brand timeline — added with 5 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—The route we took
Headingtext with formatting—A few moments along the way
Subheadingtext——
Color schemecolour scheme—tinted
Block: Brand timeline (4)
SettingKindWhat it doesDefault
Year or datetext—2019
Headingtext—First sample, first dress
Bodyrich text—<p>A linen sundress, designed for a friend’s wedding.</p>
Image (optional)image——

Brand values

1 block type: Brand values — added with 4 blocks already in place.

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—What we believe
Headingtext with formatting—Four things we won’t compromise on
Subheadingtext——
Columns on desktopsliderFrom 2 to 4, in steps of 1.4
Color schemecolour scheme—base
Block: Brand values (3)
SettingKindWhat it doesDefault
IconchoiceChoices: None, Heart, Star, Check, Location, Info, Share.Check
Headingtext—Made small
Bodytext—We never produce more than 240 units of a single piece.

Craftsmanship

1 block type: Craftsmanship — added with 6 blocks already in place.

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—How the run is put together
Headingtext with formatting—From bolt to button
Ledetext—Every Lapel piece travels through six rooms before it leaves the studio.
Process imageimage——
Color schemecolour scheme—tinted
Block: Craftsmanship (2)
SettingKindWhat it doesDefault
Headingtext—Sourcing the linen
Bodytext—We choose a single linen weight per season, milled within 80 km of the studio.

Founder story

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—Our story
Headingtext with formatting—Cut in numbered runs, by hand.
Bodyrich text—<p>We started with a single dress and a hand-drawn sketch on a notebook page. Six seasons later, every piece still passes the same test: would we wear it for a decade?</p><p>We work with one small workshop on the outskirts of Porto. Their team has been cutting fabric for forty years.</p>
Nametext—Maeve Doyle
Titletext—Founder, and the one who sketches
Portrait imageimage——
Signature imageimage——
Color schemecolour scheme—tinted

Mission statement

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Our mission
Statementtext (multi-line)—We design clothing that earns its place — pieces our customers wear longer than the trend that made them. We work small, we work slow, and we never ask a shopper to buy more than they need.
Attributiontext—Lapel team, 2026
Color schemecolour scheme—reverse

Sustainability

1 block type: Sustainability — added with 4 blocks already in place.

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Honest about what we are
Headingtext with formatting—What ‘sustainable’ actually means to us
Bodyrich text—<p>We don’t use the word lightly. Here are five specific things we do, written so you can hold us accountable.</p>
Button labeltext—The numbers, in full
Button linklink——
Color schemecolour scheme—base
Block: Sustainability (3)
SettingKindWhat it doesDefault
IconchoiceChoices: None, Check, Heart, Info, Location.Check
Commitmenttext—100% certified organic linen
Detailtext—Sourced from a GOTS-certified mill 60km from our cutter.

Collection (12)

Best sellers grid

Settings (7)
SettingKindWhat it doesDefault
Eyebrowtext—Loved by our community
Headingtext with formatting—Pieces shoppers come back for
Subheadingtext——
CollectioncollectionSet the collection sort order in Shopify admin to best-selling for accurate ranks.—
Products to showsliderFrom 4 to 16, in steps of 1.8
Show rank numberon/off—On
Color schemecolour scheme—base

Collection grid

1 block type: Collection grid — added with 3 blocks already in place.

Settings (7)
SettingKindWhat it doesDefault
Eyebrowtext—Shop by category
Headingtext with formatting—Start anywhere you like
Subheadingtext——
Columns on desktopsliderFrom 2 to 4, in steps of 1.3
Image ratiochoiceChoices: Adapt to image, Square, Portrait, Landscape.Portrait
Text positionchoiceChoices: Below image, Overlay on image.Below image
Color schemecolour scheme—base
Block: Collection grid (1)
SettingKindWhat it doesDefault
Collectioncollection——

Collection masonry

1 block type: Collection masonry — added with 5 blocks already in place.

Settings (3)
SettingKindWhat it doesDefault
Eyebrowtext—Explore
Headingtext with formatting—Categories worth a slow look
Color schemecolour scheme—tinted
Block: Collection masonry (4)
SettingKindWhat it doesDefault
Collectioncollection——
Label override (used when no collection set)text——
SizechoiceChoices: Small, Medium, Large, Extra large.Medium
Aspect ratiosliderFrom 0.5 to 1.6, in steps of 0.1.0.8

Collection mosaic

1 block type: Collection mosaic — added with 5 blocks already in place.

Settings (1)
SettingKindWhat it doesDefault
The first block is the featured tile (larger). Add 2-4 more blocks for the side grid.
Color schemecolour scheme—tinted
Block: Collection mosaic (4)
SettingKindWhat it doesDefault
Collectioncollection——
Image overrideimage——
Label overridetext——
Eyebrow (featured tile only)text——

Collection spotlight

Settings (7)
SettingKindWhat it doesDefault
Eyebrowtext—The full edit
Heading (overrides collection title)text with formatting——
Body (overrides collection description)rich text——
Collectioncollection——
Button labeltext—Browse the collection
Image positionchoiceChoices: Start, End.Start
Color schemecolour scheme—tinted

Curated collection set

1 block type: Curated collection set — added with 2 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Curations
Headingtext with formatting—Two collections, side by side
Subheadingtext—Each row pulls products from a different collection — useful for showing companion edits.
Color schemecolour scheme—base
Block: Curated collection set (4)
SettingKindWhat it doesDefault
Collectioncollection——
Row heading overridetext——
Descriptiontext——
Products to showsliderFrom 2 to 8, in steps of 1.4

New arrivals strip

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Just landed
Headingtext with formatting—New this week
Collectioncollection——
Products to showsliderFrom 4 to 16, in steps of 1.8
Show publish dateon/off—Off
Color schemecolour scheme—base

Shop by category tiles

1 block type: Shop by category tiles — added with 6 blocks already in place.

Settings (3)
SettingKindWhat it doesDefault
Eyebrowtext—Shop by category
Headingtext with formatting—Where would you like to begin?
Color schemecolour scheme—base
Block: Shop by category tiles (5)
SettingKindWhat it doesDefault
Collectioncollection——
Label overridetext——
Custom link (overrides collection URL)link——
IconchoiceChoices: None — use image, Heart, Star, Bag, Check, Search.None — use image
Image (used if icon is None and collection has no image)image——

Social grid

1 block type: Social grid — added with 8 blocks already in place.

Settings (7)
SettingKindWhat it doesDefault
Upload your own images here. We don’t pull from social APIs to keep your home page fast and stable.
Eyebrowtext—On Instagram
Headingtext with formatting—Behind the seams
Handletext—@lapel
Columns on desktopsliderFrom 3 to 5, in steps of 1.4
Button labeltext—Follow us
Button linklink——
Color schemecolour scheme—base
Block: Social grid (3)
SettingKindWhat it doesDefault
Imageimage——
Link to postlink——
Network iconchoiceChoices: Instagram, TikTok, Pinterest, YouTube.Instagram

Trend report

1 block type: Trend report — added with 5 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Trend report
Headingtext with formatting—Five things we’re wearing this season
Introtext—An edit from our buying team — items we believe in this season.
Color schemecolour scheme—tinted
Block: Trend report (5)
SettingKindWhat it doesDefault
Imageimage——
Headingtext—Wide linen trousers
Bodyrich text—<p>A piece you can wear from a beach walk to a dinner reservation.</p>
Button labeltext—Shop the look
Button linklink——

Commerce (2)

Recently viewed

Settings (5)
SettingKindWhat it doesDefault
Recently viewed products are stored in the shopper’s browser. Only renders if the shopper has viewed products.
Eyebrowtext—Still on your mind, we suspect
Headingtext with formatting—Recently viewed
Products to showsliderFrom 4 to 12, in steps of 1.6
Columns on desktopsliderFrom 2 to 5, in steps of 1.4
Color schemecolour scheme—base

Contact (7)

Contact form

Settings (6)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Get in touch
Headingtext—We’d love to hear from you
Bodyrich text—<p>Questions about an order, sizing, or a collaboration? Send us a note.</p>
Show store URL fieldon/off—Off
Color schemecolour scheme—tinted

Contact info

1 block type: Contact info — added with 4 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Get in touch
Headingtext with formatting—An answer inside two days
Bodyrich text—<p>A small team handles everything from styling questions to wholesale enquiries.</p>
Color schemecolour scheme—tinted
Block: Contact info (5)
SettingKindWhat it doesDefault
IconchoiceChoices: None, Email, Info, Location, Instagram.Email
Labeltext—Email
Valuetext—hello@lapel.com
Link (mailto:, tel:, or URL)text—mailto:hello@lapel.com
Detailtext—Replies within two business days

Newsletter (centered)

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—Stay close
Headingtext with formatting—Hear it a week early
Bodyrich text—<p>Collection drops, lookbooks, and notes from the studio. Sent once a month.</p>
Disclaimertext—We respect your inbox. Unsubscribe at any time.
Color schemecolour scheme—reverse

Newsletter (split)

Settings (7)
SettingKindWhat it doesDefault
Eyebrowtext—Stay close
Headingtext with formatting—Receive our journal
Bodyrich text—<p>One letter a month — collection drops, studio notes, and books we love.</p>
Disclaimertext—Unsubscribe anytime.
Imageimage——
Image positionchoiceChoices: Start, End.Start
Color schemecolour scheme—tinted

Newsletter with article

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Stay close
Headingtext with formatting—Receive our journal, monthly
Bodyrich text—<p>One letter a month. New collections, the workshops we visited, and the books we’re reading.</p>
Disclaimertext—Unsubscribe anytime.
Preview articlearticle——
Color schemecolour scheme—tinted

Newsletter with offer

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—Welcome
Headingtext with formatting—10% off your first piece
Bodyrich text—<p>Sign up and receive a code by email. Use it on any piece — including new arrivals.</p>
Button labeltext—Send me the code
Fine printtext—One code per person. It keeps for thirty days.

Perk display

SettingKindWhat it doesDefault
Perk valuetext—10%
Perk labeltext—off the first thing you order
Color schemecolour scheme—feature

Store locator

1 block type: Store locator — added with 3 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Visit us
Headingtext with formatting—Find a Lapel stockist
Subheadingtext——
Color schemecolour scheme—base
Block: Store locator (6)
SettingKindWhat it doesDefault
Imageimage——
Store nametext—Studio Lisbon
Addresstext (multi-line)—Rua dos Anjos 24 1150-035 Lisboa Portugal
Hourstext (multi-line)—Tue–Sat 11–7 Closed Sun & Mon
Phonetext—+351 22 610 4488
Directions linklink——

Content (4)

Editorial split layout

2 block types: Image, Text — added with 2 blocks already in place.

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—tinted
Block: Image (4)
SettingKindWhat it doesDefault
Imageimage——
Aspect ratiosliderFrom 0.5 to 1.6, in steps of 0.1.0.8
Captiontext——
Linklink——
Block: Text (6)
SettingKindWhat it doesDefault
Eyebrowtext—Field notes
Headingtext with formatting—The story behind the season
Bodyrich text—<p>Use this space to set the scene, share craft notes, or pair imagery with reflective copy.</p>
Button labeltext——
Button linklink——
Text alignmentchoiceChoices: Start, Center, End.Start

Image + text mosaic

2 block types: Image, Text — added with 6 blocks already in place.

Settings (3)
SettingKindWhat it doesDefault
Eyebrowtext—An editorial mix
Headingtext with formatting—Texture and word, side by side
Color schemecolour scheme—base
Block: Image (4)
SettingKindWhat it doesDefault
Imageimage——
Aspect ratiosliderFrom 0.5 to 2, in steps of 0.1.1
Captiontext——
SizechoiceChoices: Small, Medium, Large, Extra large, Full width.Medium
Block: Text (6)
SettingKindWhat it doesDefault
Eyebrowtext——
Headingtext—A subheading
Bodyrich text—<p>Short copy to pair with an image.</p>
Button labeltext——
Button linklink——
SizechoiceChoices: Small, Medium, Large.Medium

Long-form story

4 block types: Paragraph, Subheading, Pull quote, Image — added with 5 blocks already in place.

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—Field journal
Headingtext with formatting—A morning at the linen mill
Ledetext—Documenting the looms, the dust, and the people behind every meter of cloth.
Bylinetext—By Maeve Doyle
Datetext—September 2026
Hero imageimage——
Hero captiontext—Loom 04, after a morning of weaving
Color schemecolour scheme—tinted
Block: Paragraph (1)
SettingKindWhat it doesDefault
Bodyrich text—<p>Body copy goes here. Use this block for sustained prose. Add multiple paragraph blocks to build a long article.</p>
Block: Subheading (1)
SettingKindWhat it doesDefault
Subheadingtext—A subheading to break the text
Block: Pull quote (2)
SettingKindWhat it doesDefault
Quotetext—The mill has been here longer than any of us.
Attributiontext—Inês, head of cutting
Block: Image (3)
SettingKindWhat it doesDefault
Imageimage——
Aspect ratiosliderFrom 0.5 to 2, in steps of 0.1.1.5
Captiontext——

Quote spotlight

Settings (7)
SettingKindWhat it doesDefault
Eyebrowtext—Customer story
Portrait imageimage——
Quotetext (multi-line)—I’ve worn the Lapel shirt three times a week since I bought it. It looks better than it did on day one.
Nametext—Eden L.
Detailtext—Brooklyn — owner since 2024
RatingsliderFrom 0 to 5, in steps of 1.5
Color schemecolour scheme—reverse

Header (1)

Announcement bar

1 block type: Message — added with 2 blocks already in place.

Settings (3)
SettingKindWhat it doesDefault
Auto-rotate messageson/off—On
Rotation speed (seconds)sliderFrom 3 to 15 s, in steps of 1.6
Color schemecolour scheme—reverse
Block: Message (2)
SettingKindWhat it doesDefault
Texttext—Carriage included on orders over $150
Link (optional)link——

Hero (12)

Discount banner

Settings (10)
SettingKindWhat it doesDefault
Enter a real discount code created in Shopify admin. Avoid placeholder codes.
Eyebrowtext—First-time customers
Headingtext with formatting—Welcome to Lapel — 10% off to start you.
Bodyrich text—<p>Apply this code at checkout, on any item — including new arrivals.</p>
Code labeltext—Use code
Discount codetext—WELCOME10
Button labeltext—Start shopping
Button linklink——
Fine printtext—Single use, no stacking, gone when the run is.
Imageimage——
Color schemecolour scheme—feature

Editorial hero

Settings (13)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Autumn 2026
Headingtext with formatting—Soft surfaces, considered cuts.
Bodyrich text—<p>A capsule built around responsible fibers and shapes that move with you. Cut in numbered runs, designed to wear for years.</p>
Button labeltext—Shop the collection
Button linklink——
Button stylechoiceChoices: Primary, Secondary, Text link.Primary
Imageimage——
Image captiontext——
Image positionchoiceChoices: Left, Right.Right
Image aspect ratiosliderFrom 0.6 to 1.8, in steps of 0.1.0.8
Text alignmentchoiceChoices: Left, Center, Right.Left
Color schemecolour scheme—tinted

Featured article hero

Settings (5)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—From the journal
Articlearticle——
Heading (used when no article is set)text—Read the latest from the studio
Color schemecolour scheme—tinted

Hero — coming soon

Settings (10)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Coming soon
Headingtext with formatting—Something quiet is coming.
Subheadingtext—Launching in spring 2026
Bodyrich text—<p>Be first to know when the new edit drops.</p>
Show signup formon/off—On
Button labeltext—Notify me
Button link (used if form is hidden)link——
Background imageimage——
Color schemecolour scheme—reverse

Hero — countdown

Settings (11)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Limited drop
Headingtext with formatting—Friday at noon.
Target date and timetextISO 8601 format: YYYY-MM-DDTHH:MM:SS (e.g. 2026-06-15T12:00:00). Always use real dates — never fabricate urgency.—
Expired labeltext—Live now
Bodyrich text—<p>The new linen capsule, available only this weekend.</p>
Button labeltext—Set a reminder
Button linklink——
Background imageimage——
Overlay opacitysliderFrom 0 to 80 %, in steps of 5.35
Color schemecolour scheme—reverse

Hero — kinetic type

Settings (7)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Brand statement
Headingtext with formatting—Designed once. Worn for decades.
Bodyrich text—<p>Quiet pieces, made to last. Each word in the headline animates in on load.</p>
Button labeltext—Read our story
Button linklink——
Color schemecolour scheme—tinted

Hero — lookbook tiles

1 block type: Hero — lookbook tiles — added with 4 blocks already in place.

Settings (7)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—The new edit
Headingtext with formatting—Pieces designed in pairs.
Bodyrich text—<p>Each look is photographed alongside the next so you can see how they layer.</p>
Button labeltext—Explore
Button linklink——
Color schemecolour scheme—tinted
Block: Hero — lookbook tiles (4)
SettingKindWhat it doesDefault
Imageimage——
Labeltext——
Linklink——
Aspect ratiosliderFrom 0.5 to 1.5, in steps of 0.1.0.8

Hero — newsletter

Settings (7)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Stay close
Headingtext with formatting—Be the first to see what we’re making.
Bodyrich text—<p>Collection drops, lookbooks, and notes from the studio.</p>
Disclaimertext—We respect your inbox. Unsubscribe anytime.
Background imageimage——
Color schemecolour scheme—tinted

Hero — product spotlight

Settings (7)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Object of the season
Headingtext with formatting—The piece we’re wearing on repeat.
Productproduct——
Body (optional, overrides product description)rich text——
Image (used if no product is selected)image——
Color schemecolour scheme—base

Hero — slideshow

1 block type: Hero — slideshow — added with 3 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Carousel labeltext—Featured stories
Auto advanceon/off—On
SpeedsliderFrom 3 to 12 s, in steps of 1.6
Color schemecolour scheme—reverse
Block: Hero — slideshow (8)
SettingKindWhat it doesDefault
Eyebrowtext—New campaign
Headingtext with formatting—A season made for slow mornings.
Bodyrich text—<p>Hand-finished knits, lived-in linens, and trousers that move with you.</p>
Button labeltext—Shop the edit
Button linklink——
Imageimage——
Overlay opacitysliderFrom 0 to 80 %, in steps of 5.30
Text alignmentchoiceChoices: Start, Center, End.Start

Hero — video

Settings (13)
SettingKindWhat it doesDefault
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3.h2
Eyebrowtext—Now playing
Headingtext with formatting—Moving image, lasting impression.
Bodyrich text—<p>Set a film, a campaign loop, or behind-the-scenes footage. Always plays muted.</p>
Button labeltext—Watch the campaign
Button linklink——

Media

SettingKindWhat it doesDefault
Video file (mp4)video——
YouTube or Vimeo URLvideo link——
Fallback imageimageShown if no video is set.—
Loop videoon/off—On
Overlay opacitysliderFrom 0 to 80 %, in steps of 5.25
Text alignmentchoiceChoices: Start, Center, End.Start
Color schemecolour scheme—reverse

Promo banner

Settings (9)
SettingKindWhat it doesDefault
Eyebrowtext—Limited edition
Headingtext with formatting—A pop-up at the studio. Three weekends only.
Bodyrich text—<p>Visit us in person to see new fabrics, try the linen capsule, and meet our team.</p>
Button labeltext—Reserve a slot
Button linklink——
Background imageimage——
Overlay opacitysliderFrom 0 to 80 %, in steps of 5.35
AlignmentchoiceChoices: Left, Center, Right.Left
Color schemecolour scheme—reverse

Information (11)

Care instructions

1 block type: Care instructions — added with 5 blocks already in place.

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—Looking after it
Headingtext with formatting—Care, so it lasts
Subheadingtext—Quick guidelines for keeping Lapel pieces wearable for years.
Notetext—Always check the care label on your specific piece.
Color schemecolour scheme—tinted
Block: Care instructions (5)
SettingKindWhat it doesDefault
IconchoiceChoices: None, Check, Heart, Info, Star.Check
Custom symbol image (used if no icon)image——
Symbol fallback lettertext—30
Headingtext—Wash cold
Bodytext—Machine wash on a cold delicate cycle.

FAQ accordion

1 block type: Question — added with 4 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—The ones people ask most
Headingtext with formatting—Everything you might want to know
Subheadingtext——
Color schemecolour scheme—base
Block: Question (3)
SettingKindWhat it doesDefault
Questiontext—What happens after I order?
Answerrich text—<p>Orders ship within two business days from our studio. International orders arrive within 7–14 business days depending on customs.</p>
Open by defaulton/off—Off

FAQ grid

1 block type: FAQ grid — added with 4 blocks already in place.

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—Good to know
Headingtext with formatting—Questions, answered briefly
Subheadingtext——
Columns on desktopsliderFrom 1 to 3, in steps of 1.2
Color schemecolour scheme—base
Block: FAQ grid (2)
SettingKindWhat it doesDefault
Questiontext—When will my parcel land?
Answerrich text—<p>Most orders arrive within 3–5 business days within North America, 7–14 internationally.</p>

Materials explainer

1 block type: Materials explainer — added with 3 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—The cloth
Headingtext with formatting—Three fabrics we trust
Subheadingtext—Each year, we narrow our palette to the materials we believe in most.
Color schemecolour scheme—base
Block: Materials explainer (7)
SettingKindWhat it doesDefault
Swatch imageimage——
Swatch color (used if no image)colour——
Headingtext—Italian linen
Taglinetext—GOTS-certified, 180gsm
Bodyrich text—<p>Cool to the touch, soft after the first wash. Our most loved fabric.</p>
Attribute labeltext—Sourced from
Attribute valuetext—Linificio, Lake Como

Return policy

1 block type: Return policy — added with 3 blocks already in place.

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Easy returns
Headingtext with formatting—Returns, in three steps
Ledetext—We accept returns within 30 days of delivery on unworn pieces with original tags.
Button labeltext—Start a return
Button linklink——
Color schemecolour scheme—base
Block: Return policy (2)
SettingKindWhat it doesDefault
Headingtext—Email us
Bodyrich text—<p>Send us a note with your order number and we’ll generate a label.</p>

Service icons

1 block type: Service icons — added with 4 blocks already in place.

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—tinted
Block: Service icons (3)
SettingKindWhat it doesDefault
IconchoiceChoices: Check, Heart, Star, Info, Location, Email.Check
Headingtext—Free shipping
Bodytext—On orders over $150.

Shipping info

1 block type: Shipping info — added with 5 blocks already in place.

Settings (9)
SettingKindWhat it doesDefault
Eyebrowtext—Shipping
Headingtext with formatting—Dispatch days, and who carries it.
Bodyrich text—<p>Orders ship within two business days from our Lisbon studio.</p>

Table columns

SettingKindWhat it doesDefault
Region columntext—Region
Carrier columntext—Carrier
Time columntext—Time
Cost columntext—Cost
Notetext—Duties and taxes are calculated at checkout based on destination.
Color schemecolour scheme—base
Block: Shipping info (4)
SettingKindWhat it doesDefault
Regiontext—United States
Carriertext—Standard ground
Timetext—3–5 business days
Costtext—$12 (free over $150)

Size guide

1 block type: Size guide — added with 2 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Find your fit
Headingtext with formatting—Size guide
Bodyrich text—<p>Pieces are designed for an easy, considered fit. Take a tape measure to your body, not a piece you own.</p>
Color schemecolour scheme—base
Block: Size guide (8)
SettingKindWhat it doesDefault
Tab labeltext—Women
Units notetext—All measurements in inches.
Column 1 (size)text—Size
Column 2text—Bust
Column 3text—Waist
Column 4text—Hip
Rowstext (multi-line)One row per line. Use | between cells and ; between rows. Example: XS|32|24|34;S|34|26|36;M|36|28|38XS|32|24|34;S|34|26|36;M|36|28|38;L|38|30|40;XL|40|32|42
Notesrich text——

Stats counter

1 block type: Stats counter — added with 4 blocks already in place.

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—By the numbers
Headingtext with formatting—Where we stand today
Subheadingtext——
Columns on desktopsliderFrom 2 to 4, in steps of 1.4
Color schemecolour scheme—reverse
Block: Stats counter (5)
SettingKindWhat it doesDefault
Value (number only)text—12000
Prefixtext——
Suffixtext—+
Labeltext—Pieces shipped
Detail (optional)text——

Style finder teaser

1 block type: Style finder teaser — added with 4 blocks already in place.

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—New here and slightly lost?
Headingtext with formatting—Take our style quiz
Bodyrich text—<p>Answer five short questions and we’ll suggest pieces that fit your day-to-day, your weather, and your taste.</p>
Button labeltext—Start the quiz
Button linklink——
Detailtext—Takes about 90 seconds.
Imageimage——
Color schemecolour scheme—reverse
Block: Style finder teaser (1)
SettingKindWhat it doesDefault
Texttext—Tell us how you spend your week

Layout (2)

Apps accepts app blocks

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—base

Custom Liquid

Settings (2)
SettingKindWhat it doesDefault
Liquid codeLiquid code——
Color schemecolour scheme—base

Media (15)

Animated image collage

1 block type: Animated image collage — added with 4 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—From the campaign
Headingtext with formatting—Frames you'll want to print
Subheadingtext——
Color schemecolour scheme—base
Block: Animated image collage (7)
SettingKindWhat it doesDefault
Imageimage——
Aspect ratiosliderFrom 0.5 to 1.8, in steps of 0.1.0.8
Width %sliderFrom 15 to 70, in steps of 1.35
Horizontal position %sliderFrom 0 to 80, in steps of 1.5
Vertical position %sliderFrom 0 to 80, in steps of 1.5
Rotation (degrees)sliderFrom -15 to 15, in steps of 1.-3
Captiontext——

Before / after

Settings (9)
SettingKindWhat it doesDefault
Eyebrowtext—Lifetime repairs
Headingtext with formatting—Before & after our repair program
Subheadingtext—Pull the handle across to compare.
Before imageimage——
After imageimage——
Before labeltext—Before
After labeltext—After
Captiontext——
Color schemecolour scheme—tinted

Image hotspots

1 block type: Image hotspots — added with 3 blocks already in place.

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Shop the look
Headingtext with formatting—Tap to shop each piece
Subheadingtext——
Imageimage——
Aspect ratiosliderFrom 0.5 to 2, in steps of 0.1.1.2
Color schemecolour scheme—tinted
Block: Image hotspots (6)
SettingKindWhat it doesDefault
Horizontal position %sliderFrom 0 to 100, in steps of 1.50
Vertical position %sliderFrom 0 to 100, in steps of 1.50
Productproduct——
Label (used if no product)text—Worn here: the linen shirt
Body (used if no product)text——
Link (used if no product)link——

Image scroll marquee

1 block type: Image scroll marquee — added with 5 blocks already in place.

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext——
Headingtext with formatting—Frames from the studio
DirectionchoiceChoices: Start, End.Start
SpeedsliderFrom 15 to 90 s, in steps of 5.40
Color schemecolour scheme—tinted
Block: Image scroll marquee (4)
SettingKindWhat it doesDefault
Imageimage——
Aspect ratiosliderFrom 0.5 to 1.6, in steps of 0.1.0.8
Captiontext——
Linklink——

Lookbook with hotspots

1 block type: Lookbook with hotspots — added with 2 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—The full look
Headingtext with formatting—Two looks. Six pieces.
Subheadingtext——
Color schemecolour scheme—tinted
Block: Lookbook with hotspots (5)
SettingKindWhat it doesDefault
Imageimage——
Captiontext——
Product handles (comma-separated)textList product handles separated by commas. The first handle pins at the first position.linen-shirt, wool-trouser, leather-loafer
Horizontal positions (%)text—35, 50, 60
Vertical positions (%)text—30, 55, 80

Magazine blog layout

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Latest from the studio
Headingtext with formatting—Notes, field reports, and seasonal letters
Blogblog——
Color schemecolour scheme—base

Magazine spread

Settings (10)
SettingKindWhat it doesDefault
Eyebrowtext—Issue 03 · Autumn
Headingtext with formatting—An afternoon at the workshop
Kickertext—A morning visit to the team who cut every Lapel piece.
Cover imageimage——
Cover captiontext—Inês adjusting a hem, Porto, 2026
Lead paragraph (with dropcap)rich text—<p>The room is quiet when we arrive. Twelve sewing machines, three pattern tables, and a window that looks out on a courtyard that hasn’t changed since 1962.</p>
Continuation bodyrich text—<p>Inês has been here for thirty years. She still cuts every linen pattern by hand. We watched her finish a sample, fold it, and set it neatly at the end of her bench.</p>
Button labeltext—Read it end to end
Button linklink——
Color schemecolour scheme—tinted

Marquee

1 block type: Marquee — added with 4 blocks already in place.

Settings (3)
SettingKindWhat it doesDefault
DirectionchoiceChoices: Start, End.Start
SpeedsliderFrom 10 to 80 s, in steps of 5.30
Color schemecolour scheme—reverse
Block: Marquee (2)
SettingKindWhat it doesDefault
Texttext—Cut in runs of fifty
IconchoiceChoices: None, Star, Heart, Dot, Check.Dot

Snapshot stack

1 block type: Snapshot stack — added with 3 blocks already in place.

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Process notes
Headingtext with formatting—Snapshots from the cutting table
Bodyrich text—<p>A handful of photographs we took while building this collection. None of them were planned.</p>
Button labeltext—Read the journal
Button linklink——
Color schemecolour scheme—tinted
Block: Snapshot stack (2)
SettingKindWhat it doesDefault
Imageimage——
Captiontext—Note to self

Snapshot wall

1 block type: Snapshot wall — added with 8 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Snapshots
Headingtext with formatting—Frames from the studio floor
Subheadingtext——
Color schemecolour scheme—tinted
Block: Snapshot wall (3)
SettingKindWhat it doesDefault
Imageimage——
Captiontext—Studio, Tuesday morning
Linklink——

Video showcase

Settings (11)
SettingKindWhat it doesDefault
Eyebrowtext——
Headingtext with formatting—Watch the film
Subheadingtext——
Video file (mp4)video——
YouTube or Vimeo URLvideo link——
Poster image (shown if no video)image——
Captiontext——
Autoplayon/offVideos always play muted when autoplaying.Off
Mutedon/off—Off
Loopon/off—Off
Color schemecolour scheme—reverse

Product (10)

Bundle offer

1 block type: Bundle offer — added with 3 blocks already in place.

Settings (9)
SettingKindWhat it doesDefault
Eyebrowtext—Set together
Headingtext with formatting—A capsule, ready to wear
Bodyrich text—<p>Three pieces designed to be worn together. Save when you buy the full set.</p>
Bundle discount %sliderFrom 0 to 50, in steps of 1.15
Summary labeltext—Bundle price
Button labeltext—Shop the bundle
Button linklink——
Fine printtext—Discount applies at checkout when all three are in cart.
Color schemecolour scheme—tinted
Block: Bundle offer (1)
SettingKindWhat it doesDefault
Productproduct——

Complementary products

Settings (6)
SettingKindWhat it doesDefault
Requires Shopify Search and Discovery app. Add complementary products to each product in Shopify admin.
Eyebrowtext—Wear together
Headingtext with formatting—Pairs well with
Subheadingtext——
Products to showsliderFrom 2 to 8, in steps of 1.3
Columns on desktopsliderFrom 2 to 5, in steps of 1.3
Color schemecolour scheme—tinted

Product grid — 2 up

1 block type: Product grid — 2 up — added with 2 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext——
Headingtext with formatting—Two pieces, one long look
Subheadingtext——
Color schemecolour scheme—base
Block: Product grid — 2 up (5)
SettingKindWhat it doesDefault
Productproduct——
Eyebrowtext—Bestseller
Heading override (optional)text——
Bodyrich text—<p>A short note about why this piece matters.</p>
Button labeltext—Shop now

Product grid — manual

1 block type: Product grid — manual — added with 4 blocks already in place.

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext——
Headingtext with formatting—Hand-picked
Subheadingtext—A small selection we’re wearing this season.
Columns on desktopsliderFrom 2 to 5, in steps of 1.4
Columns on mobilechoiceChoices: 1, 2.2
Color schemecolour scheme—base
Block: Product grid — manual (1)
SettingKindWhat it doesDefault
Productproduct——

Product information accepts app blocksaccepts theme blocks

19 block types: , , , , , , , , , , , , , , , , , , — added with 9 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Media layoutchoiceChoices: Thumbnails left, Thumbnails bottom, Stacked, Carousel.Thumbnails left
Enable image zoomon/off—On
Show dynamic checkout buttonson/offEach customer sees their preferred accelerated checkout option.On
Color schemecolour scheme—base
Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Block: (0)

This item has no settings of its own.

Product list with copy

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Editorial picks
Headingtext with formatting—Each piece, the story behind it.
Collectioncollection——
Products to showsliderFrom 2 to 8, in steps of 1.4
Image sidechoiceChoices: Alternate, Always left, Always right.Alternate
Color schemecolour scheme—tinted

Product spotlight

1 block type: Product spotlight — added with 4 blocks already in place.

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—Crafted to last
Heading (overrides product title)text with formatting——
Bodyrich text—<p>A few details we want to share about this piece.</p>
Productproduct——
Image (used if no product is set)image——
Button label (used if no product is set)text—Shop now
Button linklink——
Color schemecolour scheme—reverse
Block: Product spotlight (2)
SettingKindWhat it doesDefault
Labeltext—Material
Valuetext—100% organic linen

Style guide

1 block type: Style guide — added with 4 blocks already in place.

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—Get the look
Headingtext with formatting—Everything in this photograph
Subheadingtext——
Main imageimage——
Image captiontext—Editorial, fall campaign
Color schemecolour scheme—base
Block: Style guide (3)
SettingKindWhat it doesDefault
Productproduct——
Label overridetext——
Style notestext——

Promotion (9)

Gift card promo

1 block type: Gift card promo — added with 4 blocks already in place.

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—The gift
Headingtext with formatting—A gift card, in any amount
Bodyrich text—<p>The thoughtful default. Sent immediately by email, with a personalized message if you’d like.</p>
Imageimage——
Gift card product (optional)product——
Button labeltext—Shop gift cards
Button linklink——
Color schemecolour scheme—tinted
Block: Gift card promo (2)
SettingKindWhat it doesDefault
IconchoiceChoices: None, Check, Heart, Email, Info.Check
Texttext—Choose any amount from $25 to $500

Pop-up calendar

1 block type: Pop-up calendar — added with 3 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—On tour
Headingtext with formatting—Where you'll find us this season
Subheadingtext—We bring the studio to a different city each month.
Color schemecolour scheme—base
Block: Pop-up calendar (8)
SettingKindWhat it doesDefault
Citytext—London
Countrytext—United Kingdom
Datestext—March 8 – 12, 2026
Venuetext—53 Redchurch Street, Shoreditch
Statustext—Upcoming
Status tonechoiceChoices: Default, Live, Past.Default
Button labeltext—RSVP
Button linklink——

Promo grid (3-up)

1 block type: Promo grid (3-up) — added with 3 blocks already in place.

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—base
Block: Promo grid (3-up) (6)
SettingKindWhat it doesDefault
Imageimage——
Eyebrowtext—New arrivals
Headingtext—Knitwear, just landed
Bodytext——
call to action texttext—Shop now
Linklink——

Promo with countdown

Settings (10)
SettingKindWhat it doesDefault
Eyebrowtext—Sample sale begins
Headingtext with formatting—Three days only. Held in our Lisbon studio.
Bodyrich text—<p>Past-season pieces at 30–50% off. First come, first served — we don’t restock.</p>
Button labeltext—Save the date
Button linklink——
Target datetextISO 8601 format (YYYY-MM-DDTHH:MM:SS). Always use a real date — never fabricate urgency.—
After-the-date labeltext—Sale is live
Background imageimage——
Overlay opacitysliderFrom 0 to 80 %, in steps of 5.40
Color schemecolour scheme—reverse

Refer a friend

1 block type: Refer a friend — added with 2 blocks already in place.

Settings (8)
SettingKindWhat it doesDefault
Eyebrowtext—Bring a friend
Headingtext with formatting—Give 15%. Get 15%.
Bodyrich text—<p>Share Lapel with a friend. They’ll get 15% off their first piece, and you’ll get 15% off your next.</p>
Button labeltext—Send a referral
Button linklink——
Fine printtext—Discount applies after your friend's first order ships.
Imageimage——
Color schemecolour scheme—tinted
Block: Refer a friend (2)
SettingKindWhat it doesDefault
Labeltext—Your friend gets
Valuetext—15% off

Sale grid

Settings (7)
SettingKindWhat it doesDefault
Eyebrowtext—Markdowns
Headingtext with formatting—Final pieces, final prices
Subheadingtext—Last sizes of the season, marked down for their final home.
Collectioncollection——
Maximum products to showsliderFrom 4 to 24, in steps of 1.12
Empty state messagetext—Nothing on sale just yet — check back soon.
Color schemecolour scheme—feature

Sale strip

Settings (6)
SettingKindWhat it doesDefault
Headlinetext—Final-season sale
Detailtext—up to 40% off select linen
Button labeltext—Shop the sale
Button linklink——
Scroll speedsliderFrom 10 to 80 s, in steps of 5.25
Color schemecolour scheme—feature

Shop app promo

1 block type: Shop app promo — added with 3 blocks already in place.

Settings (6)
SettingKindWhat it doesDefault
Eyebrowtext—On the Shop app
Headingtext with formatting—Follow us on Shop for early access
Bodyrich text—<p>Track every order in one place, see new arrivals before they go public, and check out faster with Shop Pay.</p>
Show Follow on Shop buttonon/offRenders Shopify’s native button. Brand colors cannot be modified per Theme Store requirements.On
Phone mockup image (optional)image——
Color schemecolour scheme—reverse
Block: Shop app promo (2)
SettingKindWhat it doesDefault
IconchoiceChoices: Check, Heart, Star, Info.Check
Texttext—One-tap reorders

Sticky promo bar

Settings (7)
SettingKindWhat it doesDefault
IconchoiceChoices: None, Heart, Star, Info, Check.Info
Headlinetext—Complimentary shipping over $150
Detailtext—We deliver in 3–5 business days, gift-wrapped on request.
Button labeltext—Shop now
Button linklink——
PositionchoiceChoices: Bottom, Top.Bottom
Color schemecolour scheme—reverse

Social proof (9)

Awards and certifications

1 block type: Awards and certifications — added with 4 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—Recognition
Headingtext with formatting—Awards & certifications
Subheadingtext——
Color schemecolour scheme—tinted
Block: Awards and certifications (4)
SettingKindWhat it doesDefault
Seal or logoimage——
Year (used if no image)text—2024
Headingtext—Best Independent Label
Detailtext—Fashion Council Awards

Community events

1 block type: Community events — added with 3 blocks already in place.

Settings (4)
SettingKindWhat it doesDefault
Eyebrowtext—What we're hosting
Headingtext with formatting—Upcoming gatherings
Subheadingtext—Studio open days, pop-ups, and a few private events. RSVPs are open.
Color schemecolour scheme—tinted
Block: Community events (9)
SettingKindWhat it doesDefault
Daytext—15
Monthtext—Mar
Yeartext—2026
Event nametext—Studio open day
Locationtext—Rua dos Anjos 24, Lisbon
Timetext—11:00 — 18:00
Bodytext—A morning visit to our cutting workshop, with light refreshments.
Button labeltext—Reserve a slot
Button linklink——

Press logos

1 block type: Logo — added with 6 blocks already in place.

Settings (3)
SettingKindWhat it doesDefault
Eyebrowtext——
Headingtext with formatting—Featured in
Color schemecolour scheme—base
Block: Logo (3)
SettingKindWhat it doesDefault
Logo imageimage——
Publication name (for accessibility, also used if no image)text—Publication name
Linklink——

Press strip

1 block type: Press strip — added with 4 blocks already in place.

Settings (3)
SettingKindWhat it doesDefault
Label above striptext—Featured in
Scroll speedsliderFrom 20 to 100 s, in steps of 5.45
Color schemecolour scheme—base
Block: Press strip (2)
SettingKindWhat it doesDefault
Publicationtext—Loomlight Quarterly
Quotetext—A quiet brand with the confidence to last.

Social follow strip

1 block type: Social follow strip — added with 4 blocks already in place.

Settings (2)
SettingKindWhat it doesDefault
Headingtext with formatting—Follow Lapel
Color schemecolour scheme—base
Block: Social follow strip (4)
SettingKindWhat it doesDefault
NetworkchoiceChoices: Instagram, TikTok, Pinterest, YouTube, Facebook, Twitter (X).Instagram
Handletext—@lapel
Subtitletext—Daily studio shots
Profile linklink——

Star rating display

Settings (7)
SettingKindWhat it doesDefault
A simple display for an aggregate rating. Update the value manually based on your review platform.
Rating (0-5)text—4.8
Total review countnumber—1200
Headingtext with formatting—Loved by 1,200+ customers
Subheadingtext—We collect honest reviews after every order.
Button labeltext—Read reviews
Button linklink——
Color schemecolour scheme—base

Testimonial grid

1 block type: Testimonial grid — added with 3 blocks already in place.

Settings (5)
SettingKindWhat it doesDefault
Eyebrowtext—Words from our community
Headingtext with formatting—What people say
Subheadingtext——
Columns on desktopsliderFrom 1 to 3, in steps of 1.3
Color schemecolour scheme—base
Block: Testimonial grid (6)
SettingKindWhat it doesDefault
Avatarimage——
Heading (optional)text——
Quotetext (multi-line)—The kind of garments you want to live in.
Nametext—Eden L.
Detailtext—Brooklyn — knit owner since 2024
RatingsliderFrom 0 to 5, in steps of 1.5

UGC photo wall

1 block type: UGC photo wall — added with 10 blocks already in place.

Settings (8)
SettingKindWhat it doesDefault
Upload images from your community (with permission). This does not pull from social APIs — every image is merchant-uploaded.
Eyebrowtext—From our community
Headingtext with formatting—Worn by you
Subheadingtext——
Hashtagtext—#wearlapel
Columns on desktopsliderFrom 3 to 6, in steps of 1.5
Button labeltext—Tag us @lapel
Button linklink——
Color schemecolour scheme—base
Block: UGC photo wall (3)
SettingKindWhat it doesDefault
Photoimage——
Handle / credittext—@username
Linklink——

Header fixed to its template

Settings (9)

Layout

SettingKindWhat it doesDefault
LayoutchoiceChoices: Logo left, menu inline, Logo center, menu below.Logo left, menu inline
Menumenu—main-menu

Behavior

SettingKindWhat it doesDefault
Sticky headerchoiceChoices: Always, On scroll up, Off.Always
Transparent over hero sectionson/offUseful for hero sections with images that extend behind the header.Off

Icons

SettingKindWhat it doesDefault
Show search iconon/off—On
Show account iconon/off—On
Show cart iconon/off—On
Show country and language selectorson/off—On

Color scheme

SettingKindWhat it doesDefault
Color schemecolour scheme—base

Page templates (20)

404 Not found fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—tinted

Account fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—base

Activate account fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—tinted

Addresses fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—base

Article fixed to its template

Settings (6)
SettingKindWhat it doesDefault
Show dateon/off—On
Show authoron/off—On
Show tagson/off—On
Show share buttonson/off—On
Show commentson/off—On
Color schemecolour scheme—base

Blog posts fixed to its template

Settings (3)
SettingKindWhat it doesDefault
Posts per pagesliderFrom 3 to 24, in steps of 3.9
Columns on desktopsliderFrom 2 to 4, in steps of 1.3
Color schemecolour scheme—base

Cart fixed to its template

Settings (2)
SettingKindWhat it doesDefault
Show order noteon/off—On
Color schemecolour scheme—base

Cart drawer fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—base

Collection products fixed to its template

Settings (7)
SettingKindWhat it doesDefault
Products per pagesliderFrom 8 to 48, in steps of 4.24
Columns on desktopsliderFrom 2 to 5, in steps of 1.4
Columns on mobilechoiceChoices: 1, 2.2
Enable filteringon/off—On
Enable sortingon/off—On
Filter layoutchoiceChoices: Horizontal, Drawer, Sidebar.Horizontal
Color schemecolour scheme—base

Collections list fixed to its template

Settings (3)
SettingKindWhat it doesDefault
Columns on desktopsliderFrom 2 to 4, in steps of 1.3
Sort bychoiceChoices: Alphabetical, Highest product count, Date created.Alphabetical
Color schemecolour scheme—base

Login fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—tinted

Order fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—base

Page fixed to its template

Settings (2)
SettingKindWhat it doesDefault
Show page titleon/off—On
Color schemecolour scheme—base

Password fixed to its template

Settings (2)
SettingKindWhat it doesDefault
Show newsletter signupon/off—On
Color schemecolour scheme—tinted

Quick view fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—base

Quick view (product) fixed to its template

Settings (0)

This item has no settings of its own.

Register fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—tinted

Reset password fixed to its template

Settings (1)
SettingKindWhat it doesDefault
Color schemecolour scheme—tinted

Theme blocks

Theme blocks can be placed inside any section that accepts them (marked accepts theme blocks above): headings, text, buttons, images, spacers and the product blocks that make up the product page.

Accordion

Settings (3)
SettingKindWhat it doesDefault
Titletext—A question shoppers ask
Contentrich text—<p>Answer the question clearly and concisely. Avoid jargon. Link to detailed pages if needed.</p>
Open by defaulton/off—Off

App block

Settings (1)
SettingKindWhat it doesDefault
Use this to insert an app block inside a group, column, or tabs panel. App blocks render exactly as if placed at the section root.
Label (optional)textOptional label rendered above the app block for editorial context.—

Button

Settings (6)
SettingKindWhat it doesDefault
Labeltext—Shop now
Linklink——
Open in a new windowon/off—Off
StylechoiceChoices: Primary, Secondary, Text link.Primary
SizechoiceChoices: Small, Medium, Large.Medium
AlignmentchoiceChoices: Left, Center, Right.Left

Buy buttons

Settings (0)

This item has no settings of its own.

Column

Settings (4)
SettingKindWhat it doesDefault
WidthsliderApplied at desktop sizes only; columns stack on mobile. From 20 to 100 %, in steps of 5.50
Gap between childrensliderFrom 0 to 80 px, in steps of 4.16
Top and bottom paddingsliderFrom 0 to 120 px, in steps of 4.0
AlignmentchoiceChoices: Left, Center, Right, Stretch.Left

Complementary products

Settings (3)
SettingKindWhat it doesDefault
Requires Shopify Search and Discovery app. Add complementary products to each product in Shopify admin.
Headingtext—Pairs well with
Products to showsliderFrom 1 to 4, in steps of 1.3
LayoutchoiceChoices: Grid, Inline scroll.Grid

Custom Liquid

Settings (1)
SettingKindWhat it doesDefault
Liquid codeLiquid codeAdd Liquid, HTML, or app embed code. Avoid storing sensitive information here.—

Description

Settings (0)

This item has no settings of its own.

Divider

Settings (3)
SettingKindWhat it doesDefault
StylechoiceChoices: Solid, Dashed, Dotted.Solid
ThicknesssliderFrom 1 to 6 px, in steps of 1.1
WidthsliderFrom 10 to 100 %, in steps of 5.100

Group

Settings (5)
SettingKindWhat it doesDefault
Layout directionchoiceChoices: Vertical, Horizontal.Vertical
AlignmentchoiceChoices: Left, Center, Right, Space between.Left
GapsliderFrom 0 to 80 px, in steps of 4.16
Top paddingsliderFrom 0 to 120 px, in steps of 4.0
Inline paddingsliderFrom 0 to 120 px, in steps of 4.0

Heading

Settings (4)
SettingKindWhat it doesDefault
Headingtext with formatting—A heading to draw the eye
SizechoiceChoices: Display, Display, H2, H3, H4, H5, H6.H2
Heading tagchoiceFor accessibility, use h1 only once per page. Choices: h1, h2, h3, h4, h5, h6.h2
AlignmentchoiceChoices: Left, Center, Right.Left

Icon

Settings (3)
SettingKindWhat it doesDefault
IconchoiceChoices: Heart, Star, Check, Info, Share, Email, Location, Search, Cart, Bag, Account.Heart
SizesliderFrom 16 to 96 px, in steps of 4.40
AlignmentchoiceChoices: Left, Center, Right.Left

Image

Settings (4)
SettingKindWhat it doesDefault
Imageimage——
Alt texttextDescribe the image for screen readers. Leave blank if decorative.—
Image aspect ratiochoiceChoices: Adapt to image, Square, Portrait, Landscape, Wide.Adapt to image
Link (optional)link——

Inventory

Settings (2)
SettingKindWhat it doesDefault
Show only when stock is belowsliderSet to 0 to always show. From 0 to 50, in steps of 1.10
Show when stock is highon/off—Off

Metafield

Settings (2)
SettingKindWhat it doesDefault
Labeltext——
Contentrich textConnect this to a product or page metafield using the dynamic source button, or enter text directly.—

Pickup availability

Settings (0)

This item has no settings of its own.

Price

Settings (0)

This item has no settings of its own.

Quantity selector

Settings (0)

This item has no settings of its own.

Rating

Settings (0)
SettingKindWhat it doesDefault
Uses Shopify Product Reviews app metafields. Install the app and approve the metafield definitions.

Selling plans

Settings (2)
SettingKindWhat it doesDefault
Headingtext—Purchase options
Show one-time purchase optionon/off—On

Share

Settings (0)

This item has no settings of its own.

SKU

Settings (0)

This item has no settings of its own.

Spacer

Settings (2)
SettingKindWhat it doesDefault
Height on mobilesliderFrom 0 to 160 px, in steps of 4.24
Height on desktopsliderFrom 0 to 240 px, in steps of 4.48

Swatch

Settings (3)
SettingKindWhat it doesDefault
Option positionchoiceChoices: First option, Second option, Third option.First option
SizechoiceChoices: Small, Medium, Large.Medium
Show option name and selected valueon/off—On

Tab

Settings (1)
SettingKindWhat it doesDefault
Tab labeltext—Tab

Tabs

Settings (2)
SettingKindWhat it doesDefault
Heading (optional)text——
Default tabsliderFrom 1 to 8, in steps of 1.1

Text

Settings (3)
SettingKindWhat it doesDefault
Textrich text—<p>Use this space to share details about your brand, a collection, or a product. Replace this placeholder with copy that helps shoppers understand what they’re looking at.</p>
SizechoiceChoices: Small, Medium, Large.Medium
AlignmentchoiceChoices: Left, Center, Right.Left

Title

Settings (2)
SettingKindWhat it doesDefault
SizechoiceChoices: Display, Large, Medium, Small.Large
Heading tagchoiceChoices: h1, h2, h3.h1

Variant picker

Settings (1)
SettingKindWhat it doesDefault
Picker typechoiceChoices: Buttons, Dropdown.Buttons

Vendor

Settings (1)
SettingKindWhat it doesDefault
Show product typeon/off—On

Video

Settings (6)
SettingKindWhat it doesDefault
Videovideo——
Video URLvideo linkYouTube or Vimeo URL.—
Video title (for accessibility)text——
Cover imageimage——
Autoplayon/offAutoplay starts the video on page load. Videos always play muted.Off
Loopon/off—Off

Frequently asked questions

A section on the demo store is not in my Add section list

Every section listed above is available on every template except the checkout. Use the search field at the top of the Add section list and type the name exactly as written here.

My product images are cropped

Product cards use the aspect ratio set in Theme settings → Product tiles. Choose Natural to show every image whole, or match the ratio your photographs are shot in.

The colour swatches on product cards do not appear

Swatches are drawn for the product option named Color or Colour. Rename the option in the product's admin page, or set the swatch option name in Theme settings → Product tiles.

How do I remove the announcement bar?

Open the header group in the editor, select the announcement bar and use the eye icon to hide it, or delete it. It can be added back at any time.

Can I edit the code?

You can, but duplicate the theme first (Online Store → Themes → Actions → Duplicate) and edit the copy. Code changes are outside support, and they stop Theme Store updates from applying to that copy.

Which browsers are supported?

The current and previous versions of Chrome, Safari, Firefox and Edge, on desktop and mobile, plus the in-app browsers of the major social networks.

Support policy

Included with your purchase: bug fixes in the theme and answers to questions about its sections and settings, for as long as the theme is listed on the Shopify Theme Store. We reply within 2 business days, Monday to Friday, through the contact form.

Not included: customisations, app integrations, design work and changes you made to the theme code. For those, we recommend hiring a Shopify Partner. If you follow a custom-code tutorial from anywhere, duplicate your theme first; edited themes are not covered by support or by updates.

Before editing code, duplicate the theme. Work on the copy, and keep the original to switch back to.

Changelog

  • 1.0.02026-09-11 — First release submitted to the Shopify Theme Store.

Theme author: Samran. Documentation generated on 2026-09-11 from Lapel 1.0.0.