Global Settings
Global settings apply across all pages and sections. Access them by clicking the gear icon (Theme settings) in the theme editor sidebar.
Logo
| Setting | Description |
|---|---|
| Default logo | Upload your store logo. Supports PNG, SVG, or JPG. |
| Inverse logo | An alternate logo for use on dark or contrasting backgrounds. |
Favicon
| Setting | Description |
|---|---|
| Favicon | The small icon shown in browser tabs. Upload a square image (32x32px recommended). |
Colors
Fit Check uses a color scheme group system. Each scheme includes colors for:
- Background — section background
- Headings — heading text color
- Text — body text color
- Primary — highlight color for links and active states
- Primary hover — hover state for primary elements
- Borders — border and divider color
- Shadow — shadow color
Each scheme also includes dedicated colors for primary, secondary, and alternative buttons (background, text, border, and hover states for each tier), input fields (background, text, border, hover, focus), and variant swatches (default and selected states with hover).
Apply a color scheme to any section by selecting it in the section’s Color scheme setting.
Typography
Configure 5 independent font slots:
| Slot | Used For |
|---|---|
| Heading | Section headings, page titles |
| Subheading | Subheadings (H4–H6 by default) |
| Body | Paragraphs, descriptions, general text |
| Display | Large display text, hero sections |
| Alternative | Accent text, special typographic treatments |
Each slot supports:
- Font family (from Shopify’s font library)
- Letter spacing
Heading Levels (H1–H6)
Each heading level (H1–H6) can be independently configured with:
- Font slot — choose which of the 5 font slots to use
- Size — from 10px to 184px
- Line height — Tight, Snug, Normal, Relaxed, Loose, Extra loose
- Letter spacing — Tighter, Tight, Normal, Wide, Wider, Widest
- Text case — Default or Uppercase
Body Text
Body text supports configurable size (10–18px), line height, and letter spacing.
Layout
| Setting | Description |
|---|---|
| Page width | Maximum content width. Options: Compact (1200px), Standard (1440px), Wide (1920px), Ultra (2400px). Default: Standard. |
| Spacing scale | Global spacing multiplier. Options: Compact, Default, Relaxed, Spacious. |
| Shadow depth | Default shadow intensity. Options: None, Subtle, Medium, Strong. Default: Subtle. |
Buttons
Configure 3 button tiers — Primary, Secondary, and Alternative — each with independent styling. All buttons across the theme (including filter drawer buttons, buy buttons, and newsletter forms) inherit from these global settings.
Each tier supports:
| Setting | Description |
|---|---|
| Border width | Button border thickness. Range: 0–4px. |
| Border radius | Button corner rounding. Range: 0–100px. |
| Font | Font slot to use (Body, Subheading, Heading, Display, Alternative). |
| Text weight | Font weight (Default, Thin, Light, Regular, Medium, Semibold, Bold, Black). |
| Text case | Default or Uppercase. |
| Letter spacing | Adjust letter spacing. |
Shared across all tiers:
| Setting | Description |
|---|---|
| Vertical padding | Top and bottom padding inside buttons. |
| Horizontal padding | Left and right padding inside buttons. |
Button colors (text, background, border, hover states) are configured per color scheme under Colors.
Input Fields
| Setting | Description |
|---|---|
| Border width | Border thickness for all input fields. Range: 0–4px. Default: 0px. |
| Border radius | Corner rounding for inputs. Range: 0–32px. Default: 8px. |
| Vertical padding | Top and bottom padding inside inputs. Range: 0–20px. Default: 8px. |
| Horizontal padding | Left and right padding inside inputs. Range: 0–20px. Default: 10px. |
| Checkbox size | Size of checkbox inputs. |
| Checkbox border radius | Corner rounding for checkboxes. |
| Text style | Font style for input text. |
Input field colors (background, text, border, hover, focus) are configured per color scheme under Colors.
Badges
Position and Styling
| Setting | Description |
|---|---|
| Position | Where badges appear on product cards: Top left, Top right, Bottom left, Bottom right. Default: Top left. |
| Edge offset | Distance from the image edge. Range: 0–40px. Default: 0px. |
| Corner radius | Badge corner rounding. Range: 0–100px. Default: 40px. |
| Border width | Badge border thickness. Range: 0–4px. Default: 0px. |
| Padding | Vertical and horizontal padding inside badges. |
Badge Typography
| Setting | Description |
|---|---|
| Font | Font slot used for badge text. |
| Font size | Badge text size. |
| Font weight | Badge text weight. |
| Text case | Default or Uppercase. |
| Letter spacing | Badge letter spacing. |
Custom Badges
Create up to 4 custom badges tied to specific collections. Each slot includes:
| Setting | Description |
|---|---|
| Collection | Products in this collection receive the badge. |
| Label override | Custom label text. Leave blank to use the collection title. |
| Color scheme | Color scheme for this badge. |
Built-in Badges
| Setting | Description |
|---|---|
| Sale badge color scheme | Color scheme for sale badges. |
| Sold out badge color scheme | Color scheme for sold-out badges. |
| Sale label | Text shown on sale badges. |
| Sold out label | Text shown on sold-out badges. |
Cart
| Setting | Description |
|---|---|
| Cart type | Page or Drawer. Controls whether clicking the cart icon opens a page or a slide-out drawer. |
The cart drawer includes extensive customization: panel width, border radius, image sizing, typography for titles/variants/summary, quantity controls, divider style, and optional features like cart notes, discount codes, installment messaging, and accelerated checkout buttons.
Swatches
| Setting | Description |
|---|---|
| Sold out indicator | How unavailable variants are shown: Dimmed & strikethrough or X slash. Default: Dimmed & strikethrough. |
| Show variant image | Display variant images as swatches. |
| Swatch size | Width and height of variant swatches. |
| Swatch radius | Corner rounding for swatches. |
| Underline | Color, thickness, and offset for the selected-swatch underline indicator. |
| Gap | Spacing between swatches. |
Search
| Setting | Description |
|---|---|
| Search action mode | Drawer or Page. Controls whether clicking the search icon opens a drawer or navigates to the search page. Default: Drawer. |
| Search page mode | Search chat or Product grid. Affects the /search page only; the drawer always uses chat mode. Default: Search chat. |
| Show search icon | Toggle the magnifying glass icon next to results. |
| Show recently viewed | Display recently viewed products in search. |
| Results per page | Number of results shown. Range: 6–24. Default: 12. |
| Resource toggles | Enable or disable results for products, articles, pages, and collections independently. |
When using drawer mode, additional settings appear for the drawer heading, subtitle, and text visibility.
Drawers
| Setting | Description |
|---|---|
| Color scheme | Color scheme applied to all drawers (cart, search, mobile menu). |
| Border | Drawer border style and width. |
| Shadow intensity | Shadow around the drawer panel. |
| Background opacity | Opacity of the drawer panel background. |
| Background blur | Blur effect on the drawer background. |
| Padding | Inner padding of drawers. |
Backdrop
| Setting | Description |
|---|---|
| Style | Backdrop overlay style when drawers or modals are open. |
| Opacity | Backdrop darkness level. |
| Blur | Background blur intensity behind the overlay. |
Icons
| Setting | Description |
|---|---|
| Stroke width | Line thickness for all theme icons. |
Modals
| Setting | Description |
|---|---|
| Color scheme | Color scheme for popover/modal panels. |
| Border radius | Corner rounding for modals. |
| Border | Modal border style and width. |
| Shadow intensity | Shadow around modals. |
| Background opacity | Modal panel background opacity. |
| Background blur | Blur effect behind the modal. |
Prices
| Setting | Description |
|---|---|
| Currency code display | How currency codes appear (e.g., USD, EUR). |
| Show on product pages | Display currency code on product pages. |
| Show on product cards | Display currency code on collection/grid product items. |
| Show on cart items | Display currency code on cart line items. |
| Show on cart total | Display currency code on the cart total. |
Pills
| Setting | Description |
|---|---|
| Color scheme | Color scheme for pill/tag elements. |
| Border radius | Corner rounding for pills. |
| Border width | Pill border thickness. |
| Padding | Vertical and horizontal padding inside pills. |
| Font | Font slot, size, weight, case, and letter spacing for pill text. |
Social Media
Add your social media profile URLs. These are used by the Social links footer block.
| Setting | Description |
|---|---|
| Instagram profile URL. | |
| Facebook page URL. | |
| X (Twitter) | X/Twitter profile URL. |
| TikTok | TikTok profile URL. |
| YouTube | YouTube channel URL. |
| Pinterest profile URL. | |
| Snapchat | Snapchat profile URL. |
| LinkedIn page URL. |