Theme Settings Guide
Where are theme settings?
Section titled “Where are theme settings?”- In the Shopify admin, open Online store → Themes
- On the theme you want to customize, click Customize
- In the theme editor, open Theme settings (the gear icon) at the bottom of the left sidebar
Changes made in theme settings apply store-wide (every page). Page-specific content is configured in “sections” → Section reference
Hellostore’s setting groups
Section titled “Hellostore’s setting groups”Beyond Shopify’s standard settings (logo, colors, typography, and so on), theme settings include Hellostore-specific groups.
| Setting group | What it covers | Details |
|---|---|---|
| Theme license | Register the store using the theme (one purchase, one store) | Details |
| Images and videos (Photo space amount) | Toggle the space around product photos and the text sizes | Details |
| Product option display | Dropdowns for products with many variants | Details |
| Product cards | Card appearance, stock badges, color swatches and sizes, add to cart from the card, favorites and quick view | Details |
| Icons | Icon style (standard or line) and weight (the page transition fade is under Animations) | Details |
| Purchase information | Shipping, payment, and returns guidance under the buy button | Details |
| Product data for search | Providing returns and shipping information to Google and other engines | Details |
| Gifts and noshi | Noshi, wrapping, and name input on the product page | Details |
| Delivery calendar | Dispatch cutoff, closures, and the preferred delivery date in the cart (only where this group appears) | Details |
Shopify’s standard settings
Section titled “Shopify’s standard settings”Theme settings also include the standard groups that come from Dawn, the base theme. Group names and their order match the theme editor’s theme settings. For step-by-step instructions, see “Customize theme settings” in the Shopify Help Center.
| Setting group | What it covers |
|---|---|
| Logo | Store logo image and size |
| Colors | Color scheme definitions, assigned per section |
| Typography | Fonts and sizes for headings and body text |
| Layout | Page width and spacing around sections |
| Animations | Reveal-on-scroll effects and hover effects |
| Buttons | Border, corner radius, and shadow of buttons, the style of buttons such as Add to cart (solid, outline, or underlined text), plus the look of “View all” (followed by the “View all” links in featured products, blog, and collection list). The “rounded square” color chips also use this radius |
| Variant pills | Option button look on product pages and product cards (featured collection, collection lists, and so on): Border / Rounded border / Underline / None, plus border thickness, opacity, corner radius, and shadow. Rounded border fully rounds the corners; Underline uses the border thickness and opacity for its line |
| Inputs | Corner radius, shadow, and borders of form inputs |
| Collection cards | Corner radius, padding, and borders of collection cards |
| Blog cards | Corner radius, padding, and borders of blog cards |
| Content containers | Border, corner radius, and shadow of boxes around text |
| Media | Border, corner radius, and shadow of images and videos |
| Dropdowns and pop-ups | Border, corner radius, and shadow of menu dropdowns and pop-ups |
| Drawers | Border and shadow of the panels that slide in from the side: the mobile menu, filters, and store pickup availability. The cart drawer does not use this setting |
| Badges | Position, corner radius, and colors of sale and sold-out badges |
| Brand information | Headline, description, and image shown in the footer’s Brand information block. The Hellostore-added Brand stylesheet file name is usually left empty. Enter a file name (for example, brand-custom.css) only if your developer gives you one. If a CSS file with exactly that name exists in the theme’s assets, it is loaded on regular storefront pages (those with the header). A wrong name does nothing and shows no error. When empty, no extra CSS is loaded |
| Social media | Links to your social accounts (Facebook, Instagram, X, etc.) |
| Search suggestions | Whether search suggestions appear while typing, and whether they show vendor and price |
| Currency format | Currency code display and related formats |
| Cart | Cart type (drawer, page, pop-up notification), cart note, free shipping amount, and recommendations in the cart |
| Customer accounts | Menu used for the account menu |
Where Hellostore features connect: the Buttons corner radius is also used by the “rounded square” color chips → How color swatches work
The Typography group also includes Hellostore-specific settings:
- Use natural phrase breaks in Japanese headings (default ON) — when on, Japanese headings break at natural phrase boundaries. When off, the browser’s normal line breaking is used. Does not affect non-Japanese pages
- Heading and paragraph wrap balancing (always on for every language; there is no setting for it) — multi-line headings keep even line lengths, and paragraphs avoid leaving a single word alone on the last line. Browsers without support fall back to normal wrapping
- Adjust mobile product title and price (default OFF) — when on, the two sizes below are used for the product title and price on product pages when the screen is narrower than 750px (such as phones). Nothing changes while it is off
- Mobile product title size (20–30px, default 22px)
- Mobile product price size (18–28px, default 22px)