ESQUE/BY — Shopify Reference

Content Guide

Where to find and update every piece of content on the site — from homepage images to press features, contact details, and product pairings.

Homepage

Hero Banner

The large image at the very top of the homepage with the main headline, body copy, and call-to-action buttons.

Where Theme Customize › Homepage › Hero — Campaign
Campaign Image
Desktop image Main background image shown on desktop and tablet.
Mobile image Optional separate image cropped for portrait phones. Falls back to the desktop image if left empty.
Content
Eyebrow Small uppercase label above the headline. Currently: "The New Collection"
Heading The main headline text. Supports basic bold/italic formatting.
Body One or two lines of supporting copy below the headline.
Buttons (up to 3)
Primary CTA Label text, destination link, and style (filled / outlined / text link).
Secondary CTA Leave the label blank to hide this button entirely.
Tertiary CTA Leave the label blank to hide this button entirely.

Homepage

Shop Categories Carousel

The horizontally-scrolling row of collection tiles below the hero — "Shop Ready-To-Wear."

Where Theme Customize › Homepage › Collection List
Section Header block
Title The heading above the carousel. Currently: "Shop Ready-To-Wear"
Each Collection block (4 cards)
Collection Which Shopify collection this card links to (e.g. Jackets & Blazers, Trousers).
Custom image The photo shown on the card. If left blank, the collection's default image is used.
Section settings
View All link The URL and label for the "View All" button. Currently links to /collections/all.

Homepage

Brand Story

The two side-by-side image + text sections — "Tailoring, Reconsidered" and "Make It Yours." Each is a separate section you click into individually.

Where Theme Customize › Homepage › Image with Text
Each section's blocks
Image block The photo. Can also be swapped for a video.
Subtitle block Small eyebrow label (e.g. "why esqueby" or "Personalization").
Title block Main heading (e.g. "Tailoring, Reconsidered").
Text block One or two sentences of body copy.
Button block Link label and destination URL.

Products

Products, Prices & Variants

Core product information — title, description, price, images, and size variants.

Where Admin Products › Select a product
Reference product: This product is a fully-configured example with all metafields filled in — use it as a reference when setting up new products.
Standard product fields
Title Product name displayed on the product page and in collection grids.
Description Rich text body. Displayed on the product page inside the collapsible Product Details accordion tab.
Media Product photos and videos. The first image is the featured card image.
Price Set on each variant individually if sizes are priced differently.
Variants Sizes, colors, and availability. Mark as "Continue selling when out of stock" or limit inventory here.

Products

Fabric & Trims

Per-product rich text that appears in a collapsible "Fabric & Trims" tab on the product page — fabric names, material percentages, trimmings, hardware details, etc.

Where Admin Products › Select a product › Scroll to Metafields › Fabric & Trims
Metafield: theme namespace
Fabric & Trims theme.fabric_trims Rich text. Supports paragraphs, bold, lists, and links. The tab is hidden automatically if this field is left blank.
Live example: This product is a fully-configured reference — scroll to the Metafields section to see how related fields are structured.

Products

Tailoring Notes

Per-product rich text that appears in a collapsible tab on the product page — fabric composition, construction notes, fit callouts, care instructions, etc.

Where Admin Products › Select a product › Scroll to Metafields › Tailoring Notes
Metafield: theme namespace
Tailoring Notes theme.tailoring_notes Rich text. Supports paragraphs, bold, lists, and links. The tab is hidden automatically if this field is left blank.
Live example: This product has Tailoring Notes filled in — scroll to the Metafields section to see how the field is structured.

Products

Complete The Look

The triptych of related products shown beneath the add-to-cart area on each product page. Set per-product via a metafield — not in the Theme Editor.

Where Admin Products › Select a product › Scroll to Metafields › Complete the Look
How it works: Open a product, scroll past the description and variants to the Metafields section at the bottom of the page. Click into the Complete the Look field and search for up to 3 products to pair with it.
Live example: This product already has 3 products configured — use it as a reference for how the field should look when filled in.
Metafield: theme namespace
Complete The Look theme.complete_the_look Select 1–3 products. These appear as linked images with the product name below. Leave empty to hide the section entirely on that product.
Section heading: The "Complete The Look" label above the triptych is editable in Theme Customize → any Product page → Look Triptych → Title field.

Products

Colorway Swatches

Links a product to its sibling colorways so that color swatches appear on the product page and collection cards, allowing shoppers to jump between colors without returning to a collection. The same product list must be set on every sibling, including the product itself, and in the same order.

Where Admin Products › Select a product › Scroll to Metafields
Metafield: theme namespace
Product siblings (colorways) theme.product_sibling A list of product references — one per colorway, including this product itself. The order you add them here determines the left-to-right swatch order displayed on the page.
Important: Open each sibling product and set the same full list (all colorways, in the same order) on every one. If a sibling is missing from its own list, or the order differs, swatches will be inconsistent across colorways.

Products

Embroidery Options

Controls whether the embroidery customization panel appears on a product page, what placements are offered, and what the add-on price is. The panel is hidden entirely when embroidery_price is blank.

Where Admin Products › Select a product › Scroll to Metafields
Metafields: theme namespace
Embroidery Price theme.embroidery_price Decimal price added for embroidery, e.g. 40.00. Leave blank to hide the embroidery panel entirely on that product.
Embroidery Placements theme.embroidery_placements Comma-separated list of placement options, e.g. Left chest,Left cuff,Back yoke. These become the options in the placement dropdown.
Embroidery Colors theme.embroidery_colors Optional JSON array in the format [{"label":"Gold","value":"gold","hex":"#C5A028"}]. If left blank, defaults to Gold, Silver, Navy, Black, Ecru.
Live example: This product has embroidery configured — check the Metafields section for a working example of price, placements, and colors.

Products

Model Information Badge

The small "Size X: Name (Height)" label that appears over product images to give fit context. Two steps: first create the model entry in the content library, then reference it on each product.

Step 1 — Manage model entries

Where Admin Content › Metaobjects › Model
Model entry fields
Name required The model's first name as it appears in the badge, e.g. Jane.
Height Displayed in parentheses after the name, e.g. 5'10". Leave blank to show the name only.
To add a new model: click Add entry in the Model list, fill in Name and Height, then save. Each model only needs to be created once — you can then reference the same entry on as many products as needed.

Step 2 — Link a model to a product

Where Admin Products › Select a product › Scroll to Metafields
Metafields: pdp namespace
Model pdp.model Search for and select a Model entry by name. The entry's name and height populate the badge automatically.
Size worn pdp.model_size_worn The size the model is wearing in the photos, e.g. XS or 2. Combines with the model reference to produce: "Size XS: Jane (5'10")".
If no model is assigned the badge simply doesn't appear — no action needed on products where this isn't applicable.
Live example: This product has the model metafields filled in — see how the badge renders on the product page.

Products

Size Chart & How to Measure

The size guide modal has two tabs: a size chart (driven by per-variant measurements) and a "How to Measure" guide (driven by a reusable metaobject). Both are optional — the modal only shows what's filled in.

Step 1 — Build How to Measure guides

Where Admin Content › Metaobjects › How to Measure Guide
A How to Measure Guide is a reusable object — create one per garment category (e.g. Shirts, Blazers, Trousers) and reference it on every product in that category. You only need to build each guide once.
How to Measure Guide entry fields
Name required Category label shown as the panel heading, e.g. Blazers, Shirts, Trousers.
Intro Optional opening sentence above the steps. Defaults to "For the best fit, measure your body over light underwear…" if left blank.
Steps required An ordered list of How to Measure Step entries (1–8). Each step has a Label (e.g. Bust) and a Description (the full instruction sentence). Create the steps first in Metaobjects → How to Measure Step, then reference them here in order.

Step 2 — Link a guide to a product

Product level Admin Products › Select a product › Metafields
Product metafields: theme namespace
How to Measure Guide theme.how_to_measure_guide Reference to a How to Measure Guide metaobject entry. Search by name (e.g. Blazers) and select the matching guide. This drives the "How to Measure" tab in the size modal.
How To Measure Image theme.how_to_measure_image Optional illustration shown alongside the measurement steps in the modal.
Size Chart Category theme.size_chart_category Legacy text slug (e.g. blazers). Only used as a fallback if how_to_measure_guide is not set.

Step 3 — Enter variant measurements

Variant level Admin Products › Select a product › Variants › Select a variant › Metafields
Variant metafields: theme namespace — all numeric, in inches
US Size theme.us_size US numeric equivalent shown in the size chart, e.g. XS, 0, 0–2.
Bust (in) theme.bust Bust measurement in inches. The theme converts to cm for display when the toggle is switched.
Waist (in) theme.waist Waist measurement in inches.
Hip (in) theme.hip Hip measurement in inches.
High Hip (in) theme.high_hip High hip measurement in inches. Corsets only.
Length (in) theme.length Garment length in inches.
Sleeve Length (in) theme.sleeve_length Sleeve length in inches, measured from the shoulder.
Inseam (in) theme.inseam Inseam in inches. Pants only.
Only fill in the measurements that apply to the garment type — columns with no data are hidden automatically in the size chart.
Live example: This product has variant measurements entered — open any variant to see how the size chart metafields are filled in.

Collections

Collection Header

The editorial header at the top of every collection page — eyebrow, title, and description. If left blank, the title and description are pulled automatically from the collection's own settings in the Admin.

Where Theme Customize › Navigate to the collection › Editorial Header
Settings
Eyebrow Optional small label above the title.
Title Page heading. Leave blank to use the collection name automatically.
Description Body text below the title. Leave blank to use the collection description set in Admin → Collections.
The collection's name and description (Admin → Products → Collections → select a collection) feed this header automatically, so you only need the Theme Editor override for wording that differs from the admin-facing name.

Collections

Collection SEO Text

An optional editorial title and body paragraph shown below the product grid on collection pages. Appears only when the metafields are filled in.

Where Admin Products › Collections › Select a collection › Metafields
Metafields: theme namespace
SEO Title theme.title Display heading for the SEO block. If blank, the block is hidden entirely. Note: the admin may show this field as "SEO Title" with key seo_title — the theme reads theme.title, so use whichever the admin presents.
SEO Body theme.seo_text Rich text body. Leave blank to suppress the block. Overrides any text entered in the Theme Editor for this section.

Collections

Classes Schedule

Products in the Classes collection display scheduling and format information pulled from per-product metafields. These drive the class listing cards on the Classes collection page.

Where Admin Products › Select a class product › Metafields
Card display metafields: theme namespace
Class Format theme.class_format Must be exactly Workshop or Series. Controls how the session badge reads: "3-Day Workshop" vs "4-Week Series".
Class Session Count theme.class_session_count Number of sessions or days, e.g. 3. Combined with format to produce the badge label: "3-Week Series · 2 hrs/week".
Class Session Hours theme.class_session_hours Hours per session (decimal), e.g. 2 or 1.5. Displayed alongside session count in the badge.
Class Start Date theme.class_start_date Date the class begins.
Class End Date theme.class_end_date Date the class ends. Used for multi-session series.
Class Difficulty theme.class_difficulty Must be exactly one of: All Levels, Beginner, Intermediate, Advanced. Shown as a badge on the card.
Class Enrollment Status theme.class_enrollment_status Must be exactly one of: Open, Pre-Enroll, Waitlist, Closed. Defaults to Open if left blank. Controls the enrollment badge and button state.
Class Card Description theme.class_card_description Short description shown on the class listing card (max 140 characters). Use this for a concise hook — separate from the full product description.

Pages

About Page

A tabbed layout with four sections — Our Story, The Makers, Why ESQUE/BY, and Our Impact. Each tab has its own banner image and body content managed as blocks within the Theme Editor.

Where Theme Customize › About page › Two-Column Nav
Each Tab block (Our Story / The Makers / Why ESQUE/BY / Our Impact)
Tab name The label shown in the left navigation sidebar.
Desktop banner Full-width header image shown above the tab when selected on desktop.
Mobile banner Alternate banner image for phone screens.
Teaser Short preview line shown in the sidebar beneath the tab name before it's selected.
Content blocks inside each tab (add / remove / reorder)
Heading Section heading with size and tag options.
Text Rich text body — paragraphs, bold, links.
Expandable Story Collapsible block with an eyebrow, excerpt (always visible), and full story (revealed on "Read More"). Also supports a pull quote and attribution.
Feature Item A titled callout with a short text description — useful for listing values or commitments.
Quote A pull quote with optional attribution line.
Link A single inline link with label, URL, and optional new-tab toggle.
Buttons Up to two buttons (primary + secondary) with their own labels and links.
To edit a tab's content: click the tab name in the Theme Editor sidebar, then click into the body blocks beneath it. Add new blocks with Add block at the bottom of that tab's block list.

Pages

Bespoke Page

An editorial header followed by a tabbed process guide — "Why Bespoke?" plus four ordered steps. Each step is a tab in the left sidebar with its own image and body content.

Where — header Theme Customize › Bespoke page › Editorial Header
Editorial Header settings
Eyebrow Currently: "THE BESPOKE PROCESS"
Title Currently: "Made Around You."
Description The introductory paragraph below the heading.
Where — tabs Theme Customize › Bespoke page › Two-Column Nav
Each Tab block (Why Bespoke? + 4 process steps)
Group label Section heading in the sidebar above a group of tabs, e.g. "OUR APPROACH" or "THE PROCESS".
Tab name The tab label, e.g. "01 Concept to Canvas".
Image Photo shown in the right column when this tab is active.
Teaser One-line preview shown in the sidebar before the tab is selected.
Two-Column Nav section settings
End CTA label Button label shown at the bottom of the tab list, e.g. "Begin Your Bespoke Journey".
End CTA link Where that button goes — currently the bespoke consultation page.
Tab body content (headings, text, quotes, buttons) works the same as the About page — see above for the full list of available content block types.

Pages

Lookbook

A full-page editorial layout built from a series of image grids, text interludes, a video, and a lightbox gallery with per-look garment credits.

Where Theme Customize › Lookbook page
Editorial Header
Eyebrow / Title / Description The lookbook name and any introductory copy at the top of the page.
Image Grid sections (multiple on the page)
Desktop columns How many photos appear per row on desktop (2, 3, or 4).
Image blocks Each block is one photo. Add, remove, or reorder them in the block list. Photos display in a clean CSS grid with no captions.
Text Block sections
Title Optional heading for the text interlude.
Copy Body text paragraph shown between image sections.
Editorial Video
Video Upload a video file directly to Shopify Files, or paste a YouTube / Vimeo URL.
Autoplay (muted) Toggle on to play silently on page load without user interaction.
Image Lightbox — Look blocks (garment credits)
Image The look photo that opens in the lightbox when clicked.
Look number Label displayed on the thumbnail, e.g. "Look 01".
Item 1–3 Name Garment name for each piece in the look, e.g. "Bourton Blazer".
Item 1–3 Color / variant Color or size description shown alongside the garment name, e.g. "Ivory, Size 4".
The lightbox is the best place to add shoppable context to each look. Keep garment names consistent with the exact product names in your store so clients can search for them.

Pages

Bridal Collection

A dedicated collection page with its own editorial sections — header, video, a bespoke bridal CTA, and an image grid — distinct from the standard collection template.

Where Theme Customize › Bridal collection page
Editorial Header
Title Currently: "The Bridal Collection"
Description The introductory paragraph beneath the heading.
Text Block (editorial interlude)
Title Currently: "Bespoke Bridal"
Copy Short paragraph between the product grid and video.
Editorial Video
Video Currently: The Bridal Edit R1_V3.mp4. Upload a replacement to Shopify Files and re-select it here.
Text CTA (bespoke enquiry prompt)
Title Currently: "Made for Your Moment"
Copy Body paragraph below the title.
Button label Currently: "Inquire About Bespoke Bridal"
Button URL The enquiry form link. Currently points to a Tally form.
Image Grid & Image Lightbox
Image blocks Editorial photos in the grid. Add, remove, or reorder in the block list.
Look blocks (lightbox) Same look-credit structure as the Lookbook — image, look number, and up to 3 garment name/color pairs. See Lookbook above for field details.

Press

Press Features & Logo Carousel

Both the press card grid and the scrolling logo strip are powered by a single shared database of press entries. Add or edit entries there and toggle which sections they appear in.

Where Admin Content › Metaobjects › Press Feature
To add a new press feature: Click Add entry inside the Press Feature metaobject list. Fill in the fields below, then save. The entry will appear on the Press page in whichever section(s) you enabled.
Fields per press entry
Publication Name of the publication (e.g. Vogue, WWD). Used as alt text if no logo is uploaded.
Logo Publication logo — shown in the scrolling logo carousel.
Feature image Editorial photo shown on the press card. Portrait orientation works best.
Headline Article headline or pull quote shown on the card.
Article URL Full URL to the published article. Makes the card and logo clickable.
Sort order Number controlling display order. Lower numbers appear first.
Show in Press Grid Toggle on to include this entry in the main press card grid.
Show in Logo Carousel Toggle on to include the logo in the "Also Featured In" scrolling strip.
You can show an entry in the logo carousel only — useful for smaller mentions where you don't have a feature image.

Contact

Contact Information

The studio address and email addresses shown at the top of the Contact page.

Where Theme Customize › Contact page › Contact Info
Address settings
Studio name Label above the address, e.g. "NEW YORK STUDIO".
Address line 1 Street address or city/state.
Address line 2 Secondary line, e.g. "By Appointment Only".
Email blocks — add / remove / reorder in sidebar
Category label The type of inquiry this email handles, e.g. "BESPOKE & PRIVATE APPOINTMENTS".
Email address The actual email address displayed and linked.
To add a new email department: click Add block → Email Entry in the left sidebar while in the Contact Info section.

Contact

Contact Form

Field labels, placeholder text, and the inquiry type dropdown on the contact form.

Where Theme Customize › Contact page › Contact Form (Esqueby)
Editable in Theme Customize
Field labels The uppercase labels above each input: Full Name, Email Address, Message, etc.
Placeholder text The greyed-out hint text inside each input before the user types.
Inquiry type label The label above the inquiry dropdown.
Submit button label Text on the send button.
Inquiry type options (General Inquiry, Ready-to-Wear, Bespoke, Bridal, Classes, Press & Collaborations, Affiliate & Partners) are fixed in the theme code. To add or change an option, contact your developer.

FAQ

FAQ Questions & Answers

The expandable accordion on the FAQ page. Each question is its own block you can add, edit, reorder, or remove.

Where Theme Customize › FAQ page › FAQ section › Question blocks
Each Question block
Question The heading shown in the collapsed accordion row.
Answer Rich text content revealed when the row is expanded. Supports paragraphs, bold, links.
Image (optional) An image displayed alongside the answer text.
To add a question: click Add block → Question at the bottom of the block list in the left sidebar. Drag blocks to reorder them.

Site-Wide

Personalization Banner

The slim banner — currently "MAKE IT YOURS. — Personalize select ESQUE/BY signatures…" — that can appear on any page.

Where Theme Customize › Navigate to the page it appears on › Personalization Banner
Settings
Eyebrow Short uppercase label on the left, e.g. "MAKE IT YOURS."
Body text One-line description next to the eyebrow.
Button label CTA text, e.g. "EXPLORE PERSONALIZATION →"
Button URL Where the button links — currently the Personalization collection.