🛠️ What It Does
The Media Carousel widget allows you to display multiple images or videos in a dynamic, interactive slider format. It offers three distinct layout styles to help you present visual content in engaging ways.
🎯 Key Usefulness
Enhances pages with motion and interaction.
Helps showcase images, graphics, or videos in a compact layout.
Perfect for product displays, portfolios, visual stories, and before-after comparisons.
📅 Best Use Cases
Break up large text sections with visuals.
Showcase multiple product variants or designs.
Display step-by-step visual instructions.
Create a unified slider mixing images and videos.
⚙️ Widget Layout Options
Layout Styles
Carousel – Multiple slides visible with side-scrolling behavior.
Slideshow – One main slide with thumbnail navigation.
Coverflow – Three slides visible, with the center in focus and side slides angled for depth.
📁 Content Configuration
Add unlimited media slides (images and videos).
Customize slide size, spacing, borders, and padding.
Set how many slides appear at once and how many move per scroll.
Choose animation styles such as slide, fade, or 3D cube transition.
Enable autoplay with options for speed, looping, and pause on hover or interaction.
🎭 Overlay & Interactivity
Add hover overlays with icons, captions, or text descriptions.
Choose overlay icons (e.g., plus, magnifier, play) with entrance animations.
Customize overlay color, text, icon style, and positioning.
🧭 Navigation Options
Add navigation arrows with control over size, icons, and placement.
Use pagination styles like dots, fractions, or progress bars.
Configure layout and visibility of navigation elements.
🎨 Visual Styling
Adjust slide background, border, radius, spacing, and padding.
Style arrows, pagination, and overlay elements to match your branding.
Customize play icon appearance for video slides.
💡 Lightbox Integration
Slides can be linked to open in a lightbox viewer.
Lightbox appearance can be customized, including background color, control styles, and video playback size.
✅ Pro Tips
Maintain consistent image dimensions for a clean layout.
Combine autoplay with hover-pause for better user experience.
Use subtle transitions to avoid visual clutter.
Add overlays with concise messaging to guide user focus.
📈 Ideal Use Scenarios
Portfolios – Highlight creative work or photography.
E-commerce – Showcase product variations efficiently.
Testimonials – Cycle through client feedback or video reviews.
Visual Timelines – Present steps, transformations, or stories.
