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
| Setting | Type | Default | Details |
|---|---|---|---|
| Wordmark text | Text | Shown when no logo image is set. Leave empty to use the store name. | |
| Logo | Image | ||
| Logo on transparent header | Image | Shown when the header sits over a hero image. | |
| Logo width | Slider | 110 | 50–300px |
| Favicon | Image | 32 x 32px .png recommended |
Colors
Color preset
| Setting | Type | Default | Details |
|---|---|---|---|
| Palette | Choice | Lime Fizz | Custom (use colors below), Lime Fizz, Berry Pop, Citrus Sun, Ocean Mint, Grape Soda, Peach Spritz, Cool Mint, Classic ColaPick a ready-made palette that has been tuned for this theme, or choose Custom to use your own brand colors below. |
Brand colors
Used when Palette is set to Custom. Every section, button and card is derived from these five colors.
| Setting | Type | Default | Details |
|---|---|---|---|
| Primary | Colour | #0C3B22 | Headings, dark sections and footer text. |
| Secondary | Colour | #F8FCE6 | Soft tinted section backgrounds. |
| Accent | Colour | #C9EC0A | Buttons, badges, highlights and script text. |
| Background | Colour | #FFFFFF | |
| Body text | Colour | #4A4F4C |
Fine tuning
| Setting | Type | Default | Details |
|---|---|---|---|
| Script accent override | Colour | Optional. Leave empty to use the accent color. | |
| Sale badge | Colour | Optional. Leave empty to use the primary color. |
Typography
| Setting | Type | Default | Details |
|---|---|---|---|
| Headings | Font | anton_n4 | |
| Heading size scale | Slider | 100 | 80–130% |
| Uppercase headings | On/off | On | |
| Body | Font | inter_n4 | |
| Body size scale | Slider | 100 | 90–120% |
| Script accent | Font | pinyon_script_n4 | Used for the handwritten phrases layered over headings. |
| Script accent size | Slider | 100 | 60–140% |
Layout
| Setting | Type | Default | Details |
|---|---|---|---|
| Page width | Slider | 1400 | 1000–1800px |
| Space between sections | Slider | 96 | 0–140px |
| Framed page | On/off | Off | Shows the page as a rounded panel on a tinted background, like a showcase. |
| Frame background | Colour | #E7F0F8 |
Product cards
Badges: add a product tag like badge:Fresh, or fill the product metafield custom.badge. Sale and sold-out badges are added automatically.
| Setting | Type | Default | Details |
|---|---|---|---|
| Image ratio | Choice | Portrait | Adapt to image, Portrait, Square |
| Show second image on hover | On/off | On | |
| Enable quick add button | On/off | On | |
| Show vendor | On/off | Off | |
| Show product rating | On/off | On | Uses the standard reviews.rating metafield written by most review apps. |
Cart
| Setting | Type | Default | Details |
|---|---|---|---|
| Cart type | Choice | Drawer | Drawer, Page |
| Enable order notes | On/off | Off | |
| Free shipping goal | Slider | 0 | 0–300$In your store's currency. Set to 0 to hide the progress bar. |
Search
| Setting | Type | Default | Details |
|---|---|---|---|
| Enable search suggestions | On/off | On |
Animations
| Setting | Type | Default | Details |
|---|---|---|---|
| Enable animations | On/off | On | Powered by Motion. Visitors whose device asks for reduced motion never see animations. |
| Animation style | Choice | Elegant | Subtle, Elegant, Expressive |
| Parallax on large images and giant words | On/off | On | |
| Reveal headings word by word | On/off | On |
Social media