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.

Written by Shopify developersProduction-ready sectionsUsed for real Shopify workflowsSchema validationOS 2.0 compatible

About this resource

Each template maps to Flat or Block export mode in the HTML to Liquid Converter. Paste template HTML, tune schema settings, and ship section.liquid files validated for Online Store 2.0 themes including Dawn, Prestige, and custom JSON templates.

Browse

14 resources

Open converter
Hero

Hero Banner

Clean landing hero template with high contrast action buttons, dynamic typography settings, and scoped backgrounds.

Cards

Grid Cards

Repeated multi-column card layout displaying product pillars, advantages, or visual badges cleanly.

FAQ

FAQ Accordion

Compact dropdown lists utilizing HTML details and summary tag attributes for expandable question/answer grids.

Slider

Slider Slides

Pixel-perfect mobile swipe slider suitable for high resolution product display campaigns and feature showcases.

Gallery

Gallery Grid

Elegant image showcase layouts leveraging CSS grid auto-fit layers and hover styles.

Testimonials

Testimonials Showcase

Elegant block-based sliders highlighting client reviews, stars badges, and professional feedback blocks.

Announcement Bar

Announcement Bar Header

High contrast header announcement banner with custom link support and typography highlights.

Logo List

Brand Logo List

Sleek inline row grid displaying tech logos or trusted developer integrations dynamically.

Footer

Directory Footer

Modern multi-column block navigation complete with newsletter action parameters and brand details.

Contact Form

Interactive Contact Form

Styled developer email support form containing clean input tags, textareas, and submit states.

Product Feature

Product Feature Split

Premium product highlight container split cleanly into high resolution image showcase and details copy.

Before/After

Before/After Image Slider

Highly interactive image transformation pane comparing raw static HTML grids directly with native Shopify Section outputs.

Discover

Explore Shopify Liquid resources

Start converting HTML