Collapsible content with media
Overview:
The "Collapsible with Media" section is designed to combine multimedia content (images and videos) with expandable, collapsible text rows. This section is ideal for providing detailed information while maintaining a clean, organized layout.
Section Configuration:
Layout Settings
| Setting | Description |
|---|---|
| Media Size | Determines the size of the media (image or video). Options: Adapt, Square, Portrait, Landscape. |
| Heading | Main heading for the section. |
| Heading Size | Choose the size of the heading. Options: XX-Large, X-Large, Large, Medium. |
| Description | Text description to provide additional context. |
| Text Size | Adjusts the size of the text in the description. Options: X-Large, Large, Medium, Small. |
| Row Heading Size | Determines the size of the heading for each collapsible row. Options: Medium, Small, X-Small. |
| Image Order | Sets the order of the image/video relative to the text content. Options: Row (image first), Row Reverse (text first). |
| Content Alignment | Aligns the content vertically. Options: Top, Middle, Bottom. |
| Text Alignment (Desktop) | Aligns text within the section on desktop devices. Options: Left, Center, Right. |
| Color Scheme | Select the color scheme for the section. |
| Autoplay | Autoplays the media content in the section. |
| Show Navigation | Displays navigation arrows for media. |
| Show Pagination | Shows pagination controls for the media. |
| Change Slides Every | Sets the interval between slides (in seconds) if autoplay is enabled. |
| Top Padding | Adjusts the padding at the top of the section. |
| Bottom Padding | Adjusts the padding at the bottom of the section. |
Blocks Configuration:
Each block in this section represents either a media element (image or video) or a collapsible row with text content.
Image Block
| Setting | Description |
|---|---|
| Image | Select an image to display in the section. |
Video Block
| Setting | Description |
|---|---|
| Cover Image | Optional cover image for the video. |
| Alt Text | Alternative text for the video, improving accessibility. |
| Enable Video Looping | Set to loop the video playback. |
| Upload Video | Upload a custom video file. |
| Embed Video URL | Link to a video hosted on YouTube or Vimeo. |
Collapsible Row Block
| Setting | Description |
|---|---|
| Heading | The heading for the collapsible row. |
| Description | The content inside the collapsible row. |
| Open by Default | Sets the row to be expanded by default when the section loads. |