Accordion

Owned by Marta Siewierska-Stańczak
Last updated: Aug 23, 2023
2 min read

TABLE OF CONTENTS

 

Summary

The accordion component is most frequently used for FAQ/help pages.

Demo

https://demo.magesuite.io/de/contentconstructor/components/index/page/accordioncontainerwidth

https://demo.magesuite.io/de/contentconstructor/components/index/page/accordionoptimalreadingwidth

User guide

2.1.21. Accordion

Magesuite standard

Desktop/mobile layout

Settings

The following accordion features can be switched on/off

  • Allow multiple sections to be opened at the same time (Yes/No)

  • Unfold the first entry on the page load (Yes/No)

  • Width: container or optimal reading

 

 The optimal reading width can be set per project.

Baymard finding about optimal reading width: https://baymard.com/blog/line-length-readability

Live shops customization examples

 

URL

Desktop/mobile

URL

Desktop/mobile

https://haka.com/de/hilfe

 

 https://www.claireluise.com/en_de/faq

 

https://megaport.de/hilfebereich/faq/#Allgemein

 

 

https://www.lensplaza.com/fr_fr/faq/