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.
Style
select
Choose between a Collapsible or Drawer style accordion.
Show description
checkbox
Enables additional descriptive text within the accordion.
Show read more button
checkbox
Displays a 'Read more' button (collapsible style only).
Open by default
checkbox
Accordion section is expanded by default (collapsible style only).
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