Skip to main content
This page is a complete transcription of config/settings_schema.json. Every group, every setting, every default — in the same order as the file. Use this as a quick lookup; the live Theme Editor will always be the canonical place to make edits.

Theme info

The first object in the schema is informational metadata, not a setting group. It tells Shopify and the Theme Editor what to display as the theme’s identity.
Logo (default / navy variant).
image_picker
Logo (light variant for dark backgrounds). Used on the transparent home-hero header and any dark-band section.
range
default:"140"
Logo width on desktop. Min 60, max 320, step 10, unit px.
image_picker
Square PNG or SVG. Will be cropped to a 32×32 square.

Colors

Brand palette

color
default:"#002F5B"
Primary (ink) — used for body text, primary buttons, hairlines.
color
default:"#F6F4EF"
Secondary (paper) — the default page background.
color
default:"#C39738"
Accent — used sparingly for editorial flourishes.
color
default:"#565E6B"
Muted text — secondary copy, captions, tiny-num annotations.

Scheme 1 — Default (page)

color
default:"#F6F4EF"
color
default:"#002F5B"

Scheme 2 — Inverse (navy)

color
default:"#002F5B"
color
default:"#F6F4EF"

Scheme 3 — Soft (warm cream)

color
default:"#EFE9DC"
color
default:"#0A0F18"

Scheme 4 — Deep (charcoal)

color
default:"#0A0F18"
color
default:"#F6F4EF"

Functional

color
default:"#2E7D32"
color
default:"#B00020"
color
default:"#E5E2DA"
Rule / hairline color. Used for dividers and faint borders.

Typography

Body

font_picker
default:"assistant_n4"
Body font.
range
default:"100"
Body size as a percentage. Min 90, max 130, step 5, unit %.

Headings

font_picker
default:"playfair_display_n4"
Heading font.
range
default:"110"
Heading size as a percentage. Min 90, max 160, step 5, unit %.

Accent / script

font_picker
default:"playfair_display_i4"
Accent font (italic / script). Used for the editorial accents — script headings, color labels, signatures.

Buttons

select
default:"solid"
Default button style. Options:
  • solid — solid background, contrasting label
  • outline — transparent background, ink border
  • underline — text-only with an underline
select
default:"0"
Corner radius. Options:
  • 0 — Sharp
  • 2 — 2 px
  • 4 — 4 px
  • 8 — 8 px
  • 999 — Pill
select
default:"extra"
Letter-spacing. Options:
  • normal — 0.02em
  • wide — 0.12em
  • extra — 0.22em (editorial)

Layout

select
default:"1280"
Container width. Options:
  • full — 100%
  • 1440 — 1440 px
  • 1280 — 1280 px (default)
  • 1024 — 1024 px
select
default:"comfortable"
Section spacing. Options:
  • compact — 48 px section padding
  • comfortable — 80 px (default)
  • spacious — 120 px
select
default:"thin"
Rule / divider style. Options:
  • thin — 1 px
  • medium — 2 px
  • double — 3 px

Cards

select
default:"portrait"
Product card image ratio. Options:
  • portrait — 4:5
  • square — 1:1
  • landscape — 4:3
select
default:"left"
Product card text alignment. Options:
  • left
  • center
checkbox
default:"true"
Show quick-view hover button on product cards.
checkbox
default:"true"
Show wishlist hover button on product cards.
checkbox
default:"false"
Show product vendor beneath the title.

Cart

select
default:"drawer"
Cart type. Options:
  • drawer — slides in from the side
  • page — full cart page
  • notification — popup on add
checkbox
default:"true"
Show order notes field in the cart.
checkbox
default:"true"
Show discount code field.

Animation

checkbox
default:"true"
Reveal animations on scroll.
checkbox
default:"true"
Image zoom on hover.
checkbox
default:"true"
Image blur-to-clear on scroll.

Editorial premium effects

checkbox
default:"true"
Custom cursor — uses the data-cursor attribute on interactive elements.
checkbox
default:"true"
Film grain overlay across the viewport.
checkbox
default:"true"
Intro loader — the navy curtain that rises on first visit.
checkbox
default:"true"
Click sounds on primary CTAs.
checkbox
default:"true"
Show a floating back-to-top button after the visitor scrolls past the first viewport.

Tab title recall

When a visitor switches to another tab, the storefront’s browser-tab title rotates through merchant-editable messages. See Tab title recall for the full walkthrough.
checkbox
default:"true"
Master toggle.
range
default:"1s"
Delay before the first message swap.
range
default:"2s"
Interval between message rotations.
text
default:"← Don't leave! Come back"
First message in the rotation.
text
default:"← Selling fast · only a few left"
Second message.
text
default:"← Hurry · stock running low"
Third message.

Quick view

Strings shown by the quick-view modal during the fetch + on failure. See Quick view modal.
text
default:"Loading…"
Body content while the product fetch is in flight.
text
default:"Sorry — could not load this piece."
Body content if the fetch fails.
text
default:"Product details"
Modal accessible label (announced by screen readers).

Size finder

Cross-brand size recommendation matrix on the PDP. See Size finder for the full walkthrough.
text
default:"Recommend my size"
Eyebrow above the size finder panel.
text
default:"Find my size →"
Toggle label when the panel is closed.
text
default:"Close size finder"
Toggle label when the panel is open.
textarea
One brand per line — Brand Name | XS=XS, S=S, M=M, L=L, XL=XL, XXL=XXL. Clear all lines to hide the brand selector entirely.

Age verifier

Splash gate for liquor / age-restricted brands. Off by default. See Age verifier for setup.
checkbox
default:"false"
Master toggle. Off by default — turn on only if your products require an age check.
range
default:"21"
Minimum age the visitor must meet. Range 13–30.
text
default:"A small question"
Eyebrow above the headline.
text
default:"Are you of legal age?"
Main question.
richtext
Body paragraph with the legal disclaimer.
text
default:"Yes — enter site"
Confirm CTA label.
text
default:"I am under age"
Decline button label.
text
Shown after a failed verification or a decline.

Social media

Instagram URL.
Facebook URL.
Pinterest URL.
TikTok URL.
YouTube URL.
X / Twitter URL.
LinkedIn URL.
Threads URL.

Currency

checkbox
default:"false"
Show currency codes (e.g. USD next to price). Adds the ISO code next to formatted prices. Helps multi-market shoppers identify the currency at a glance.
checkbox
default:"true"
Show predictive search dropdown.
checkbox
default:"true"
Include collections in predictive results.
checkbox
default:"false"
Include articles in predictive results.
checkbox
default:"false"
Include pages in predictive results.
text
default:"No pieces match — try a different term."
Shown in the predictive-search right pane when a query returns zero products.

Collection pagination

Controls how the collection page renders product overflow. See Collection pagination modes for the walkthrough.
select
default:"pagination"
Options: pagination (numbered page links — default), load_more (button), infinite_scroll (auto-load).
text
default:"Load more pieces"
Button label in load_more mode.
text
default:"You have reached the end."
End-of-list message in load_more and infinite_scroll modes.

What’s next

CSS tokens

Every --custom-property derived from these settings.

Section schemas

Settings and blocks count for every section.