Theme settings
Theme settings apply to the whole store. In the theme editor, click the gear icon to open them.
Logo and favicon
| Setting | Type | Details |
|---|---|---|
| Logo | Image | |
| Logo width on large screens | Slider | From 60px to 300px Default: 140px |
| Logo width on small screens | Slider | From 50px to 200px Default: 100px |
| Favicon | Image | 32 x 32px .png recommended |
Colors
Anvil ships with five color schemes per preset. Each scheme sets the colors below, and every section has a Color scheme setting to pick one.
| Scheme color | Used for |
|---|---|
| Background | Section background |
| Text | Headings and body text |
| Secondary text | Secondary text such as vendors, SKUs, and helper text |
| Form borders and icons | Input borders and functional lines |
| Dividers | Decorative grid lines on cards and tables |
| Background | Primary button background |
| Label | Primary button label |
| Background | Secondary button background |
| Label | Secondary button label |
| Highlight background | Highlights such as volume price badges and the hero panel rule |
| Highlight text | Text shown on accent backgrounds |
| Setting | Type | Details |
|---|---|---|
| Status colors on light backgrounds | ||
| Sale and errors | Color | Default: #B3261E |
| In stock | Color | Default: #1E6B3A |
| Low stock | Color | Default: #8A5A00 |
| Status colors on dark backgrounds | ||
| Sale and errors | Color | Default: #FF8A80 |
| In stock | Color | Default: #7BD99A |
| Low stock | Color | Default: #FFC21A |
Typography
| Setting | Type | Details |
|---|---|---|
| Headings | ||
| Font | Font | |
| Use uppercase headings | Checkbox | Default: On |
| Heading size | Slider | From 80% to 130% Default: 100% |
| Body text | ||
| Font | Font | |
| Body text size | Slider | From 90% to 120% Default: 100% |
| Technical labels | ||
| Used for SKUs, specifications, and quantities. | ||
| Font | Font | |
Layout
| Setting | Type | Details |
|---|---|---|
| Page width | Menu | Options: Narrow, Standard, Wide Default: Standard |
| Page margin | Slider | From 12px to 64px Default: 20px |
| Space between sections | Slider | From 24px to 120px Default: 64px |
| Corner radius | Slider | From 0px to 12px Default: 2px |
| Show grid lines on cards | Checkbox | Default: On |
Product cards
| Setting | Type | Details |
|---|---|---|
| Image ratio | Menu | Options: Square, Portrait, Landscape Default: Square |
| Image fit | Menu | Options: Show full image, Fill frame Default: Show full image |
| Show vendor | Checkbox | Default: On |
| Show SKU | Checkbox | Default: On |
| Show stock status | Checkbox | Default: On |
| Show quick add | Checkbox | Products without options can be added to the cart from the card Default: On |
| Low stock threshold | Slider | Uses real inventory counts only From 1 to 50 Default: 5 |
Cart
| Setting | Type | Details |
|---|---|---|
| Cart type | Menu | Options: Drawer, Page Default: Drawer |
| Show order notes | Checkbox | Default: On |
| Order notes label | Text | Default: Order notes or purchase order number |
| Collection for empty cart | Collection |
Search
| Setting | Type | Details |
|---|---|---|
| Show search suggestions | Checkbox | Default: On |
| Show SKU in suggestions | Checkbox | Default: On |
| Show price in suggestions | Checkbox | Default: On |
Currency format
| Setting | Type | Details |
|---|---|---|
| Show currency codes | Checkbox | Default: Off |
Social media
| Setting | Type | Details |
|---|---|---|
| Text | ||
| Text | ||
| YouTube | Text | |
| TikTok | Text | |
| Text | ||
| Text | ||
| X | Text |