Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v5
Broadcast v5
  • About Broadcast
    • Broadcast theme documentation
    • Feature requests
  • Updates
    • What's new in Broadcast
      • Release Notes
      • About v5.8 release
      • About v5.7 release
      • About v5.6 release
      • About v5.5 release
      • About v5.4 release
      • About v5.3 release
      • About v5.2 release
      • About v5.1 release
      • About v5.0 release
      • About v4.0 release
  • Sections
    • Broadcast sections
      • Demo store sections
      • Accordion
      • Accordion group
      • Before and After
      • Blog posts
      • Collection list
      • Collection list hover
      • Countdown
      • Contact form
      • Custom code
      • Custom content
      • Divider
      • Featured blog posts
      • Featured collection
      • Featured product
      • Highlights
      • Image banner
      • Image with text
      • Image with text slider
      • Map
      • Multicolumn
      • Newsletter
      • Press logos
      • Products with image
      • Rich text
      • Rich text with columns
      • Scrolling text
      • Shop the look
      • Sidebar
      • Slideshow
      • Tab collections
      • Testimonials
      • Text columns with icons
      • Text columns with images
      • Text promo
      • Text with products
      • Timeline
      • Video
  • Theme settings
    • Theme settings
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Header
    • Header
      • Demo store header settings
      • Header section
      • Navigation images
      • Quantity indicators
      • Transparent header
      • Header icons
      • Social icons
      • Sticky header
      • Target settings
    • Toolbar
      • Header toolbar
      • Video walkthrough
    • Announcement bar
      • Announcement bar settings
      • Free shipping message
      • Countdown timer
      • Text announcement
      • Custom code
      • Target settings
  • Footer
    • Footer settings
    • Footer blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Products
    • Product pages
      • Accordion section
      • Custom form field
      • FAQ Accordions
      • Final Sale
      • Free products
      • Low inventory message
      • Out-of-stock notification
      • Pre-order using metafields
      • Pre-order products using tags
      • Product Theme Blocks
        • Title
        • Price
        • Variant picker
        • Buy buttons
        • Siblings
        • Description
        • Upsell
        • Inventory countdown
        • Sharing
        • Local pickup
        • Text
        • Custom code
        • Icon
        • Divider
        • Line item property
        • Feature
        • Complementary products
        • Popup
      • Related products
      • Sale items
      • Settings and layout
      • Siblings
      • Size charts
      • Swatches (Updated)
      • Swatch collection styles
      • Tabs and accordions
      • Tab content using metafields
      • Unique image banners
      • Upselling
      • Variant images
  • Collections
    • Collection pages
      • Collection page settings
      • Swatch collection styles
      • Product badges
      • Product badges with metafields
      • Product filtering
      • Quick add
      • Sub-collections
      • Cutline second line
      • Featured image
  • Overlay
    • Popups
      • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
      • Coupon codes
      • Popup Behavior and Target
  • Promotions
    • Upselling
      • Upselling with metafields
      • Upselling with tags
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Siblings color
      • Siblings collection
      • Siblings product setup
      • Siblings block
      • Customizations
  • Pages
    • Page templates
      • Demo store about page
      • Creating page templates
      • Page section
      • About page templates
  • Blogs
    • Blogs and articles
      • About blogs and articles
      • Featured posts
      • Article page
      • Product links in blog posts
      • Article theme blocks
  • FAQ
    • Frequently asked questions
      • How to update Broadcast
      • Default theme content
      • Share preview link
      • Hiding prices
      • How to use sections
      • Section blocks
      • How to remove Powered by Shopify
      • Improving the speed of your site
      • How to prevent your images from getting cropped
      • Check your theme version
      • CSS customizations
  • License
    • Theme license
  • Support
    • Contacting support
    • Missing Cart Drawer after Updating
Powered by GitBook
On this page
  • Flexible
  • Customize
  • Video Overview
  • See also
Export as PDF
  1. Sections
  2. Broadcast sections

Accordion

Enhanced accordion with image columns, icon columns, a contact form and more

PreviousDemo store sectionsNextAccordion group

This Broadcast section is packed with full-featured accordion blocks to help you design and build rich, interactive content. Display columns of rich content, such as images, icons with messaging, and text.

Flexible

Build rich accordions on the home page, a lookbook, product pages, or anywhere on your site. Choose from a rich set of content blocks to display eye-catching information. Stack multiple accordion sections together to incorporate multiple column sizes.

Customize

  • The section settings help you style the accordion's layout. The open-by-default toggle lets you keep the accordion open by default or closed.

  • Add blocks to build each column within the accordion. Similar block types work well together or mix them for a creative design.

  • The block settings help you configure each column within the accordion section.

We've included a wide range of blocks to build the right accordion quickly:

  • Text column - Commonly used for standard FAQ-style accordions.

  • Image column - Add images to your accordion for a more appealing branded experience.

  • Icon column - Choose from a rich set of modern icons by Broadcast or add your own.

  • Custom code - Build your custom accordion column with app code, HTML or Liquid.

  • Contact form - Incorporate a Contact form right into your accordions.

Video Overview

This video demonstrates how to create image, icon and text accordions in Broadcast:

See also

For pages with longer question-and-answer style content, Broadcast has a unique Sidebar section that automatically generates navigation to groups of questions or content:

For a simple text-based question-and-answer section that supports one or two columns, Broadcast includes the Accordion group section:

Sidebar
Accordion group
Video walkthrough of the accordion section
Multiple accordion sections used with different column sizes
Add accordion blocks