Block Accordion

This content block helps you build vertically collapsing accordions.

NOTE: Accordion is only available for the PRO plan. You can configure this block normally in the Theme Editor; however, you need to upgrade your plan to apply them to the front end.

See Accordion examples here, here, or here.

From the Shopify theme editor, click on Accordion on the sidebar to view the details of settings.

(If you’re new to our Easy Content Builder, please refer to section Add App Sections and Add ECB Blocks for more details on how to create and edit a section or a block.)

Section settings	Description
No Collapsing	By default, all accordion items can be collapsed. Enable this setting to prevent this behavior and always maintain one open item.
Multiple Open Items	To display multiple content sections simultaneously without collapsing when the other is opened.
Title Size	Change the heading size to H1, H2, H3, H4, H5, or H6.
Text Size	Set the body text size - Small, Default, Large
Item Title	The title of the accordion content
Body	The details of the accordion content
Max Width	Set the width of the Accordion container in pixel.
Animate On Scroll	This feature is only available for the Pro plan. It lets you apply different types of animation to elements within each section as you scroll down the page. Learn more about scrolling animations here.
Margin	Set the vertical spacing between elements.
Padding	Set spacing between elements and their content.