Shopify themes: how they works overview

1. Accessing the Template Editor

• Click on Edit Template to access the template editor.
• You can edit either a live template or an offline template.

2. Understanding Template Structure

• Familiarize yourself with the layout of the template:

• The left column shows sections of the homepage.
• Header and footer elements are global and apply to all pages.

3. Navigating Between Pages

• Use the page navigation to switch between different sections (e.g., homepage, product page).
• Changes made to header and footer will reflect across all pages.

4. Working with Sections and Blocks

• Understand the difference between sections and blocks:

• Section: Main container (e.g., Slideshow).
• Block: Component within a section (e.g., individual slides).

• To add a section, select from the available options.

5. Adding and Managing Blocks

• To add blocks within a section:

• Click on the section to expand it.
• Use the options to duplicate, remove, or hide blocks.

6. Experimenting with Template Features

• Add sections and play around with the layout to understand how it works.
• Use the mobile view option to see how changes appear on different devices.

7. Creating Unique Page Templates

• To create a unique template:

• Name the new template (e.g., Tester).
• Add desired sections and blocks.
• Save the template and assign it to specific pages.

8. General Settings for the Template

• Access general settings for the template:

• Update store-wide settings like logo and typography.
• Changes here will apply to the entire store.