Carton documentation

Settings reference

Theme settings live in Customize → Theme settings. Section and block settings live in the sidebar of the page you are editing.

Typography

SettingDefaultWhat it does
Heading fontWork Sans 600Headings across the store.
Body fontWork Sans 400Body copy, labels and buttons.
Base text size16px13–20px. Every other size scales from this.
Heading scaleBalancedCompact, Balanced, Spacious or Dramatic. Sets how much bigger each heading level is than the last.
Heading weight600400–900. Your font must include the weight you pick.
Heading caseNoneNone or uppercase.
Heading letter spacing0−5 to 10. Useful to tighten large headings or open up uppercase ones.

Colors

Carton checks colour choices against accessibility contrast targets — keep body text at 4.5:1 or better against the page background, and text on the accent colour at 4.5:1 against the accent.

SettingUsed for
Page backgroundThe page itself. Body text contrast is measured against this.
Card backgroundCards, drawers and wells.
BordersDividers and input outlines.
Body textMain text colour.
Secondary textCaptions and supporting detail.
AccentPrimary buttons and links.
Text on accentLabel colour inside primary buttons.
Success / Warning / ErrorWholesale messages — minimum quantities, volume price break prompts, and form errors.

Layout

SettingDefaultWhat it does
Page widthMediumNarrow, Medium or Wide. Wide suits large catalogs with dense product grids.
Page margin20pxSpace between content and the screen edge.
Spacing unit4pxThe step every other spacing value is built from. Raising it loosens the whole theme at once.
Space between sections48pxVertical rhythm between page sections.

Corners

Separate radius values for inputs, buttons and cards, 0–32px each. Set all three to 0 for a utilitarian, industrial look.

Wholesale

These settings control display only. Companies, catalogs, quantity rules and volume pricing are configured in your Shopify admin. Full detail on Wholesale features.

SettingDefaultWhat it does
Hide pricing from non-wholesale visitorsOffWhen on, only signed-in wholesale buyers see prices — everywhere, including collection and search results.
Sign-in prompt“Sign in to see pricing”Shown in place of a hidden price. Write your own.
Also hide add to cartOffSome wholesalers hide prices but still take enquiries. Leave off to keep ordering open.
Show company and locationOnShows buyers which company and location they are ordering for.
Show quantity rulesOnMinimum, maximum and increment messages. Nothing shows for products without rules.
Show volume pricing tableOnA price break table on the product page. Nothing shows for products without breaks.

Accessibility

The focus outline is what keyboard and screen reader customers follow around the page. Carton exposes its colour, width (0–8px) and offset (0–8px) so it stays visible against your background. Keep it high contrast.

Section settings worth knowing

SectionSettings
HeaderLogo and logo width, menu, customer account menu, show search, open cart in a drawer, sticky header, vertical padding.
FooterMenu and menu heading, newsletter signup with heading and text, country and language pickers, Follow on Shop button, payment icons.
CollectionProducts per page, columns on desktop (mobile is always two), show filters, show sorting.
RecommendationsRecommendation type — Related is generated by Shopify; Complementary uses the products you pick in Search & Discovery — and how many to show.
Quick orderAllow pasting and CSV upload; restrict the page to wholesale buyers only.