Skip to content
Launch Code by Launch Site

FAQ Accordion

Clear up product, shipping and policy questions without leaving the page.

An accessible, zero-JavaScript FAQ built on native disclosure elements, with one-at-a-time or multi-open behaviour.

Features

  • Unlimited question blocks
  • First item open or all closed
  • One-at-a-time or multi-open behaviour
  • Native keyboard and screen-reader support
  • Reduced-motion friendly animation
  • No JavaScript required

Use it for

  • Product FAQs
  • Shipping and returns FAQs
  • Policy questions

Compatibility

Shopify Online Store 2.0 themes using JSON templates. Released versions are checked with Shopify Theme Check and tested on Dawn and Horizon. Styles are scoped to the section and inherit your theme's fonts.

Installation

  1. Download the section from your account library.
  2. In Shopify admin, open Online Store → Themes → Edit code.
  3. Add a new section with the file's name and paste in its contents.
  4. Open the theme editor and add the section to any page.