Your homepage has about 3 seconds to make an impression. Make them count.
When a visitor lands on your Shopify store, the first thing they see sets the tone for everything that follows. A compelling banner — whether it's a cinematic video or a bold, high-impact image — can be the difference between a bounce and a sale. That's why we built two dedicated banner modules for Shopify OS 2.0: the Video Banner Module and the Image Banner Module.
But which one is right for your store? And can you use both? Let's break it down.
Why Your Banner Section Matters More Than You Think
Most Shopify themes ship with a generic hero section. It works — but it doesn't convert. The problem is that default sections lack the fine-grained controls that modern brands need: overlay opacity, custom CTA placement, mobile fallback behavior, and performance-optimized loading.
The DJAR banner modules were built specifically to close that gap — no custom coding required, fully compatible with the OS 2.0 drag-and-drop editor.
The Video Banner Module: For Brands That Move
The Shopify Video Banner Module is designed for stores that want to tell a story in motion. Think product demos, brand films, lifestyle footage, or behind-the-scenes content playing the moment a visitor arrives.
Best for:
- Fashion, beauty, and lifestyle brands
- Stores launching a new product or collection
- Brands with existing video assets they want to put to work
Key features:
- Full-width autoplay video (MP4 and hosted video support)
- Overlay text, headlines, and CTA buttons with color controls
- Mobile-optimized with fallback image support
- Zero layout shift on load
The result: Visitors feel immersed in your brand before they've read a single word.
The Image Banner Module: For Brands That Command Attention
The Shopify Banner Hero Module is built for stores that lead with striking visuals and sharp messaging. It gives you pixel-level control over your hero image — without touching a line of code.
Best for:
- Stores with strong product photography
- Seasonal promotions and sale announcements
- Brands that prioritize fast page load speeds
Key features:
- High-resolution image support with focal point control
- Overlay gradients, text positioning, and CTA customization
- Optimized for Core Web Vitals and LCP performance
- Fully responsive across all devices
The result: A clean, professional first impression that loads fast and converts.
Video vs. Image: A Quick Comparison
| Video Banner Module | Image Banner Module | |
|---|---|---|
| Best for | Storytelling & brand immersion | Bold visuals & fast load times |
| Media type | MP4 / hosted video | High-res image |
| Mobile fallback | ✅ Image fallback included | ✅ Native |
| Page speed impact | Moderate (autoplay, muted) | Minimal |
| CTA controls | ✅ | ✅ |
| OS 2.0 compatible | ✅ | ✅ |
Can You Use Both?
Absolutely — and many stores do. A common pattern is to use the Video Banner on your homepage for maximum impact, and the Image Banner on collection pages or landing pages where speed and clarity take priority.
Both modules are built to work side by side within the same theme, so mixing and matching is seamless.
Which One Should I Buy?
Here's a simple rule of thumb:
- Buy the Video Banner Module if you already have video assets or plan to create them. The immersive experience is unmatched for brand storytelling.
- Buy the Image Banner Module if you want the fastest possible load time and have strong product photography to lead with.
- Buy both if you want maximum flexibility — use video on your homepage and images on landing pages or collection pages.
How to Install
Both modules are digital downloads. After purchase, you'll receive a .liquid section file along with a step-by-step installation guide. Drop the file into your theme's sections folder, add it to your template via the OS 2.0 editor, and you're live — typically in under 10 minutes.
No developer needed.
Want the Full Storefront Toolkit?
Both banner modules are included in the Essential Store Modules Bundle — along with the FAQ Module and Value Props Module. Get all four at a discount and build a complete, high-converting storefront in one go.
Ready to Upgrade Your Storefront?
Your banner is the first thing customers see. Make sure it's working as hard as you are.
👉 Get the Video Banner Module →
👉 Get the Image Banner Module →
DJAR Modules builds premium OS 2.0 sections for Shopify merchants who want a high-converting storefront without the custom dev bill.