Theme settings apply across the whole shop. Open them in the theme editor from Theme settings (the brush icon). The names below are the ones you see there.
Changing the Theme style resets these to the new style's values. Note any colors or fonts you have tuned before you switch.
Logo and favicon
| Setting | Type | What it does |
|---|
| Logo | Image | Choose an image from your files. |
| Logo for dark mode | Image | Shown while shoppers use dark mode. If empty, the logo is shown in white. Choose an image from your files. |
| Logo width on large screens | Slider | From 50 to 300 px, 120 px to start. |
| Logo width on small screens | Slider | From 40 to 200 px, 90 px to start. |
| Favicon | Image | 32 x 32px .png recommended Choose an image from your files. |
Colors
| Setting | Type | What it does |
|---|
| color_schemes | color_scheme_group | — |
Badges
| Setting | Type | What it does |
|---|
| Sale badge background | Color | #B3262F to start. |
| Sale badge text | Color | #FFFFFF to start. |
| New badge background | Color | #15161A to start. |
| New badge text | Color | #FFFFFF to start. |
| Status badge background | Color | Used for sold out, pre-order, and low stock badges. #ECEDF0 to start. |
| Status badge text | Color | #15161A to start. |
Dark mode
| Setting | Type | What it does |
|---|
| Default appearance | Choice | Choose Light, Match the shopper's device, Dark. Light to start. |
| Show light and dark mode switch | On / off | Adds a switch to the header. The shopper's choice is kept for their visit, and across visits when their privacy choices allow it. On by default. |
Typography
Headings
| Setting | Type | What it does |
|---|
| Font | Font | A font from the Shopify font library. |
| Accent font | Font | For highlighted words in Mixed typography and accent headings. It downloads only on pages that use it. A font from the Shopify font library. |
| Font size scale | Slider | From 80 to 150 %, 100 % to start. |
| Letter spacing | Slider | Value is in hundredths of the font size. From -5 to 10, -1 to start. |
| Letter case | Choice | Choose Default, Uppercase. Uppercase to start. |
Body text
| Setting | Type | What it does |
|---|
| Font | Font | A font from the Shopify font library. |
| Font size scale | Slider | From 90 to 120 %, 100 % to start. |
Layout
| Setting | Type | What it does |
|---|
| Page width | Choice | Choose Narrow, Standard, Wide, Full width. Wide to start. |
| Space between sections | Slider | From 0 to 120 px, 64 px to start. |
| Space between grid items | Slider | From 0 to 40 px, 12 px to start. |
Corners
| Setting | Type | What it does |
|---|
| Button corner radius | Slider | From 0 to 40 px, 0 px to start. |
| Input corner radius | Slider | From 0 to 20 px, 0 px to start. |
| Media corner radius | Slider | From 0 to 24 px, 0 px to start. |
| Button letter case | Choice | Choose Default, Uppercase. Uppercase to start. |
| Show back to top button | On / off | Appears after scrolling. Its ring shows how far down the page the shopper is. On by default. |
| Show breadcrumbs | On / off | Shown on product, collection, blog, article and page templates. On by default. |
Style
| Setting | Type | What it does |
|---|
| Product cards | Choice | Choose Minimal, Framed, Centered caption. Minimal to start. |
| Section headings | Choice | Choose Left, Left, with a line below, Centered. Left, with a line below to start. |
| Lines | Choice | Used under section headings, between accordion rows and above the footer’s bottom row. Choose Hairline, Stitched, in the accent color, None. Stitched, in the accent color to start. |
| Image finish | Choice | Applies to editorial images only. Product photos on cards and product pages stay untouched. Choose None, Film grain, Soft vignette. Film grain to start. |
| Motion | Choice | Sets the speed of transitions and hovers. Reduced motion settings on the shopper's device always win. Choose Calm, Standard, Lively. Lively to start. |
| Badges | Choice | Choose Square, Pill, Underline. Square to start. |
| Prices | Choice | Choose Bold, Quiet, Accent color. Bold to start. |
Product cards
| Setting | Type | What it does |
|---|
| Image ratio | Choice | Choose Portrait (3:4), Tall (2:3), Classic (4:5), Square (1:1). Portrait (3:4) to start. |
| Image fit | Choice | Choose Fill, Fit. Fill to start. |
| Show second image on hover | On / off | On by default. |
| Play product video on hover | On / off | Cards of products with an uploaded video play it, muted, while the pointer rests on them. The video loads only on hover, never on touch screens, with reduced motion or with Save-Data. On by default. |
| Show vendor | On / off | Off by default. |
| Show color swatches | On / off | On by default. |
| Maximum swatches | Slider | From 2 to 10, 5 to start. |
| Swatch colors | Text | One color per line, for example Raw Indigo: #1f2a44. Used on cards and product pages for colors without a Shopify swatch. Shopify swatches, set in the product category's color metafields, always come first. |
| Show available sizes | On / off | Lists the sizes in stock. Sold out sizes are crossed out. On by default. |
| Enable quick add | On / off | On by default. |
Badges
| Setting | Type | What it does |
|---|
| Badge position | Choice | Choose Top left, Bottom left. Top left to start. |
| Sale badge | Choice | Choose Percentage off, Text, Hidden. Percentage off to start. |
| Show new badge for | Slider | Counts days since the product was published. Use 0 to hide. From 0 to 60 d, 14 d to start. |
| Low stock threshold | Slider | Uses real inventory levels. Use 0 to hide the low stock message. From 0 to 20, 5 to start. |
Size and fit
| Setting | Type | What it does |
|---|
| Size option names | Text | Separate names with commas. Used to find the size option in every language. |
| Default measurement unit | Choice | Choose Centimeters, Inches. Centimeters to start. |
| Default size guide page | Page | Shown when a product has no size guide of its own. Add a table with a size column. Choose a page. |
| Enable find my size | On / off | Recommends a size by comparing shopper measurements with your size guide table. On by default. |
| Offer to remember shopper size | On / off | Shoppers opt in. Sizes are stored only on their device and only when privacy consent allows it. On by default. |
Cart
| Setting | Type | What it does |
|---|
| Cart type | Choice | Choose Drawer, Page. Drawer to start. |
| Fly the product into the cart | On / off | When a product is added, a small copy of its photo arcs into the header cart before the cart drawer opens. Off with reduced motion. On by default. |
| Show vendor | On / off | Off by default. |
| Enable cart note | On / off | On by default. |
| Free shipping threshold | Number | In your store currency. Converted for each market. Leave empty to hide the progress bar. |
| Second reward threshold | Number | The cart shows progress only. Create the matching automatic discount in Discounts. |
| Second reward | Text | Written to follow "You're $20 away from", for example: a free tote bag. |
| Third reward threshold | Number | — |
| Third reward | Text | — |
| Let shoppers change size in the cart | On / off | On by default. |
| Enable save for later | On / off | Saved items stay on the shopper's device. On by default. |
| Enable gift options | On / off | Adds a gift message to the order. On by default. |
| Gift wrap product | Product | Offered as a checkbox in the gift options. Choose a product. |
Delivery estimate
| Setting | Type | What it does |
|---|
| Show a delivery estimate | On / off | Business days, counted in the shopper's time zone. Match it to your shipping times. Off by default. |
| Same-day dispatch cutoff | Slider | From 0 to 23 h, 14 h to start. |
| Days to prepare an order | Slider | From 0 to 5, 0 to start. |
| Fastest delivery, in days | Slider | From 1 to 20, 2 to start. |
| Slowest delivery, in days | Slider | From 1 to 30, 5 to start. |
| Show complementary products in cart drawer | On / off | On by default. |
Pricing and policies
| Setting | Type | What it does |
|---|
| Show currency codes | On / off | Off by default. |
| Show lowest price from the last 30 days | On / off | Shown next to reduced prices when the variant metafield selvedge.lowest_price_30d has a value. Used for EU price reduction rules. On by default. |
Return policy for search engines
| Setting | Type | What it does |
|---|
| Return window in days | Number | Leave empty to leave the return policy out of structured data. |
| Return shipping | Choice | Choose Free returns, Customer pays return shipping. Free returns to start. |
| Return method | Choice | Choose By mail, In store, At a drop-off point. By mail to start. |
Search
| Setting | Type | What it does |
|---|
| Enable search suggestions | On / off | On by default. |
| Show product prices in suggestions | On / off | On by default. |
| Setting | Type | What it does |
|---|
| Instagram | Text | https://instagram.com/shopify |
| TikTok | Text | https://tiktok.com/@shopify |
| Pinterest | Text | https://pinterest.com/shopify |
| Facebook | Text | https://facebook.com/shopify |
| YouTube | Text | https://www.youtube.com/shopify |
| Threads | Text | https://threads.net/@shopify |
| Snapchat | Text | https://www.snapchat.com/add/shopify |
Store music
| Setting | Type | What it does |
|---|
| Show the music button | On / off | Off by default. |
| Track 1 link | Link | A link to any page. |
| Track 2 link | Link | A link to any page. |
| Track 3 link | Link | A link to any page. |
| Track 4 link | Link | A link to any page. |
| Shuffle tracks | On / off | Off by default. |
| Volume | Slider | From 10 to 60 %, 30 % to start. |
Age verification
| Setting | Type | What it does |
|---|
| Ask visitors to confirm their age | On / off | Off by default. |
| Preview in the theme editor | On / off | Off by default. |
| Background image | Image | Choose an image from your files. |
| Heading | Text | Leave empty to use the default text. |
| Text | Text | For example: You must be 18 or older to enter this store. |
| Message for visitors who decline | Text | Leave empty to use the default text. |
Motion and speed
| Setting | Type | What it does |
|---|
| Reveal sections on scroll | On / off | Turned off automatically for shoppers who prefer reduced motion. On by default. |
| Enable page transitions | On / off | Uses the browser's view transitions where supported. On by default. |
| Load product pages early | On / off | Starts loading a product page when a shopper hovers over its link. Supported in Chrome and Edge. On by default. |
| Animate product images between pages | On / off | A product card's image grows into the product page. Needs page transitions. Supported in Chrome, Edge and Safari. On by default. |
| Setting | Type | What it does |
|---|
| Enable scroll effects | On / off | Parallax, image reveals and scroll-linked sections. They run on the browser's compositor, so pages stay fast. On by default. |
First-visit intro
| Setting | Type | What it does |
|---|
| Play an intro on the first visit | On / off | The store name rises over a dark field while the page loads, then the field splits open. It plays once for each visitor, lasts at most 2.4 seconds, and a tap skips it. Off by default. |
| Intro text | Text | Leave empty to use the store name. |
| Intro tagline | Text | — |
Touch
| Setting | Type | What it does |
|---|
| Pull to refresh on phones | On / off | Pulling down at the top of a page shows a refresh dial and reloads it. On by default. |
| Haptic taps on phones | On / off | A very short vibration when a product is added and when pull to refresh triggers, on phones that support it. On by default. |
| Smooth mouse wheel scrolling | On / off | Eases scrolling with a mouse wheel only. Off is faster: the browser then scrolls on its own compositor thread. Trackpads, touch screens and keyboards always keep native scrolling. Off by default. |
| Setting | Type | What it does |
|---|
| Button hover effect | Choice | Choose Color sweep, Lift, None. Color sweep to start. |
| Magnetic buttons | On / off | Buttons lean toward the mouse pointer. Mouse only. On by default. |
