Theme settings
Site-wide options: logo, colours, typography, cards, cart and more.
Open the theme editor and click Theme settings (the paint-brush icon).
- Logo and favicon
- Colors
- Typography
- Layout
- Buttons and inputs
- Product cards
- Cart
- Search
- Social media
- Animations
- Currency format
Logo and favicon
| Setting | Type | Default | Details |
|---|---|---|---|
| Logo image | Image | ||
| Wordmark text | Text | Shown when no logo image is set. Leave empty to use your store name. | |
| Desktop logo width | Slider | 140 | 50–300px |
| Mobile logo width | Slider | 100 | 40–200px |
| Favicon | Image | Displayed at 32 x 32px |
Colors
| Setting | Type | Default | Details |
|---|---|---|---|
| color_schemes | Colour schemes |
Typography
Headings
| Setting | Type | Default | Details |
|---|---|---|---|
| Font | Font | playfair_display_n4 | |
| Font size scale | Slider | 100 | 80–130% |
| Letter case | Choice | Default | Default, Uppercase |
| Letter spacing | Slider | -2 | -6–6In hundredths of an em. Display sizes tighten further. |
Body
| Setting | Type | Default | Details |
|---|---|---|---|
| Font | Font | inter_n4 | |
| Font size scale | Slider | 100 | 90–120% |
Labels
| Setting | Type | Default | Details |
|---|---|---|---|
| Micro-label font | Choice | Body | Body, HeadingEyebrows, navigation, prices and filters |
| Micro-label letter spacing | Slider | 14 | 0–30In hundredths of an em |
Layout
| Setting | Type | Default | Details |
|---|---|---|---|
| Page width | Slider | 1440 | 1000–1800px |
| Side margin | Slider | 32 | 12–72pxDesktop. Mobile uses a smaller margin. |
| Grid gap | Slider | 24 | 8–48px |
| Default section spacing | Slider | 96 | 0–160pxUsed by sections that follow the theme spacing |
Product cards
| Setting | Type | Default | Details |
|---|---|---|---|
| Image ratio | Choice | Portrait 4:5 | Portrait 4:5, Tall 3:4, Square 1:1, Adapt to image |
| Image corner radius | Slider | 0 | 0–24px |
| Text alignment | Choice | Left | Left, Center |
| Show second image on hover | On/off | On | |
| Show vendor | On/off | Off | |
| Card detail line | Text | Product metafield shown above the title, as namespace.key (e.g. custom.catalogue_label). | |
| Show color swatches | On/off | On | Uses the product's Color option swatches |
| Maximum swatches shown | Slider | 5 | 2–10 |
| Show quick add | On/off | On | |
| Show wishlist button | On/off | On | |
| Show sale badge | On/off | On | |
| Sale badge text | Choice | Sale | Sale, Percentage off |
Cart
| Setting | Type | Default | Details |
|---|---|---|---|
| Cart type | Choice | Drawer | Drawer, Page |
| Enable order notes | On/off | Off | |
| Empty cart collection | Collection | ||
| Free shipping goal | Number | 0 | Order total in your store currency. 0 hides the progress bar. |
Search
| Setting | Type | Default | Details |
|---|---|---|---|
| Enable search suggestions | On/off | On | |
| Show product vendor | On/off | Off | |
| Show product price | On/off | On |
Animations
Animations are always off for visitors who prefer reduced motion.
| Setting | Type | Default | Details |
|---|---|---|---|
| Reveal sections on scroll | On/off | On | |
| Intensity | Choice | Subtle | Subtle, Standard, Expressive |
| Image zoom on hover | On/off | On |
Currency format
| Setting | Type | Default | Details |
|---|---|---|---|
| Show currency codes | On/off | Off | Cart and checkout prices always show currency codes |
Social media