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 & favicon
- Colors
- Typography
- Layout
- Buttons & inputs
- Product cards
- Cart
- Search
- Social media
- Animations
- Currency format
Logo & favicon
| Setting | Type | Default | Details |
|---|---|---|---|
| Logo | Image | ||
| Wordmark text | Text | Shown when no logo image is set. Leave empty to use your store name. | |
| Logo width | Slider | 120 | 60–300px |
| Favicon | Image | Square image, at least 32 x 32px |
Colors
| Setting | Type | Default | Details |
|---|---|---|---|
| color_schemes | Colour schemes |
Accents
| Setting | Type | Default | Details |
|---|---|---|---|
| Show accent glow on panels and buttons | On/off | Off | |
| Badge color scheme | Colour scheme | scheme-4 |
Typography
Headings
| Setting | Type | Default | Details |
|---|---|---|---|
| Font | Font | manrope_n7 | |
| Size scale | Slider | 100 | 80–130% |
| Letter case | Choice | Default | Default, Uppercase |
| Letter spacing | Slider | -20 | -40–40‰ |
Body
| Setting | Type | Default | Details |
|---|---|---|---|
| Font | Font | inter_n4 | |
| Size scale | Slider | 100 | 90–120% |
Numbers and specs
| Setting | Type | Default | Details |
|---|---|---|---|
| Accent font | Font | ibm_plex_mono_n4 | A monospaced font works best |
| Use accent font for prices, specs and labels | On/off | Off |
Layout
| Setting | Type | Default | Details |
|---|---|---|---|
| Page width | Slider | 1360 | 1100–1600px |
| Page margin on desktop | Slider | 40 | 16–64px |
| Space between panels | Slider | 20 | 8–40px |
| Space between sections | Slider | 96 | 0–160px |
Panels
| Setting | Type | Default | Details |
|---|---|---|---|
| Corner radius | Slider | 20 | 0–36px |
| Depth | Choice | Soft shadow | Flat, Soft shadow, Outline, Lifted |
Product cards
| Setting | Type | Default | Details |
|---|---|---|---|
| Image ratio | Choice | Square | Square, Portrait, Landscape |
| Image fit | Choice | Show whole product | Show whole product, Fill the frame |
| Image background | Choice | Tinted | Panel, Tinted, None |
| Show second image on hover | On/off | On | |
| Show vendor | On/off | Off | |
| Show compatibility chips | On/off | On | From the product metafield custom.works_with |
| Chips shown | Slider | 3 | 1–6 |
| Show product rating | On/off | On | Needs a product reviews app |
| Show kit contents | On/off | On | From the product metafield custom.kit_includes |
| Show quick view | On/off | On | |
| Show wishlist button | On/off | On |
Cart
| Setting | Type | Default | Details |
|---|---|---|---|
| Cart type | Choice | Drawer | Drawer, Page |
| Enable order notes | On/off | Off | |
| Free shipping goal | Number | 0 | 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 | |
| Motion | Choice | Calm | Calm, Snappy |
| Lift panels on hover | On/off | On |
Currency format
Cart and checkout prices always show currency codes.
| Setting | Type | Default | Details |
|---|---|---|---|
| Show currency codes | On/off | Off |
Social media