Collapsible content
Overview:
The Collapsible Content section is designed to display expandable and collapsible content rows in an organized accordion-style layout. It supports headings, descriptions, default open states, typography customization, responsive layouts, color schemes, and spacing controls. This section is ideal for FAQs, product information, shipping policies, store details, care instructions, or any structured informational content.
Blocks Configuration
Collapsible Row Block
The Collapsible Row block creates an expandable content row inside the accordion layout.
Content:
| Setting |
Description |
| Heading |
Defines the title displayed for the collapsible row. |
| Description |
Displays expandable rich text content such as FAQs, product details, shipping information, or store policies. |
| Open by Default |
Keeps the collapsible row expanded when the page first loads if enabled. |
Section Configuration
Heading:
| Setting |
Description |
| Section Heading |
Defines the main heading displayed above the collapsible content section. Supports rich text formatting such as bold and italic styling. |
| Heading Size |
Controls heading size such as H1–H6, Large, Medium, or Small. |
| Heading Weight |
Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Heading Case |
Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Heading Tag |
Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Heading Font Family |
Allows switching between Default and Body font family styles. |
| Heading Color Style |
Applies predefined color styling to section headings. |
| Heading Link Style |
Controls styling behavior of links used inside heading content. |
Description:
| Setting |
Description |
| Section Description |
Displays supporting text below the section heading. |
| Description Size |
Controls text size such as Large, Medium, or Small. |
| Description Weight |
Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Description Case |
Changes text transformation style for description text. |
| Description Font Family |
Allows switching between Default and Heading font family styles. |
| Description Color Style |
Applies predefined color styling to description text. |
Layout:
| Setting |
Description |
| Container Layout |
Determines whether the section uses Contained, Contained Content, or Full Width layout. |
| Container Width |
Controls the maximum width of the section container on desktop devices. |
| Text Alignment (Desktop) |
Sets text alignment on desktop devices (Left, Center, or Right). |
| Text Alignment (Mobile) |
Sets text alignment on mobile devices (Left, Center, or Right). |
Color Scheme:
| Setting |
Description |
| Section Color Scheme |
Applies a predefined color palette to the Collapsible Content section background and content. |