Skip to main content

Accordion widget

The accordion organises short pieces of content into collapsible sections, helping users save space and easily navigate information. It's often used to display related information like FAQs or product details. It is not recommended to use this widget for larger pieces of content, due to potential usability and accessibility issues.

Features

  • Resuable. Multiple widgets can be added to any homepage, in any order.
  • Flexible width.
  • Populated with manual content.

Control Center settings

FieldDescriptionRequired
HeadingText field creatingh2 heading with class widget__headingNo
SummaryText areaNo
ItemsMinimum of 1Yes
Item - HeadingText fieldYes
Item - ContentWYSIWYG editorYes
Show expand/collapse buttonYes/No radio buttonsNo
Expand first itemYes/No radio buttonsNo
Show for signed in users onlyYes/No radio buttonsNo

Front end user display

Desktop

Accordion front end search screenshot

Responsive

Accordion front end search responsive screenshot

note

The style will vary depending on the Photon template used.