Make the First Impression Count
Placed right at the top of your homepage, the Hero Slideshow becomes the first thing every visitor sees - rotating through new arrivals, best sellers, and promotions before they scroll any further.
Showcase your best products, collections, and promotions in a beautiful, swipeable slider - so nothing important gets lost in a static grid.
2.0 Compatible
Swipe & Touch
No Coding Needed 
From images and copy through to links, navigation and autoplay, every part of a slide is configurable from the theme editor, with no code.
Automatically adapts to desktop, tablet, and mobile devices.
Display multiple slides within a single section.
Add high-quality images to each highlight card.
Control headings, descriptions, and button text.
Drive traffic to collections, products, pages, or external links.
Smooth swipe experience on mobile devices.
Support for slider arrows and pagination.
Optimized structure for performance-focused Shopify stores.
Every detail, in your control.
Applies to the whole section
Main title displayed above slider.
Section HeadingSupporting text below heading.
Section DescriptionSection background color.
Background ColorSpace above and below section.
Top / Bottom PaddingNumber of visible slides.
Slides Per ViewGap between cards.
Space Between SlidesShow next / previous arrows.
Enable NavigationShow pagination dots.
Enable PaginationAuto-slide functionality.
Enable AutoplaySlide transition timing.
Autoplay Speed
Applies to each slide
Card image.
ImageHighlight title.
HeadingHighlight content.
DescriptionCTA text.
Button LabelDestination URL.
Button LinkPlaceholder line one describing where the Hero Slideshow fits in a store. Placeholder line two adding a second supporting sentence for this section.
Placed right at the top of your homepage, the Hero Slideshow becomes the first thing every visitor sees - rotating through new arrivals, best sellers, and promotions before they scroll any further.
Captures attention within the first few secondsRotates multiple priorities without cluttering the layoutSets the tone for your brand instantlyGuides visitors straight to your top collectionsReduces bounce rate on the landing screenAdd the slideshow at the top of a collection page to spotlight featured items, size guides, or seasonal picks - helping shoppers navigate large catalogs faster.
Surfaces best sellers within the collectionCuts down browsing time for shoppersPromotes cross-sell items contextuallyKeeps the page visually organizedEncourages deeper collection explorationOn a product page, use the slideshow to showcase bundles, related products, or limited-time offers right alongside the item a customer is already considering.
Increases average order value with bundlesDisplays urgency-driven offers effectivelyKeeps shoppers engaged before checkoutReinforces trust with quality highlightsReduces decision fatigue with clear optionsFor seasonal sales or product launches, the Hero Slideshow anchors a landing page - cycling through offer details, countdowns, and CTAs without needing multiple sections.
Keeps campaign messaging front and centerSupports multiple offers in one compact areaImproves click-through on time-sensitive dealsMatches the pace of paid traffic landing pagesSimplifies page structure for faster load timesStatic product grids bury key items. A dynamic slider showcases top collections, new arrivals, and sales sequentially-boosting engagement and driving higher click-through rates.
Unlock higher engagement and effortless customizability with a responsive design built to convert store visitors into buyers.
Improve Homepage EngagementIncrease Collection VisibilityPromote Important ContentBetter Mobile ExperienceModern Interactive DesignHigher Click-Through RatesFlexible Content Management
Highlight important content only
Use consistent image styles
Add clear CTA buttons
Keep messaging concise
Use 4–8 slides for optimal engagement 
Add excessive text
Use low-quality images
Add too many slides
Use unclear button labels Yes. You can add as many highlight blocks as needed.
Yes. The section is fully optimized for all screen sizes.
Yes. Each slide can redirect to products, collections, pages, blogs, or external URLs.
Yes. Autoplay can be enabled or disabled from section settings.
Yes. Colors can be customized according to your brand requirements.
For Support or any Questions Email Us: [email protected]
Install SectionHub and add the Hero Slideshow to your theme in minutes - no coding required.
