Accordion
General settings
Show divider
Toggles the visibility of a separating line between accordion items.
When enabled, a horizontal divider is displayed between each item to improve visual separation and readability.
Heading preset
This element inherits the font preset defined in the Theme Settings, ensuring consistent typography across the storefront.
Inherit color scheme
When enabled, the element adopts the color scheme of its parent section to maintain consistent styling.
If disabled, it will use the theme’s default scheme (Color Scheme 1) regardless of the parent section’s settings.
Border - Style
Determines the appearance of the element’s border.
None – No border is applied.
Solid – A continuous solid line border is applied
Border thickness
This is the parameter to determine the thickness (or opacity) of the border around an element.
Border opacity
This is the transparency level of the border.
Border - Corner radius
Adjust this value to create sharp or rounded edges, enhancing the visual style of the component.
Top / Bottom padding
Adjust these values to control the amount of space between the section’s content and its outer edges.
Block settings
Accordion row
Heading
Specifies the title for an individual accordion row. This heading serves as the clickable element that expands or collapses the row’s content.
Open default
When enabled, the accordion row will be expanded and its content visible when the page loads.
When disabled, the row remains collapsed until the user clicks to open it.
In addition to the default Text block, you can add multiple other block types inside an Accordion row.
This allows you to enrich the expanded content area with features such as images, buttons, videos, icons, or custom HTML, providing a more interactive and versatile presentation.
Last updated