A Beginner's Dive into Customizing Shopify Theme Sections

Demystifying Shopify sections: how to edit existing ones, add new settings via the JSON schema, and deploy them safely.

Understanding Shopify Sections

The 'section' is the modular building block of modern Shopify themes. They are reusable components that can be placed anywhere on a page template.

The Schema File: Your Customizer Blueprint

Every section has a JSON schema that defines the options available in the editor (text fields, color pickers, etc.). We show how to add a new setting to control, for example, the heading size of a specific section.

Connecting Schema to Liquid Output

If you add a setting for 'Primary Color' in the schema, you must reference it in the Liquid file using `section.settings.primary_color`. This link is the core of low-code theme extension on Shopify.

Always duplicate the theme before making structural edits to sections, adhering strictly to the ThemeLower safety protocol.

Share this article: