Banners
Browse all 10 banner sections in the Avante Shopify theme — hero banners, grids, galleries, scrolling layouts, and fullscreen product banners.
Avante includes 10 banner sections for building high-impact visual layouts — from full-screen homepage heroes to editorial grids, horizontal scroll experiences, and promotional tickers.
Section overview
Image Banner
Full-width hero with a background image and overlay content
Video Banner
Full-width hero with an autoplaying background video
Slideshow with Media
Multi-slide hero carousel with per-slide content
Fullscreen Banner with Product
Fullscreen Banner with Product
Hero banner with embedded product card and scroll animations
Banner Grid
Banner Grid, Split Banner & Banners with Sticky Content
Freeform mosaic grid with mixed-size tiles
Split Banner
Banner Grid, Split Banner & Banners with Sticky Content
Two side-by-side banners with independent content
Banners with Sticky Content
Banner Grid, Split Banner & Banners with Sticky Content
Card-style editorial banner slider with sticky heading
Banner Gallery
Banner Gallery & Horizontal Scrolling Banners
Responsive image grid with hover content reveal
Horizontal Scrolling Banners
Banner Gallery & Horizontal Scrolling Banners
Full-viewport horizontal scroll experience
Quick decision guide
Need a homepage hero? → Image Banner for a single image, Video Banner for a looping video, Slideshow with Media for multiple slides.
Want a hero that sells directly? → Fullscreen Banner with Product — hero banner with an embedded product card and scroll animations.
Building a visual grid or lookbook? → Banner Grid for mixed-size tiles, Banner Gallery for a clean uniform grid.
Promoting two collections side by side? → Split Banner with independent content and CTA per side.
Want editorial storytelling with horizontal scroll? → Horizontal Scrolling Banners — full-viewport panels with media and text.
Need a promotional ticker? → Scrolling Promotion — animated scrolling bar with text, icons, and links.
Shared features
Most banner sections share the same layout, color, and content settings — see Common section settings and Common blocks.
Last updated
Was this helpful?