Media
Visual and media sections in the Avante theme — image grids, comparison sliders, shoppable stories, video embeds, hotspot images, and text-media layouts.
Nine sections for visual content beyond banners — image grids, comparison sliders, interactive hotspots, shoppable media experiences, video, and Instagram-style stories.
Section overview
Media with Text
Media with Text & Media with Side Tabs
Image or video paired with text content in a side-by-side or stacked layout
Media with Tabs
Media with Text & Media with Side Tabs
Tabbed content section where each tab switches the paired media
Image Grid
Image Grid, Image Comparison & Multicolumn
Responsive grid of images with optional overlay content and links
Image Comparison
Image Grid, Image Comparison & Multicolumn
Before/after slider comparing two images side by side
Multicolumn
Image Grid, Image Comparison & Multicolumn
Multi-column content blocks with image, heading, text, and link per column
Image with Hotspots
Image with Hotspots
Interactive image with clickable pins that reveal product cards or content
Shoppable Media Slider
Shoppable Media Slider & Stories Slideshow
Full-screen media carousel with embedded product cards for direct purchase
Stories Slideshow
Shoppable Media Slider & Stories Slideshow
Instagram-style stories with swipeable slides and shoppable product cards
Video
Video
Embedded video section supporting Shopify-hosted, YouTube, and Vimeo sources
Quick decision guide
Pairing an image with descriptive text? → Media with Text — the standard side-by-side layout. Media with Tabs for a tabbed version where each tab shows different media.
Building an image gallery? → Image Grid for a responsive grid with overlay content. Multicolumn for columns with text underneath each image.
Showing a before/after comparison? → Image Comparison — interactive slider between two images.
Want clickable product pins on an image? → Image with Hotspots — place pins on a lifestyle photo that reveal product cards on click.
Shoppable visual experience? → Shoppable Media Slider for a full-screen carousel with product cards. Stories Slideshow for an Instagram-style swipeable format.
Embedding a video? → Video section — supports hosted video, YouTube, and Vimeo with autoplay and cover image options.
Shared features
Most media sections support overlay controls, color scheme overrides, section width options, responsive mobile layouts, and content positioning. Shoppable sections share product card settings (price, vendor, rating, quick view).
Last updated
Was this helpful?