Collapsible with media
Overview:
The Collapsible with Media section combines images or videos with collapsible content rows. This section is ideal for FAQs, product details, or informational content where visuals enhance the experience.
Section Configuration:
| Setting |
Description |
| Caption |
A short introductory text displayed above the heading. |
| Caption Size |
Adjusts the size of the caption text. Default: Medium. |
| Caption Font Weight |
Controls the boldness of the caption text. Default: Bold. |
| Heading |
Main title for the section. |
| Heading Size |
Adjusts the size of the heading. Default: H4. |
| Heading Font Weight |
Controls the boldness of the heading. Default: Bold. |
| Description |
Additional text below the heading for context. |
| Description Size |
Adjusts the size of the description text. Default: Small. |
| Description Font Weight |
Controls the boldness of the description text. Default: Normal. |
| Collapsible Heading |
A title above the collapsible content. |
| Collapsible Heading Size |
Adjusts the size of the collapsible heading. Default: H5. |
| Collapsible Heading Weight |
Controls the boldness of the collapsible heading. Default: Semi-Bold. |
Layout & Alignment Settings
| Setting |
Description |
| Media Size |
Defines how images/videos are displayed: Adapt, Square, Portrait, or Landscape. Default: Adapt. |
| Image Position |
Determines the order of the media (Image first or last). Default: Image Last. |
| Vertical Content Alignment |
Aligns collapsible content (Top, Middle, or Bottom). Default: Top. |
| Text Alignment (Desktop & Mobile) |
Sets text alignment within the section. Default: Center. |
| Color Scheme |
Applies a predefined color scheme to the section. Default: Scheme1. |
Collapsible Rows (Accordion)
| Block Type |
Settings |
| Collapsible Row |
Title, Description, Open by Default (Yes/No). Default: Collapsed. |
Each collapsible row contains a title and text that expands when clicked.
Blocks Configuration:
Collapsible Rows (Accordion)
| Block Type |
Settings |
| Collapsible Row |
Title, Description, Open by Default (Yes/No). Default: Collapsed. |
Each collapsible row contains a title and text that expands when clicked.
| Block Type |
Settings |
| Image |
Upload an image to be displayed. |
| Video |
Choose between an uploaded video or an embedded YouTube/Vimeo video. |
The section supports multiple media blocks that can be displayed as a slider.
Slideshow Settings
| Setting |
Description |
| Auto Play |
Automatically cycles through media slides. Default: Off. |
| Show Navigation Arrows |
Displays previous/next arrows for media. Default: On. |
| Show Pagination Dots |
Displays pagination indicators for slides. Default: Off. |
| Slide Change Interval |
Sets the time before switching slides (2–9 seconds). Default: 5s. |
Spacing Settings
| Setting |
Description |
| Top Padding |
Adjusts the top spacing of the section (0–100px). Default: 50px. |
| Bottom Padding |
Adjusts the bottom spacing of the section (0–100px). Default: 50px. |