/
Accordion

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: Readability: The Optimal Line Length – Baymard

Live shops customization examples

 

URL

Desktop/mobile

URL

Desktop/mobile

https://haka.com/de/hilfe

 

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

 

FAQ – Antworten zu häufigen Fragen bei Megaport

 

 

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

 

 

Related content

CMS - Content Constructor
CMS - Content Constructor
MageSuite Developer Documentation
Read with this
2.1.21. Accordion
2.1.21. Accordion
MageSuite
More like this
2.1.14. CMS Pages Teaser
2.1.14. CMS Pages Teaser
MageSuite
Read with this
Paragraph
Paragraph
MageSuite Developer Documentation
More like this
2.1.2. Button
2.1.2. Button
MageSuite
Read with this
Layout - thinking in rows
Layout - thinking in rows
MageSuite Developer Documentation
More like this