Templates
Shopify section templates
Production-ready HTML section templates for heroes, FAQs, sliders, and grids — convert each into editable OS 2.0 Liquid with schema.
About this resource
Each template maps to Flat or Block export mode in the HTML to Liquid Converter. Read the converter guide, paste template HTML in the workspace, tune schema settings, and ship section.liquid files validated for Online Store 2.0 themes including Dawn, Prestige, and custom JSON templates.
Pick a template by layout pattern (hero, FAQ, grid), open it for markup context, then paste into /converter. Use Flat mode for single-instance bands and Block mode when rows repeat. Start with one module per export so presets and filenames stay clean.
Browse
14 resources
Hero Banner
Clean landing hero template with high contrast action buttons, dynamic typography settings, and scoped backgrounds.
Grid Cards
Repeated multi-column card layout displaying product pillars, advantages, or visual badges cleanly.
FAQ Accordion
Compact dropdown lists utilizing HTML details and summary tag attributes for expandable question/answer grids.
Slider Slides
Pixel-perfect mobile swipe slider suitable for high resolution product display campaigns and feature showcases.
Gallery Grid
Elegant image showcase layouts leveraging CSS grid auto-fit layers and hover styles.
Testimonials Showcase
Elegant block-based sliders highlighting client reviews, stars badges, and professional feedback blocks.
Announcement Bar Header
High contrast header announcement banner with custom link support and typography highlights.
Brand Logo List
Sleek inline row grid displaying tech logos or trusted developer integrations dynamically.
Directory Footer
Modern multi-column block navigation complete with newsletter action parameters and brand details.
Interactive Contact Form
Styled developer email support form containing clean input tags, textareas, and submit states.
Product Feature Split
Premium product highlight container split cleanly into high resolution image showcase and details copy.
Before/After Image Slider
Highly interactive image transformation pane comparing raw static HTML grids directly with native Shopify Section outputs.