Theme Editor Basics

The Shopify theme editor is where you customize Elle. Here's how to navigate it.

Opening the Theme Editor

1. Go to Online Store > Themes in your Shopify admin
2. Click Customize next to the Elle theme

Understanding the Interface

Left Sidebar

The left sidebar shows your page structure:

• Sections - Building blocks of your page (Hero, Featured Collection, etc.)
• Header - Your site header with logo and navigation
• Footer - Your site footer with links and contact info

Click any section to edit its settings.

Preview Area

The center shows a live preview of your changes. Changes appear instantly as you edit.

Device Preview

Use the icons at the top to preview on:

• Desktop
• Mobile

Adding Sections

1. Click Add section in the left sidebar
2. Browse available sections
3. Click a section to add it to your page
4. Drag to reorder sections

Editing Sections

1. Click a section in the left sidebar
2. Adjust settings in the panel that appears
3. Add blocks within sections where available
4. Use the color scheme dropdown to change section colors

Removing Sections

1. Click the section you want to remove
2. Scroll to the bottom of the settings panel
3. Click Remove section

Saving Your Work

Click Save in the top right corner to save all changes. Your changes will go live immediately if the theme is published.

Page Templates

Use the dropdown at the top of the editor to switch between page templates:

• Home page - Your store's main landing page
• Products - Individual product pages
• Collections - Collection listing pages
• Blog posts - Article pages
• Pages - Standard content pages

Each template can have its own unique section layout.