Media with content
Overview:
The "Media with Content" section is designed to present a combination of images or videos alongside textual content, offering a versatile layout for highlighting products, promotions, or brand stories.
Section Configuration:
Layout Settings
| Setting | Description |
|---|---|
| Image | Select an image to be displayed alongside the content. |
| Section Caption | A small caption text to appear above the heading. |
| Caption Size | Determines the size of the caption. Options: Medium, Small, X-Small. |
| Heading | The main heading for the section, typically larger than the caption. |
| Heading Size | Controls the size of the heading. Options: XX-Large, X-Large, Large, Medium. |
| Description | Additional text content that provides more details or context. |
| Text Size | Controls the size of the description text. Options: X-Large, Large, Medium, Small. |
| Background Full Width | Enables or disables a full-width background for the section content. |
| Media Size | Determines how the media (image/video) is displayed. Options: Adapt, Square, Portrait, Landscape. |
| Media Order | Defines the order of media and content on desktop. Options: Row, Row Reverse. |
| Content Alignment | Vertical alignment of the content. Options: Top, Middle, Bottom. |
| Text Alignment (Desktop) | Aligns the text on desktop. Options: Left, Center, Right. |
| Text Alignment (Mobile) | Aligns the text on mobile devices. Options: Left, Center, Right. |
| Color Scheme | Selects the color scheme for the section. |
| Auto Play | Enables automatic sliding for media in the slider. |
| Show Navigation Arrows | Displays navigation arrows in the media slider. |
| Show Pagination | Displays pagination dots for the slider. |
| Slide Interval | Interval for changing slides automatically, in seconds. |
| 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 within this section represents either an image or a video. You can add multiple blocks to create a slider.
Image Block
| Setting | Description |
|---|---|
| Image | Select the image to display. |
Video Block
| Setting | Description |
|---|---|
| Cover Image | The image to display as the cover for the video. |
| Alt Text | Alternative text for accessibility and SEO purposes. |
| Enable Video Loop | Option to loop the video playback. |
| Upload Video | Allows you to upload a video file directly. |
| Video URL | URL of the video to embed (supports YouTube and Vimeo). |