Collapsible with media
Overview
The Collapsible with Media section enables dynamic content presentation with collapsible rows and media elements like images or videos. It's ideal for creating a visually engaging and interactive user experience.
Section Configuration:
General Settings
| Setting |
Description |
| Section Heading |
Add a primary heading for the section. |
| Heading Size |
Select the size of the heading. Options: h1, h2, h3, h4. Default: h3. |
| Heading Weight |
Choose the font weight of the heading. Options: bold, semi-bold, medium, normal. Default: bold. |
| Caption |
Add a caption below the heading. |
| Caption Size |
Set the size of the caption text. Options: h5, h6. Default: h6. |
| Caption Weight |
Set the font weight of the caption. Options: bold, semi-bold, medium, normal. Default: medium. |
| Setting |
Description |
| Media Size |
Define the media aspect ratio. Options: adapt, square, portrait, landscape. Default: adapt. |
| Media Order |
Adjust the layout order of the media and content. Options: row (default), row_reverse. |
| Content Alignment |
Vertically align content. Options: top, middle, bottom. Default: middle. |
Collapsible Settings
| Setting |
Description |
| Collapsible Heading |
Add a heading to introduce the collapsible rows. |
| Collapsible Heading Size |
Define the size of the collapsible heading. Options: h1, h2, h3, h4, h5. Default: h5. |
| Collapsible Heading Weight |
Set the font weight for the collapsible heading. Options: bold, semi-bold, medium, normal. Default: semi-bold. |
Slideshow Settings
| Setting |
Description |
| Autoplay |
Enable automatic transition of media. Default: false. |
| Show Navigation |
Show navigation arrows in the media slider. Default: true. |
| Show Pagination |
Display pagination dots in the media slider. Default: false. |
| Change Slides Every |
Set the interval between slide transitions in seconds. Range: 2–9. Default: 5 seconds. |
Text Alignment and Color Scheme
| Setting |
Description |
| Desktop Text Alignment |
Set text alignment for desktop view. Options: left, center, right. Default: left. |
| Mobile Text Alignment |
Set text alignment for mobile view. Options: left, center, right. Default: center. |
| Color Scheme |
Choose a predefined color scheme for the section. Default: scheme1. |
Spacing Settings
| Setting |
Description |
| Top Padding |
Add padding to the top of the section. Range: 0–100 px. Default: 50 px. |
| Bottom Padding |
Add padding to the bottom of the section. Range: 0–100 px. Default: 50 px. |
Blocks Configuration:
Image Block
| Setting |
Description |
| Image |
Upload an image for the media slider. |
Video Block
| Setting |
Description |
| Cover Image |
Add a cover image for the video. |
| Alt Text |
Provide alternative text for the video cover image. |
| Enable Video Looping |
Loop the video playback. Default: false. |
| Video File |
Upload a video file. |
| Video URL |
Embed a video URL from YouTube or Vimeo. |
Collapsible Row Block
| Setting |
Description |
| Heading |
Add a heading for the collapsible row. |
| Description |
Add content for the collapsible row. |
| Open by Default |
Set the collapsible row to be open by default. Default: false. |