Shopify Section Structure

Guidelines for organizing Shopify theme sections with proper file structure, schema configuration, and padding settings.

When to Use

• Creating new Shopify theme sections
• Modifying existing section schemas
• Setting up section file structure (Liquid, CSS, JS)
• Adding padding controls to sections

Section File Structure

Each section must have:

• Liquid section file (.liquid in sections/ directory)
• Separate CSS file (in assets/ directory)
• Optional separate JS file (in assets/ directory)

CSS Inclusion