reference
Theme settings
Open Online Store › Themes › Customize, then click the Theme settings gear. These settings apply across the whole store. Fieldwick 1.0.0.
Logo
| Setting | Type | Details |
|---|---|---|
| Logo | Image | |
| Logo width | Range | 60–300px, step 5 Default: 140 |
| Show brand mark | Checkbox | Shown next to your store name when no logo is uploaded. Default: On |
| Favicon | Image | Displayed at 32 x 32px. |
Colors
Color schemes are reusable palettes. Every section has a Color scheme setting, so you can recolor a section without touching code. Edit a scheme once and every section using it updates.
| Scheme color | ID |
|---|---|
| Background | background |
| Text | text |
| Secondary text | text_soft |
| Accent | accent |
| Text on accent | on_accent |
| Highlight | pop |
| Text on highlight | on_pop |
| Hand-drawn notes | hand |
| Cards and paper | surface |
| Product tiles | tile |
Shopify uses the scheme roles (text, background, links, icons, primary_button, on_primary_button, primary_button_border, secondary_button, on_secondary_button, secondary_button_border) for checkout and accelerated buttons.
| Setting | Type | Details |
|---|---|---|
| Error and sold out | Color | Used for form errors, cart messages and the sold-out stock dot. Default: #A1361E |
Typography
| Setting | Type | Details |
|---|---|---|
| Heading font | Font | Default: Bricolage Grotesque |
| Heading letter spacing | Select | Options: None, Tight, Tighter Default: Tighter |
| Body font | Font | Default: Dm Sans |
| Body font size | Range | 14–20px, step 1 Default: 17 |
| Hand-drawn font | Font | Used for kickers, notes and labels. Default: Caveat |
Layout
| Setting | Type | Details |
|---|---|---|
| Page width | Range | 1000–1600px, step 20 Default: 1280 |
| Button shape | Select | Options: Pill, Rounded, Square Default: Pill |
| Card radius | Range | 0–32px, step 2 Default: 22 |
| Paper grain strength | Range | Applies to sections with the paper grain texture turned on. 0–60%, step 5 Default: 25 |
Animations
| Setting | Type | Details |
|---|---|---|
| Reveal sections on scroll | Checkbox | Respects the reduced motion setting of the visitor's device. Default: On |
| Hover effects | Checkbox | Default: On |
Product cards
| Setting | Type | Details |
|---|---|---|
| Image ratio | Select | Options: Portrait, Square, Tall Default: Portrait |
| Image fit | Select | Options: Contain, Cover Default: Contain |
| Image size | Select | Full fits the whole image inside the card. Padded leaves space around it, which suits cut-out product shots. Options: Padded, Full Default: Full |
| Show SKU as product code | Checkbox | Default: Off |
| Size option name | Text | When a product has a single value for this option, it's shown under the image, e.g. 12 fl oz. |
| Subheading | Select | Options: None, Product type, Vendor, Description excerpt Default: Description excerpt |
| Badge tag prefix | Text | Tag a product badge:bestseller to show a hand-drawn bestseller badge. Default: badge: |
| Enable quick add | Checkbox | Default: On |
| Show second image on hover | Checkbox | Fades to the product's second image when a shopper hovers over the card. Default: On |
| Illustration color | Color | Used for the illustrated bottle when a product has no image. Default: #F28C28 |
Illustration palette
Colors cycled through the illustrated bottles shown when products, collections or articles have no image.
| Setting | Type | Details |
|---|---|---|
| Illustration color 1 | Color | Default: #F28C28 |
| Illustration color 2 | Color | Default: #B0244F |
| Illustration color 3 | Color | Default: #5E9E31 |
| Illustration color 4 | Color | Default: #EDB61E |
| Illustration color 5 | Color | Default: #E9B23A |
| Illustration color 6 | Color | Default: #6BA83A |
| Bottle cap | Color | Default: #12301D |
| Bottle label | Color | Default: #FFFCF7 |
| Box | Color | Default: #E6D2B5 |
Cart
| Setting | Type | Details |
|---|---|---|
| After adding to cart | Select | Options: Show a notification, Go to the cart page Default: Show a notification |
| Free shipping threshold | Number | Amount in your store's default currency. Set to 0 to hide the meter. Default: 50 |
| Show currency codes | Checkbox | Default: Off |
Search
| Setting | Type | Details |
|---|---|---|
| Enable search suggestions | Checkbox | Default: On |
Social media
Search and social sharing
Social accounts
Links are used in the footer and help search engines connect your store to these profiles.