Shopify Page Template System

Purpose: Create impactful page headers with title, description, and optional imagery.
Variants:
full-width - Centered content with optional image below
split - Side-by-side text and image layout
overlay - Text overlaid on background image
Best for: Campaign pages, landing pages, page introductions

Purpose: Display rich HTML content with flexible width and alignment.
Options:
maxWidth - sm, md, lg, xl, full
align - left, center, right
Best for: Legal text, policy content, detailed descriptions

Purpose: Combine images with text in a balanced layout.
Options:
imagePosition - left or right
backgroundColor - Optional background color
Best for: Feature highlights, storytelling, product benefits

Purpose: Organize content into collapsible sections for better readability.
Options:
title - Optional section heading
maxWidth - sm, md, lg, xl
items - Array of { id, title, content }
Best for: FAQs, Terms & Conditions, Privacy Policies

Purpose: Display multiple images in a responsive grid.
Options:
columns - 2, 3, or 4 columns
title - Optional section heading
images - Array with url, alt, and optional link
Best for: Lookbooks, galleries, feature showcases

Purpose: Drive user actions with prominent calls-to-action.
Options:
primaryCTA - Main action button
secondaryCTA - Optional secondary action
backgroundColor - Optional background color
Best for: Section endings, conversion points, engagement