Theme settings

Theme settings are the choices that apply to your whole store at once: your fonts, your colors, your button shape, how much motion the store has. You reach them from the gear icon at the bottom of the theme editor sidebar. Anything that belongs to a single part of a page, like the heading on one banner, lives on that section instead.

There are 14 groups and 85 settings in total. That sounds like a lot, and you will never need all of them. The defaults are a finished design rather than a starting skeleton, so treat this page as a map you come back to, not a checklist to work through.

Where to start

If you have just installed the theme, four groups do most of the work:

1. Logo and Favicon, so the store is yours at a glance.
2. Color schemes, to bring your palette in.
3. Typography, to set the voice of your headings.
4. Cart, to choose between a drawer and a full page.

Everything else is refinement you can come back to once real products and photography are in place.

Tip

Duplicate your theme before a settings session, then compare the two side by side. It costs nothing, and it means you can experiment properly instead of cautiously.

Brand and design

• Logo and favicon sets your wordmark and the small icon in the browser tab.
• Color schemes defines the palettes you assign to sections.
• Typography covers all 19 type settings: fonts, scale, sizes, line height, letter spacing, and case.
• Corners, borders, and depth is where the theme’s structural character lives: corner radius, border weight, focus rings, and shadow.
• Icons sets icon weight, the marker style used by accordions and breadcrumbs, and which cart icon you use.

Components

• Buttons sets button style, case, letter spacing, and how buttons respond to a hover.
• Product cards controls how every product appears in a grid: frame, title style and size, layout, and quick view.
• Animations is the master motion control, plus a switch for each individual effect.

Layout and commerce

• Layout and spacing sets page width, page margins, section padding, grid gaps, and control height.
• Cart chooses the drawer or page cart and configures the free shipping bar, gift wrapping, and pre-order labels.
• Gift card sets the color scheme used on the gift card your customers receive.
• Social media holds link fields for 20 platforms. Fill in only the ones you actively use.

How settings relate to sections

Global settings set the rules, and sections choose from them. A section does not carry its own font or button shape, it inherits them, which is why changing one global setting updates the whole store consistently.

The one place the two meet is the Color scheme setting, which most sections have. The schemes themselves are defined globally, and each section picks which one it uses. That combination is what lets a store stay coherent while individual areas still stand out.

For what each section does and the options it carries, see the sections reference, starting with storytelling sections.

Note

If you change a setting and cannot see any difference, check the page it actually affects. Some settings only show up in a specific place, such as a product grid, the cart drawer, or a wide desktop screen. Each reference page says where to look.