Open the theme editor and choose Theme settings (the paintbrush or gear icon). The groups below appear in this order.
Logo and favicon
| Setting |
Choices |
Default |
Notes |
| Logo |
Image picker |
|
|
| Logo width |
60 to 260 px, in steps of 4 |
140 px |
|
| Logo width on mobile |
40 to 200 px, in steps of 4 |
108 px |
|
| Logo for transparent header |
Image picker |
|
Shows when the header sits over the first section. |
| Favicon image |
Image picker |
|
32 x 32px recommended |
Colors
| Setting |
Choices |
Default |
Notes |
| Color palette |
2 to 20 named colors |
Ink #121212, Milk #F6F5F2, White #FFFFFF, Cherry #B0122B, Rose #FF8C9B, Blush #F7E4E7, Mint #E4F1EA, Graphite #5A5A5A |
|
| Theme defaults: Page color scheme |
Color scheme picker |
Scheme 1 |
|
| Theme defaults: Drawer and dialog color scheme |
Color scheme picker |
Scheme 2 |
|
| Theme defaults: Sale badge color scheme |
Color scheme picker |
Scheme 2 |
|
| Theme defaults: Sold out badge color scheme |
Color scheme picker |
Scheme 2 |
|
Each color scheme has these colors:
| Setting |
Choices |
Default |
Notes |
| Background |
Color |
#F6F5F2 |
|
| Background gradient |
Gradient |
|
Replaces the background color when set. |
| Card surface |
Color |
#FFFFFF |
Colors the cards and fields that sit on this scheme. |
| Soft fill |
Color |
#ECEAE5 |
|
| Text |
Color |
#121212 |
|
| Muted text |
Color |
#5A5A5A |
|
| Accent |
Color |
#B0122B |
|
| Control border |
Color |
#8A8A8A |
|
| Hairline |
Color |
#E4E2DD |
|
| Button |
Color |
#121212 |
|
| Button label |
Color |
#FFFFFF |
|
| Outline button |
Color |
#121212 |
|
Typography
These fonts load only for customers who browse in these languages.
| Setting |
Choices |
Default |
Notes |
| Heading font |
Font picker |
figtree_n6 |
|
| Body font |
Font picker |
figtree_n4 |
|
| Accent font |
Font picker |
instrument_serif_i4 |
Applies to words set in italics inside headings. |
| Font size scale |
90 to 120 %, in steps of 5 |
100 % |
|
| Heading letter spacing |
Tight, Normal |
Tight |
|
| Fonts for other scripts: Arabic font |
Font picker |
almarai_n4 |
|
| Fonts for other scripts: Hebrew font |
Font picker |
rubik_n4 |
|
| Fonts for other scripts: Japanese font |
Font picker |
noto_sans_japanese_n4 |
|
Layout
| Setting |
Choices |
Default |
Notes |
| Page width |
Narrow, Standard, Wide |
Standard |
|
| Page margin on desktop |
16 to 64 px, in steps of 4 |
32 px |
|
| Space between sections on desktop |
40 to 120 px, in steps of 8 |
96 px |
|
| Grid gap |
8 to 32 px, in steps of 2 |
20 px |
|
Shape and surfaces
| Setting |
Choices |
Default |
Notes |
| Corner radius |
Small, Medium, Large |
Medium |
|
| Image overlay strength |
0 to 80 %, in steps of 5 |
60 % |
Darkens photos under text so it stays readable. |
| Header inset |
4 to 24 px, in steps of 2 |
10 px |
Space above the floating header. |
| Setting |
Choices |
Default |
Notes |
| Shape |
Pill, Rounded |
Pill |
|
| Border thickness |
1 to 3 px |
1 px |
|
| Setting |
Choices |
Default |
Notes |
| Corner radius |
4 to 24 px, in steps of 2 |
12 px |
|
| Border thickness |
1 to 3 px |
1 px |
|
Product cards
| Setting |
Choices |
Default |
Notes |
| Image ratio |
Portrait, Square, Landscape, Natural |
Portrait |
|
| Image fit |
Fill, Fit |
Fill |
|
| Show second image on hover |
Checkbox |
On |
|
| Text above the title |
Product type, Vendor, None |
Product type |
|
| Show color dots |
Checkbox |
On |
Shows the colors of options that have swatch colors or images. Add them to the option's values on the product in your Shopify admin. |
| Show quick add |
Checkbox |
On |
Adds a plus button to every product photo. Products with options open them inside the card. |
Badges
| Setting |
Choices |
Default |
Notes |
| Show sale badge |
Checkbox |
On |
|
| Sale badge text |
Sale, Percentage saved, Amount saved |
Percentage saved |
|
| Show sold out badge |
Checkbox |
On |
|
| Show new badge |
Checkbox |
On |
|
| Days a product counts as new |
7 to 90 |
30 |
|
Animations
| Setting |
Choices |
Default |
Notes |
| Reveal sections on scroll |
Checkbox |
On |
Turned off automatically for visitors who prefer reduced motion. |
Product
| Setting |
Choices |
Default |
Notes |
| Show low inventory message |
Checkbox |
On |
Uses your real inventory count. |
| Low inventory threshold |
1 to 20 |
5 |
|
| Enable sticky add to cart bar |
Checkbox |
On |
|
Cart
| Setting |
Choices |
Default |
Notes |
| Cart type |
Drawer, Page, Popup notification |
Drawer |
|
| Show order note |
Checkbox |
On |
|
| Show free shipping goal |
Checkbox |
Off |
|
| Free shipping threshold |
Number |
500 |
Applies when the free shipping goal shows. Enter the amount in your store's default currency; customers see it in their own currency. |
| Show product suggestions |
Checkbox |
On |
|
| Gift wrap product |
Product picker |
|
Customers can add this product with a checkbox in the cart. |
| Ask customers to agree to terms |
Checkbox |
Off |
|
| Terms page |
Page picker |
|
Links from the terms checkbox. |
| Setting |
Choices |
Default |
Notes |
| Accounts: Instagram |
Text |
|
|
| Accounts: TikTok |
Text |
|
|
| Accounts: Facebook |
Text |
|
|
| Accounts: Pinterest |
Text |
|
|
| Accounts: YouTube |
Text |
|
|
| Accounts: X |
Text |
|
|
| Accounts: Threads |
Text |
|
|
| Accounts: Snapchat |
Text |
|
|
| Accounts: Tumblr |
Text |
|
|
| Accounts: Vimeo |
Text |
|
|
Search behavior
| Setting |
Choices |
Default |
Notes |
| Enable search suggestions |
Checkbox |
On |
|
| Show vendor |
Checkbox |
Off |
|
| Show price |
Checkbox |
On |
|
| Popular searches menu |
Menu picker |
|
Links show as chips in the search panel before the customer types. |
| Setting |
Choices |
Default |
Notes |
| Show currency codes |
Checkbox |
Off |
The cart total always shows the currency code. |