Hero Sections for Elementor, Already Designed.
Twelve finished layouts in one Elementor hero banner widget — Modern, Editorial, Luxury and Magazine. Premium typography, considered spacing, real motion. Six are free, forever.
12
Layouts
4
Style Packs
150+
Style Options
6
Free Forever
Explore Live Demos
One page per style pack, all three variants stacked on real store pages. Each preview below is that pack running live.
Modern Style
All 3 free
Clean and product-forward. Generous space, an electric-blue accent, and the only pack that's free end to end.
V1
Split Showcase
FREE
Story card + product card
V2
Cinematic
FREE
100vh · Ken-Burns · stats
V3
Product Spotlight
FREE
Split screen + counter
Editorial Style
1 free · 2 Pro
Magazine-grade storytelling in serif on warm paper. Kickers, captions and bylines for stores that publish, not just sell.
V1
The Feature
FREE
Magazine split + byline
V2
Motion Editorial
PRO
Dual panel with video
V3
Numbered Story
PRO
Ghost numerals, chapters
Luxury Style
1 free · 2 Pro
Near-black and gold. Almost no colour, almost no words, and the confidence to leave space empty.
V1
Gold Standard
FREE
Full-bleed + gold rule
V2
Dual Panel
PRO
Two panels, side by side
V3
The Statement
PRO
Ken-Burns + social strip
Magazine Style
1 free · 2 Pro
Bold cover-story grids with chips, badges and ratings. Static full-page layouts by design — not carousels.
V1
Deal Grid
FREE
Hero + 2 sidebar cards
V2
Cover Story
PRO
Cover + product/stat/lookbook
V3
Room Shop
PRO
Feature + promo + 2 spots
Before vs After: The Transformation
Your homepage has about one second to look expensive. Here's what changes.
Without Hero Banner
- Your theme's default banner — the one every other store using it also has
- A stretched image with a headline dropped on top and no type hierarchy
- Text that lands wherever the photo happens to be light
- Hours in the Elementor panel rebuilding spacing that still looks off
- Custom CSS to get a hover state that behaves
- A hero that breaks the moment someone opens it on a phone
Result: A Forgettable First Impression
With Hero Banner
- Twelve finished layouts across four distinct design systems
- Type scale, contrast and image treatment already decided by a designer
- Scrims and overlays tuned so your headline stays readable on any photo
- Two dropdowns and your own images — done in under five minutes
- Hover states, sliders and motion built in, no CSS
- Per-pack breakpoints, tested from 1440 down to 390
Result: A Homepage That Looks Expensive
What Makes This Hero Banner Different
These standout features set Hero Banner apart from every other hero section widget
Style Packs, Not Presets
Four complete design systems — each with its own colour tokens, typography and layout language. Switch pack and the whole thing retints. This isn't a colour picker on a single template.
4 packs · 12 layouts
A Hero That Plays
Motion Editorial runs a silent, looping, self-hosted video in one full-bleed panel and a still in the other, with fade transitions and its own counter, progress bar and arrows.
Editorial V2 · Pro
Try Pro Before You Buy It
Locked layouts render live in your editor with demo content and your slider settings — marked Pro — Preview Only. Most plugins show a screenshot. We show the thing.
Free tier
Set Up in Four Simple Steps
Drag it in, pick a pack, pick a variant, add your content.
1. Drop the Widget In
Search "Hero Banner" in the Elementor panel and drag it onto the page.
⏱ 30 seconds
2. Pick a Style Pack
Modern, Editorial, Luxury or Magazine — the aesthetic.
⏱ 1 minute
3. Pick a Variant
1, 2 or 3 — the layout. The canvas updates live, Pro layouts included.
⏱ 1 minute
4. Add Your Content
Heading, eyebrow, description, buttons, images. Style tab optional.
⏱ Instant
Which Layout Is Yours?
Six store types, and the layout we'd reach for first in each. Every card opens that pack's live demo.
Fashion & Apparel
Cinematic full-bleed campaigns · Modern V2
Jewelry & Watches
Near-black restraint & gold rule · Luxury V1
Beauty & Skincare
Serif storytelling on warm paper · Editorial V1
Home & Furniture
Three-column shoppable grid · Magazine V3
Electronics & Tech
Split showcase for spec-led ranges · Modern V1
Everything You Need
244 controls across 27 panel sections — professional hero sections without any coding
Slider Options
- ✓ Arrows, dots & infinite loop
- ✓ Fade or slide transition
- ✓ Autoplay + speed in ms
- ✓ Pause on hover
- ✓ Per-breakpoint items & scroll
- ✓ Custom tablet / mobile widths
Typography Control
- ✓ Heading, eyebrow, description
- ✓ Both buttons, independently
- ✓ Family, weight, size, spacing
- ✓ Line height & transform
- ✓ Responsive per breakpoint
- ✓ 4 pack fonts included
118 Colour Controls
- ✓ Heading, eyebrow, highlight
- ✓ Description & showcase text
- ✓ Button bg, text, border
- ✓ Overlay & scrim colours
- ✓ Slider arrows & dots
- ✓ Every hover state
Highlight Text
- ✓ Comma-separated phrases
- ✓ Gradient background-clip
- ✓ Ghost-stroke outline (Modern V2)
- ✓ Italic accent (Editorial)
- ✓ Underline rule (Magazine V1)
- ✓ Per-slide control
Motion & Media
- ✓ Ken-Burns background drift
- ✓ Rotating SVG spin badge
- ✓ Pulsing live indicator
- ✓ Slide counter + progress bar
- ✓ Self-hosted video panel (Pro)
- ✓ Respects reduced-motion
Developer Hooks
- ✓ One CSS variable retints a pack
- ✓ woolentor_style_packs filter
- ✓ woolentor_pack_template_path
- ✓ Override any template
- ✓ Custom CSS handles throughout
- ✓ Translation-ready
Slider, Motion & Control
Every hero except Magazine can run as a slider — Magazine is a static grid by design
Arrows
Show, hide, restyle
Dots
Position & colour
Infinite
Loop or stop
Fade
Fade or slide
Autoplay
On, off, speed
Pause on hover
Respect the reader
Items per view
1–5 on desktop
Breakpoints
Tablet 768 · mobile 480
Ken-Burns drift
Slide counter
Progress bar
Rotating spin badge
Pulsing live dot
Custom in-slide arrows
Vertical social strip
Respects reduced-motion
Six Layouts. Free Forever.
All three Modern variants, plus the first variant of Editorial, Luxury and Magazine. No trial, no email, no asterisk — they're yours.
| Style Pack | Variant 1 | Variant 2 | Variant 3 |
|---|---|---|---|
| Modern | Free Split Showcase | Free Cinematic | Free Product Spotlight |
| Editorial | Free The Feature | Pro Motion Editorial | Pro Numbered Story |
| Luxury | Free Gold Standard | Pro Dual Panel | Pro The Statement |
| Magazine | Free Deal Grid | Pro Cover Story | Pro Room Shop |
Modern is the only pack unlocked end to end — including Cinematic, the most confident layout in the set.
PRO
Six More, in Pro
Everything Pro adds, in one place — and you can see all six before you pay.
🔒
Motion Editorial
Editorial · V2
Video hero. Self-hosted, silent, looping — with fade transitions and custom controls.
🔒
Numbered Story
Editorial · V3
Oversized ghost numerals and editorial typography for multi-chapter storytelling.
🔒
Dual Panel
Luxury · V2
Two full-bleed panels side by side. Built for two-product launches.
🔒
The Statement
Luxury · V3
Full-bleed with a vertical social strip and a slow Ken-Burns drift.
🔒
Cover Story
Magazine · V2
Magazine cover panel with a rotating badge, plus a product / stat / lookbook sidebar.
🔒
Room Shop
Magazine · V3
Three-column: one feature, one promo, two shoppable spots. Every panel links out.
You Can Already See Them
Install ShopLentor free and open any Pro layout in Elementor. It renders live, in your editor, with your slider settings — marked Pro — Preview Only. Look before you buy.
Same widget, same settings. Activate Pro and locked layouts light up on pages you've already published — nothing to rebuild, nothing to reconfigure.
Our Users Share Their Experience
Read what store owners say about our module’s impact on their business efficiency and customer satisfaction.
5.0
Super fast assistance!
I’m very impressed with the speed of the support team. I had a request to remove a category label, and they not only replied quickly but also logged in to fix it for me. Everything works perfectly now. Thanks for the great help!
mrrick97
(@mrrick97)
18 Dec 2025
5.0
Friendly and professional support
I sent an email to inquire about the Display in ShopLentor Plugin issue. I received a quick reply and the issue was resolved. Thank you very much.
raycksh
(@raycksh)
14 May 2025
5.0
Awesome software with great support
Great product all round with awesome backup service. Thanks for the assistance chaps.
ryanduncan
(@ryanduncan)
24 Feb 2025
5.0
Great Plugin, with Great support
The plugin works flawlessly, And when i faced some issue with some elements not rendering properly their support was prompt in helping me out, really satisfied with their service.
swrnvnams
(@swrnvnams)
27 Apr 2025
5.0
Best Plugin ever
The best plugin with all functions for woocommerce!
I loved it and also their support team is very helpful!
Thanks a lot!
ericreates
(@ericreates)
24 Feb 2025
5.0
Good One.
Good plugin works well with Elementor Pro. Supports custom template builder with ACF Fields which is very productive in creative development with less coding. Thanks to the development team.
webtinker
(@webtinker)
17 Jan 2025
Frequently Asked Questions
Everything you need to know about Hero Banner Widget
What's the difference between the four style packs?
Each is a complete design system with its own colour tokens, typography and layout language. Modern — clean, product-forward, electric-blue accent, Sora headings. Editorial — warm paper and clay, serif, built for storytelling. Luxury — near-black and gold (#C9A86A), built for restraint. Magazine — bold cover-story grids in condensed type with badges and chips. Every pack ships three variants, so it's twelve layouts, not four.
Which layouts are free?
Six of the twelve. All three Modern variants, plus Variant 1 of Editorial, Luxury and Magazine. Free forever — no trial, no email required. The Product Spotlight layout at the top of this page is one of them.
Can I see the Pro layouts before I buy?
Yes — properly, not as a screenshot. Install ShopLentor free, drop the widget in, and pick any Pro layout. It renders live in your Elementor editor with demo content and your own slider settings, marked Pro — Preview Only. Test arrows, dots, fade and autoplay before spending anything.
Does it pull products from my WooCommerce catalogue?
No — and we'd rather say so here than have you find out after installing. Hero Banner Widget is a design tool, not a data tool. Every field — heading, price, product name — is yours to write. Two related notes: Magazine layouts don't slide (they're full-page grids by design), and video is Editorial V2 only, as a self-hosted MP4 — no YouTube or Vimeo embed.
Will it look like a template?
There are 157 controls in the Style tab alone — 118 of them colour. Heading, eyebrow, highlight, description and both buttons all take independent typography, colour, padding, radius and hover states. Each pack is driven by CSS custom properties, so one variable retints the whole thing. No CSS required.
Can I use this with both Elementor and Gutenberg?
Elementor only, for now. Hero Banner Section widget works identically in Elementor Free and Elementor Pro. Unlike some other ShopLentor widgets, there's no Gutenberg block for this one yet — we'd rather tell you here than have you search the block inserter for it.
Ready for a Homepage That Looks Expensive?
Twelve layouts. Six free, forever. No design skills required.
- Risk-free purchase guaranteed
- Secure payment processing
- Lifetime updates
- Priority support included
- Cross-browser compatibility
★★★★★ 4.5/5 rating
From 225+ reviews
Trusted by 100,000+
Active stores wordwide
32% Average Growth
In revenue after implementation