Theme settings apply to your whole store. To open them, go to Online Store > Themes, select Customize, then select the gear icon (Theme settings) in the sidebar.
The defaults below are the defaults of the Salve preset. The Gauge and Remedy presets change some of them, such as fonts, colors and corner radius. Section and block settings are in the sections and blocks reference.
Logo and favicon
| Setting |
What it does |
Default |
| Logo |
Your store logo in the header. Landscape and portrait logos both work. Without a logo, the header shows your store name. |
Empty |
| Logo width |
The width of the logo on desktop. Tall logos are also limited in height so the header stays compact. Range: 50–300 px, in steps of 10. |
140 px |
| Favicon |
The small icon shown in browser tabs. Use a square PNG, ideally 32 x 32 px. |
Empty |
Colors
Salve uses color schemes. Each section and some blocks let you pick a scheme, so you can change colors in one place. Each preset comes with five schemes:
-
Scheme 1: the default page colors.
-
Scheme 2: a soft alternate background for sections you want to set apart.
-
Scheme 3: an inverse scheme with a dark background.
-
Scheme 4: the accent color as the background.
-
Scheme 5: the notice colors, used by the safety notice bar.
Each scheme has these colors:
| Setting |
What it does |
| Background |
The section background. |
| Background gradient |
An optional gradient that replaces the solid background where supported. |
| Text |
Body text and headings. |
| Secondary text |
Less important text, such as captions and small print. |
| Card and field background |
Product cards, form fields and panels. |
| Accent |
Buttons and links. |
| Text on accent |
Text on buttons and other accent backgrounds. |
| Borders |
Borders of fields, cards and tables. |
| Safety notice background |
The background of warnings and safety information. Keep it distinct from promotional colors. |
| Safety notice text |
The text of warnings and safety information. |
| Focus ring |
The outline shown around the focused element for keyboard users. It must contrast with the background. |
The preset schemes were checked for WCAG 2.2 AA color contrast. If you change colors, check the contrast of text and buttons again. Free contrast checkers are available online.
Typography
| Setting |
What it does |
Default |
| Heading font |
The font for headings. Choose from Shopify's font library. |
Lora, weight 500 |
| Body font |
The font for body text, buttons and labels. Bold and italic styles load automatically. |
Work Sans, regular |
| Body text size |
The base size of body text. Headings scale from this size. Options: 16 px, 17 px, 18 px. |
17 px |
| Heading scale |
How much larger each heading level is than the next. Compact suits dense product information. Options: Compact (1.2), Regular (1.25). |
Regular (1.25) |
| Heading letter case |
Shows headings in their normal case or in capitals. Options: Default, Uppercase. |
Default |
Layout
| Setting |
What it does |
Default |
| Page width |
The maximum width of page content on large screens. Options: 1200 px, 1360 px, 1480 px. |
1360 px |
| Space between sections |
Extra space between sections, added to each section's own padding. Range: 0–64 px, in steps of 4. |
0 px |
| Grid spacing |
The space between cards in product and collection grids. Range: 8–32 px, in steps of 4. |
24 px |
Buttons, inputs and cards
| Setting |
What it does |
Default |
| Button corner radius |
How rounded buttons are. 40 px gives fully rounded ends. Range: 0–40 px, in steps of 2. |
40 px |
| Input corner radius |
How rounded text fields, selects and quantity selectors are. Range: 0–16 px, in steps of 2. |
8 px |
| Card corner radius |
How rounded product cards, panels and callouts are. Range: 0–24 px, in steps of 2. |
12 px |
Product cards
| Setting |
What it does |
Default |
| Image ratio |
The shape of product images in cards. Adapt to image uses each product's first image. Options: Adapt to image, Square, Portrait, Landscape. |
Square |
| Image fit |
Fit shows the whole image, so packaging stays fully visible. Fill crops the image to fill the card. Options: Fill, Fit (no cropping). |
Fit (no cropping) |
| Show vendor |
Shows the vendor name above the product title. |
Off |
| Show second image on hover |
Shows the product's second image when a shopper hovers over the card on desktop. |
On |
| Show regulatory status chip |
Shows the first regulatory status chip on product cards. |
On |
| Show HSA/FSA eligible chip |
Shows the HSA/FSA eligible chip on cards of eligible products. |
On |
| Show estimated price per unit |
Shows a price per unit on cards. Uses the product's unit price when set. Otherwise it's estimated from the units per pack health metafield and labeled "about". |
On |
| Quick add |
Adds a quick add button, a quantity stepper, or nothing to product cards. Products with several variants open a quick add window. Options: None, Add to cart button, Quantity stepper. |
Add to cart button |
| Enable product comparison |
Adds a Compare checkbox to product cards and turns on the compare tray. See Product comparison and specifications. |
Off |
| Show product rating |
Shows star ratings on cards. Shows only when the standard product rating metafield has a value. A reviews app is required to collect ratings. |
On |
Badges
| Setting |
What it does |
Default |
| Position on cards |
Where badges sit on the card image. Cards show up to three badges. Options: Top left, Top right, Bottom left. |
Top left |
| Custom badge tag prefix |
Lets you create your own badges with product tags. Tags starting with this prefix become badges. For example, the tag "badge:New formula" shows "New formula". |
"badge:" |
Badges appear in this order, up to three per card: safety notice, sold out, sale, HSA/FSA eligible, regulatory status, subscription and custom badges. The subscription badge reads "Subscription available" and shows when a product has selling plans.
Health data
Salve reads structured product information from metafields in the namespace below. See the documentation for the list of fields to create.
| Setting |
What it does |
Default |
| Metafield namespace |
The metafield namespace the theme reads health data from. See Health data setup. Default is "health". Change only if your definitions use a different namespace. |
"health" |
| Show regulatory statuses for |
Limits regulatory status chips and statements to one region. Statuses that apply to all regions always show. See Regulatory status reference. Options: All regions, United States, European Union and United Kingdom, Australia, Canada. |
All regions |
| Show the dietary supplement statement automatically |
Shows the dietary supplement statement in the Price and Highlights blocks of products with the dietary supplement status. |
On |
| Dietary supplement statement |
The wording of the dietary supplement statement. Required wording in the United States. Change only on legal advice. |
"These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease." |
| Safety information position |
Salve always shows safety information when a product has it. If you remove the Safety information block from a product template, this setting decides where the band appears instead. Options: After the buy buttons, After the price. |
After the buy buttons |
| Expand safety information by default |
Opens that band by default. |
On |
The Disclaimer product block has its own text setting. When that text is empty, the block shows the dietary supplement statement for products with the dietary supplement status, even if the automatic setting above is off. Remove the Disclaimer block if you don't want it.
HSA and FSA
| Setting |
What it does |
Default |
| Show HSA/FSA eligibility |
Turns all HSA/FSA display features on or off: badges, chips, the cart summary, the header link, the filter shortcut and the HSA/FSA explainer section. See HSA and FSA display. |
On |
| Eligibility tag |
The product tag that marks a product as HSA/FSA eligible. The match isn't case sensitive. |
"hsa-fsa-eligible" |
| Badge label |
The text of the badge and chips. |
"HSA/FSA eligible" |
| Disclosure text |
A short disclosure shown with the badge and in the cart summary. |
"Eligibility depends on your plan. Check with your plan administrator." |
| HSA/FSA information page |
The page that HSA/FSA badges and the header link point to. Usually a page that uses the page.hsa-fsa template. |
Empty |
Safety and privacy
| Setting |
What it does |
Default |
| Form privacy notice |
Reminds shoppers not to send health details. Shown above the submit button on contact and comment forms. |
"Please don't include personal health details in this form. For medical advice, speak to a healthcare professional." |
| Medical disclaimer |
A disclaimer shown in the Legal information section at the bottom of every page. |
"Information on this site is for general guidance and is not a substitute for professional medical advice." |
| Emergency line |
A line shown in the Legal information section and the Expert help section. |
"In a medical emergency, contact your local emergency number." |
Accessibility
| Setting |
What it does |
Default |
| Show text size control |
Adds a control with three text sizes (default, large and larger) to the announcement bar and the mobile menu. |
On |
| Underline links in body text |
Underlines links in body text, so they don't rely on color alone. |
On |
| Show high-contrast toggle |
Adds a toggle next to the text size control that makes muted text, borders and focus rings full contrast and underlines links. Also applied automatically when the device asks for more contrast. |
On |
| Smooth page transitions |
A short cross-fade between pages in browsers that support it. Turned off automatically when a shopper asks for reduced motion. |
On |
| Reduce motion for all visitors |
Turns off animations and transitions for every visitor. Visitors who set "reduce motion" on their device always get reduced motion. |
Off |
| Show back-to-top button |
A round button in the bottom corner appears after the visitor scrolls down a screen. It scrolls to the top and moves keyboard focus to the main content. |
Off |
Cart
| Setting |
What it does |
Default |
| Cart type |
Opens a cart drawer when a product is added, or goes to the cart page. Options: Drawer, Page. |
Drawer |
| Enable order notes |
Adds an order notes field to the cart. |
On |
| Free shipping threshold |
Shows a progress bar toward free shipping. Enter the amount in your store currency, or 0 to hide the bar. Make sure it matches your shipping settings. |
0 |
| Show HSA/FSA summary |
Shows how many items in the cart are HSA/FSA eligible and their total. |
On |
| Show product recommendations |
Shows complementary products for the first item in the cart drawer. Set complementary products in the Search & Discovery app. |
On |
The free shipping threshold is compared with the cart total without currency conversion. If you sell in more than one currency, set it to 0 to hide the bar, or make sure the message is still accurate. The threshold doesn't change your shipping rates; set those in Settings > Shipping and delivery.
Search
| Setting |
What it does |
Default |
| Enable predictive search |
Shows suggestions as shoppers type in the search field. |
On |
| Show vendor in results |
Shows the vendor in predictive search suggestions. |
Off |
| Show price in results |
Shows the price in predictive search suggestions. |
On |
Currency format
| Setting |
What it does |
Default |
| Show currency codes |
Adds the currency code to prices, for example $1.00 USD. |
Off |
Social media
| Setting |
What it does |
Default |
| Facebook |
Your Facebook profile URL. |
Empty |
| Instagram |
Your Instagram profile URL. |
Empty |
| Pinterest |
Your Pinterest profile URL. |
Empty |
| TikTok |
Your TikTok profile URL. |
Empty |
| X |
Your X profile URL. |
Empty |
| YouTube |
Your YouTube profile URL. |
Empty |
| LinkedIn |
Your LinkedIn profile URL. |
Empty |
| Snapchat |
Your Snapchat profile URL. |
Empty |
| Threads |
Your Threads profile URL. |
Empty |
| Vimeo |
Your Vimeo profile URL. |
Empty |
| Tumblr |
Your Tumblr profile URL. |
Empty |
The icons appear where you add a Social media icons block in the footer.
Search engines
These settings publish your store policies as structured data, so Google can show them next to your products in search and shopping results. They don't change what shoppers see on your store. Only turn them on when the values match your published policies and your shipping settings.
| Setting |
What it does |
Default |
| Return policy |
Free returns, customer pays return shipping, or returns not accepted. |
Don't publish |
| Return window |
Number of days shoppers have to return an item. |
30 days |
| Publish shipping policy |
Publishes your standard shipping cost and delivery time. |
Off |
| Ships to (country codes) |
Two-letter country codes separated by commas, for example US, CA. Leave empty to use your store's country. |
Empty |
| Standard shipping rate |
Your standard rate in your store currency. Enter 0 if shipping is always free. If you set a Free shipping threshold under Cart, orders at or above it are published as free. |
0 |
|
Handling time (minimum and maximum) |
Business days between the order and dispatch. |
0 to 1 day |
|
Transit time (minimum and maximum) |
Business days in transit, Monday to Friday. |
2 to 5 days |
If you offer different rates by weight, region or product, publish only the rate most orders pay, or leave shipping unpublished. You can check the result with Google's Rich Results Test on your home page after your store is open.
Animations
| Setting |
What it does |
Default |
| Reveal sections on scroll |
Fades sections in as they scroll into view. Off by default. Disabled automatically for visitors who prefer reduced motion. |
Off |
