Theme settings

Theme settings apply to the whole store. Open them from the gear icon in the theme editor sidebar. This page follows the order of the groups as they appear there, and quotes every label as it is written in the editor.

Colors#

A color scheme is a named set of colors. Sections and several blocks have a Color scheme setting, so you can give one section a dark ground without touching the rest. Edit, add or remove schemes at the top of the Colors group.

Each scheme has these roles:

Two settings choose which scheme the store itself uses:

Aurora#

Aurora is a thin band of colored light on the edge of a few elements, such as the buy bar and the password page. It is never used as a fill. Turn it off with Show aurora light, or choose its four colors.

Typography#

The theme uses three fonts: one for headings, one for body text and one for small labels and figures. Fonts come from the Shopify font library and are loaded from Shopify's servers with your store.

Body text size is the base of the type scale. If you raise it from 13 px to 15 px, headings, labels and spacing tied to type all grow with it. Use Heading size to change headings alone.

Shape and material#

These settings change the character of the store more than any others. They apply everywhere at once so corners, cards and controls stay consistent.

• Corner style: Pill gives fully rounded buttons and large card radii. Soft reduces every radius. Square removes them.
• Floating element material applies to the header, the buy bar and the controls that sit on pictures. Choose Solid if you prefer no blur behind them.
• Card style: Rim draws a thick light border around a white card. Line draws a hairline. Plain draws nothing.
• Ledger rule style sets how rows of facts are drawn, for example in the product label: with dotted leaders between the name and the value, with solid lines, or with neither.

Layout#

Text column width is the width of the product page column and of every section set to the reading column. Wider columns suit larger body text.

Motion#

Full plays every arrival: titles that rise word by word, lines that draw, cards that follow one another. Calm keeps short fades. None turns arrivals off. Visitors whose device asks for reduced motion always get the reduced version, whatever you choose. Sections also have their own Arrival setting, described in Sections and blocks.

Product cards#

These settings apply to product cards everywhere: collections, search results, featured collections, recommendations and menu panels.

Quick view and quick add are explained with examples in Collection and search.

Delivery and returns#

Fill this group once. The theme writes the same statements on the product page, in the cart, in the footer and in the Delivery and returns section, so they never disagree.

Things to know:

• The theme states free shipping. It does not create the shipping rate. Set the matching rate under Settings › Shipping and delivery in your Shopify admin.
• The amount in Free shipping from and the cart's progress line are shown only to customers who pay in your store currency. Customers in other currencies see no amount, so the statement is never wrong after conversion.
• Estimated delivery dates appear only when Fewest business days to deliver or Most business days to deliver is above 0, and when Show estimated delivery dates is on in the Buy buttons block of the product page.
• Leave a field empty to state nothing. An empty Return window in days removes every returns statement.

Product badges#

Badges appear in this order: sold out or sale, then New, then your own badges. To add your own, use product tags that start with the Tag prefix, or the product metafield custom.badges described in Custom data. For example, the tag badge: Vegan shows a badge that reads Vegan.

Cart#

Drawer opens the cart as a sheet over the page. Page sends customers to the cart page. The settings of the cart itself are on the Cart drawer and Cart sections. See Cart.

Brand#

Social media#

Enter the full address of each account, for example https://instagram.com/yourstore. The accounts are listed by the footer, the menu drawer and the password page when their social settings are on.