Accordion
The Accordion block is designed to display collapsible content sections, helping merchants organize detailed information in a compact and user-friendly way. Ideal for FAQs, product details, shipping policies, and more.
Additionally, the GIF above is displaying one of our newer design settings for the accordion block, which allows you to have it open in a drawer mode, much like our "cart drawer". However if that is not to your liking, you can always choose the normal collapsible design as displayed by the example below.
Style
select
Choose between a Collapsible or Drawer style accordion.
Show description
checkbox
Enables additional descriptive text within the accordion.
Heading
text
Title or label for the accordion block.
Heading size
select
Font size for the heading: Extra small, Small, Medium, Large, or Extra large.
Text
richtext
Main content area supporting rich text formatting.
Text size
select
Font size for the main text: Extra small, Small, Medium, Large, or Extra large.
Icon
Show icon
checkbox
Enables the use of a built-in icon or uploaded image.
Icon
select
Choose from a list of predefined icons (e.g., star, check, heart, etc.).
Alternative icon/image
image_picker
Upload a custom SVG or image icon (160x160px recommended).
Icon size
range
Size of the icon or image.
Color
color
Color of the icon with alpha (transparency) support.
Padding
Bottom
range
Bottom padding of the accordion block.
Usage Tips
Only one Accordion Block is allowed per section (
limit: 1).You can enhance visual storytelling using custom icons or images.
Rich text allows for links, bold, and other HTML styling for better content structure.
Last updated