Broadcast Theme
HTML to Broadcast theme for story-driven stores
Convert campaign HTML into Broadcast-compatible sections with video-ready schema, block-based story rows, and scoped CSS—built for content-first Shopify brands.
Theme overview
Broadcast theme shopify sections for narrative storefronts
Broadcast storytelling structure
Broadcast (by Invisible Themes) targets narrative commerce—scrolling stories, media-rich chapters, and campaign sections with strong visual hierarchy. Custom sections should support sequential storytelling: chapter headings, media blocks, and quote pullouts merchants can reorder.
Broadcast customization patterns
Chapter-style bands, timeline rows, split media/text sections, and promo stacks between story beats. Block loops fit timeline events and testimonial rows; flat settings fit single campaign heroes with fixed structure.
Theme limitations
Broadcast's animation-heavy native sections may conflict with custom CSS transitions—scope animations to section.id. Long homepage section stacks impact mobile performance; cap block counts on media-heavy modules with max_blocks.
Merchant workflow
Broadcast merchants often rebuild campaign narratives seasonally. Blocks must support add/remove/reorder without developer help. Preset names should reflect story roles ('Chapter 1 intro', 'Press quote') not developer jargon.
Debugging tips
Sticky or overlapping sections: check z-index against Broadcast header. Video autoplay failures: use theme-supported video settings, not arbitrary embed attributes. Horizontal scroll on mobile: audit negative margins in scoped CSS.
Broadcast ship checklist
Scoped CSS verified on story landing template. Lazy loading on below-fold media. image_tag with sizes on wide images. Theme editor mobile preview. Section registered on correct JSON template.
Sections
Broadcast section conversions teams request
Story-driven layouts with schema settings, dynamic blocks, and merchant-friendly customization for Broadcast storefronts.
Video hero
Campaign heroes with video_url settings, poster images, and overlay copy—no hardcoded iframes in production output.
View section guide →Story slider
Multi-slide narratives as blocks—heading, richtext, media, and CTA settings per chapter merchants can reorder.
View section guide →Announcement bar
Top-of-page campaign ribbons with editable text, links, and color schema settings for launch messaging.
View section guide →Featured collection
Collection-driven product rows with picker settings, product limits, and layout options for merchandising stories.
View section guide →FAQ accordion
Brand story and policy FAQs as blocks—question and answer settings with drag-and-drop reordering.
View section guide →Content tabs
Ingredient, recipe, or policy tabs with block-based panels—title and richtext body per tab.
Editorial banner
Split-layout promo bands with schema-driven copy, imagery, and CTA links for seasonal campaigns.
View section guide →Product highlights
SKU spotlight rows tying editorial copy to product pickers—settings for badge text and layout density.
View section guide →Workflow
How HTML conversion works for Broadcast
Turn story-driven HTML into broadcast theme shopify sections with production-ready Liquid, schema, and scoped CSS.
- 01
Paste HTML
Import video hero, story row, or campaign markup from your Broadcast client.
- 02
Analyze structure
Map media embeds, narrative blocks, and CTAs to settings and block types.
- 03
Generate Liquid
Compile theme-safe Liquid with video_url settings and scoped CSS wrappers.
- 04
Create schema
Output "{% schema %}" with blocks, presets, and merchant-readable labels.
- 05
Export to theme
Add section.liquid to Broadcast and enable it on the target JSON template.
Compatibility
Broadcast theme compatibility
Generated sections align with Broadcast's content-first OS 2.0 architecture and JSON template model.
Story sections
Custom section files drop into Broadcast's sections directory with valid OS 2.0 schema.
Narrative blocks
Multi-part stories export as reorderable blocks—merchants manage chapters without code changes.
Launch presets
Preset names surface sections in Broadcast's editor—campaign-ready defaults on first insert.
Scoped CSS
section.id scoping prevents custom styles from conflicting with Broadcast's media layouts.
App blocks
Converted sections coexist with Broadcast app block areas in headers and footers.
JSON templates
Register sections on homepage, collection, and landing JSON templates across the Broadcast theme.
Related
Related tools and theme guides
Guide
HTML to Liquid Converter
Free guide — convert HTML sections for the Broadcast theme.
Open guide →Tool
Open converter workspace
Paste HTML and export sections ready for the Broadcast theme.
Open guide →Generator
Shopify Section Generator
Generate complete OS 2.0 sections with schema, blocks, and presets.
Open guide →Schema
Liquid Schema Generator
Design section schema JSON that pairs with your converted Liquid.
Open guide →Tool
Shopify Liquid Converter
Convert HTML markup into clean Shopify Liquid templates.
Open guide →Blog
Theme development guides
Read tutorials on sections, schema, and Online Store 2.0 workflows.
Open guide →Theme
HTML to Dawn Theme
Validate section patterns on Dawn before Broadcast deployments.
Open guide →Theme
HTML to Prestige Theme
Compare editorial section approaches on Prestige builds.
Open guide →Theme
HTML to Impulse Theme
Blend story sections with Impulse conversion layouts.
Open guide →Component
Convert banner HTML to Liquid
Turn announcement bars and promo strips into editable sections.
Open guide →Component
Convert slider HTML to Liquid
Map carousel markup to block-based slider sections.
Open guide →Component
Convert FAQ HTML to Liquid
Export accordion FAQs as repeatable Shopify blocks.
Open guide →Convert HTML to Shopify Liquid
Paste HTML & generate Liquid with schema, blocks, and scoped CSS. No signup required.