Docs Theme settings Theme settings apply to the whole store. In the theme editor, open them with the Theme settings (paintbrush) icon in the sidebar.
Logo and favicon#
Setting Type Default Options
Logo Image None — Logo width on desktop Slider 140px 60px to 320px, in steps of 10px Logo width on mobile Slider 110px 50px to 200px, in steps of 10px Favicon 32 x 32px .png recommended Image None —
Colors#
Each color scheme has these colors. You can edit the schemes and add new ones under Theme settings, Colors.
Setting Type Default Options
Background Color #FFFFFF— Background gradient Replaces the solid background when set. Color gradient None — Surface Used for drawers, pop-ups and raised panels. Color #FBFAF7— Text Color #17201F— Accent Color #0F5C58— Text on accent Color #10302E— Solid button background Color #0F5C58— Solid button label Color #FFFFFF— Solid button hover background Color #1F4B47— Outline button label and border Color #17201F—
Typography#
Headings#
Setting Type Default Options
Heading font Font Fraunces, Light — Heading size Slider 100% 80% to 150%, in steps of 5% Heading line height Slider 98% 80% to 130%, in steps of 2% Heading letter case Drop-down Default Default, Uppercase Heading letter spacing Slider -3% -6% to 4%, in steps of 1% Emphasized heading text Style for words set in italics inside headings. Off shows them like the rest of the heading. Drop-down Off Off, Italic, Outline
Body#
Setting Type Default Options
Body font Font Dm Sans, Regular — Body size Slider 100% 90% to 120%, in steps of 5%
Labels#
Setting Type Default Options
Label font Used for small labels, badges and counters. Font Dm Sans, Medium — Label letter case Drop-down Uppercase Default, Uppercase Label size Slider 11px 10px to 16px, in steps of 1px Label letter spacing Slider 14% 0% to 20%, in steps of 1%
Layout#
Setting Type Default Options
Page width Slider 1400px 1000px to 1800px, in steps of 100px Page margin Slider 40px 12px to 48px, in steps of 4px Grid gap Slider 24px 0px to 40px, in steps of 2px
Shape#
Setting Type Default Options
Button shape Drop-down Pill Pill, Rounded, Square Rounded button corner radius Slider 6px 0px to 40px, in steps of 2px Button text Drop-down Body font Body font, Label font and letter case Pill corner radius Used for the floating header, its menus and the sticky add to cart bar. Slider 100px 0px to 100px, in steps of 2px Input corner radius Slider 12px 0px to 40px, in steps of 2px
Cards and images#
Setting Type Default Options
Card corner radius Slider 20px 0px to 48px, in steps of 2px Image corner radius Slider 20px 0px to 48px, in steps of 2px
Product cards#
Setting Type Default Options
Image ratio Drop-down Portrait Adapt to image, Portrait, Tall, Square Text style Drop-down Heading font Heading font, Large heading font, Label font, uppercase Show vendor Checkbox Off — Show product type Checkbox On — Show product rating Requires a product rating metafield. Learn more Checkbox On — Show color swatches Checkbox On — Show second image on hover Checkbox On — Quick add Size buttons appear for products with a Size option, alone or with a color option. Other products expand in the grid. Drop-down Expand card in grid None, Expand card in grid, Size buttons over image, Button over image, Icon button, Button below price
Badges#
Setting Type Default Options
Sale badge Drop-down Percentage off None, Sale text, Percentage off, Amount off New badge product tag Products with this tag show a New badge. Text new — Days a product shows as new Counts from the publish date. Set to 0 to use the tag only. Slider 30 0 to 90, in steps of 5
Quick buy#
Applies when product cards expand in the grid or open a quick view.
Setting Type Default Options
Show short description Checkbox On — Show inventory status Checkbox Off — Show savings Checkbox On — Media Drop-down Card images Card images, Full gallery
Animations#
Setting Type Default Options
Reveal sections on scroll Checkbox On — Scroll effects Scroll-linked hero, gallery and text effects. Checkbox On — Page transitions Fades between pages in supported browsers. Checkbox On — Animate drawers, pop-ups and cart updates Checkbox On — Zoom images on hover Checkbox On — Motion style Timing of reveals and scroll scenes. Drop-down Soft, fade and rise Glide, slow and settling, Soft, fade and rise, Cut, fast and sharp
Animations are turned off for visitors who choose reduced motion in their device settings, or who turn motion off with the header motion button.
Badges#
Setting Type Default Options
Sale badge background Color #B42318— Sale badge label Color #FFFFFF— Sold out badge background Color #17201F— Sold out badge label Color #FFFFFF— Badge corner radius Slider 0px 0px to 20px, in steps of 2px
Drawers and popups#
Setting Type Default Options
Drawer style Drop-down Attached to edge Attached to edge, Floating Floating drawer corner radius Slider 24px 0px to 32px, in steps of 2px
Cart#
Setting Type Default Options
Cart type Drop-down Drawer Drawer, Page Cart name Drop-down Basket Cart, Bag, Basket Show vendor Checkbox Off — Show order note Checkbox On — Order note label Text Add an order note — Let customers change options in the cart Adds a variant menu to each cart item. Checkbox Off — Show discount code field Checkbox Off — Show total on checkout button Checkbox On — Show payment icons Checkbox On — Empty cart button label Links to all products. Leave blank to use "Continue shopping". Text None —
Gift wrap#
Setting Type Default Options
Gift wrap product Customers add this product with a switch in the cart. Use a product with one variant. Product None — Gift option label Text This order is a gift —
Gift message#
Setting Type Default Options
Show gift option The gift message is saved to the order as a cart attribute. With a gift wrap product, the message box shows when the switch is on. Checkbox Off —
Free samples#
Customers pick samples in the cart. Use products or variants priced at zero.
Setting Type Default Options
Show free samples Checkbox Off — Heading Text Choose your samples — Sample products Use products priced at zero or create an automatic discount that makes them free; the theme does not change prices. Samples that cost something show their price in the cart summary. Product list None Up to 8 Samples per order Slider 2 1 to 4, in steps of 1
Free shipping progress#
Shows how much more a customer needs to spend. Only items that need shipping count, after order discounts. In other currencies amounts are converted with the store's exchange rate and rounded up, and the message is hidden when JavaScript is off.
Setting Type Default Options
Show free shipping progress Turn on only when your store has a free shipping rate for every address the cart can ship to. Checkbox Off — Free shipping minimum Use the same amount as your free shipping rate in Settings > Shipping and delivery. The theme does not create shipping rates. Amount in your store currency. Number 75 —
Second reward#
Setting Type Default Options
Show a second reward Display only: the theme does not create rewards. In Shopify admin > Discounts, create an automatic discount for the reward with the same minimum purchase. Checkbox Off — Second reward minimum Number 100 — Second reward name Text a free gift —
Cart recommendations#
Setting Type Default Options
Show recommended products Checkbox On — Heading Text Goes well with your order — Heading when the cart is empty Shown only with a product list, since Shopify recommendations need a product in the cart. Text A good place to start — Products Leave empty to show Shopify recommendations for the first cart item. Product list None Up to 4
Search#
Setting Type Default Options
Show search suggestions Checkbox On — Show price in suggestions Checkbox On —
To change your store currency, update your payment settings (Shopify admin > Settings > Payments).
Setting Type Default Options
Show currency codes Checkbox Off —
Setting Type Default Options
Facebook https://facebook.com/shopify Text None — Instagram https://instagram.com/shopify Text None — YouTube https://youtube.com/shopify Text None — TikTok https://tiktok.com/@shopify Text None — Pinterest https://pinterest.com/shopify Text None — X https://x.com/shopify Text None —