Skip to Content
DocumentationGetting StartedTheme Editor Basics

Theme Editor Basics

The Shopify theme editor is where you customize Fit Check’s appearance and content. This guide covers the essentials.

Opening the Theme Editor

  1. In your Shopify admin, go to Online Store > Themes.
  2. Find Fit Check and click Customize.

Editor Layout

The theme editor has three main areas:

  • Left sidebar — Lists all sections on the current page. Click a section to expand its settings and blocks.
  • Center preview — Live preview of your store. Changes appear in real time as you adjust settings.
  • Top bar — Switch between pages (Home, Product, Collection, etc.), toggle between desktop and mobile preview, and undo/redo changes.

Working with Sections

Sections are the building blocks of each page. Each page template can have multiple sections stacked vertically.

Add a Section

  1. Click Add section at the bottom of the left sidebar.
  2. Browse or search for the section you want.
  3. Click the section to add it to the page.

Reorder Sections

Drag and drop sections in the left sidebar to change their order on the page.

Remove a Section

  1. Click the section in the left sidebar to select it.
  2. Click the … menu next to the section name.
  3. Select Remove section.

Working with Blocks

Many sections contain blocks — individual content items within a section. For example, the Cards section contains individual card blocks.

Add a Block

  1. Click a section to expand it.
  2. Click Add block and select the block type.

Reorder Blocks

Drag and drop blocks within the section to change their order.

Global Settings

Click Theme settings (gear icon) in the left sidebar to access global settings that apply across all pages:

  • Logo — Upload your default and inverse logos in theme settings. Adjust rendered logo size in the header logo block.
  • Colors — Configure the 6 color schemes available to all sections.
  • Typography — Configure the five font slots plus heading and body sizing controls.
  • Layout — Set page width, spacing scale, and default shadow depth.
  • Buttons — Configure button styles and sizes.
  • Search — Choose drawer/page behavior and the search page mode.
  • Social media — Add links to your social media profiles.

See the Global Settings page for a complete reference.

Saving Changes

Click Save in the top-right corner to save your changes. Changes are not visible to customers until you save.

InstallationAnnouncement Bar