Create a Strong Visual First Impression
Use video and slides to introduce your brand, highlight collections, showcase new arrivals, and guide visitors to key pages.
Combine a background video with a clickable image slider to showcase your brand, products, collections, services, or promotions in one engaging section.
OS 2.0 Ready
Responsive Design
Interactive Slider 
Bring video and interactive slides together with controls for playback, slider columns, navigation, colors, and responsive layouts.
Add a Shopify-hosted video as the main visual backdrop.
Choose whether the video starts automatically and repeats continuously.
Choose whether the background video plays muted.
Add image slides below the video with simple arrow navigation.
Add an image, heading, and link to each slide.
Choose 4, 5, or 6 visible slides on the desktop.
Customize the slider arrow color, background, border, and size.
The video and slider adapt to different screen sizes.
Control the video, slider, content, and section styling from one place.
Applies to the whole section
Main heading displayed above the video.
HeadingSupporting text displayed below the heading.
ContentChoose the alignment of the section text.
Text AlignmentVideo displayed as the section background.
VideoStart the video automatically.
AutoplayRepeat the video continuously.
LoopPlay the video without sound.
MuteSet the number of visible slides on the desktop.
Columns on DesktopSet the section background color.
Background ColorSet the main heading color.
Heading ColorSet the slider arrow color.
Arrow ColorMake the section span the available width.
Full WidthSet the maximum section width.
Section Width
Applies to each slide
Image displayed in the slide.
ImageTitle displayed on the slide.
HeadingPage or destination linked to the slide.
LinkUse video and interactive slides to capture attention, showcase products or collections, and guide visitors toward important store content.
Use video and slides to introduce your brand, highlight collections, showcase new arrivals, and guide visitors to key pages.
Create a strong first impressionSupport brand storytellingHighlight featured collectionsShowcase new arrivalsUse video and slides to highlight categories, related collections, or featured products while giving shoppers more ways to browse.
Highlight important categoriesShowcase related collectionsSupport product discoveryEncourage deeper browsingCombine video and slider content to show related products, collections, or supporting visuals alongside the current product.
Add product contextShowcase related productsHighlight complementary collectionsSupport product discoveryCombine video with clickable slides to introduce campaigns, promotions, products, or collections and guide visitors toward the right pages.
Capture attention quicklyStrengthen campaign storytellingHighlight promotionsAdd interactive contentCombine background video with clickable slides to create an engaging visual section that captures attention and helps shoppers explore important store content.
Use background video, clickable images, flexible slider controls, and responsive settings to showcase products, collections, promotions, or brand content.
Combine video with interactive slidesShowcase multiple visual highlightsAdd clickable links to slidesChoose desktop slider columnsControl video autoplay and loopingAdjust video mute settingsCustomize slider navigationCreate responsive visual experiences
Use a high-quality, relevant video
Keep slider images consistent
Use clear slide titles
Link slides to relevant pages
Keep slide content focused 
Use unrelated visuals
Use low-quality images or video
Add unclear titles
Link to unrelated pages
Overload the slider Yes. Select a Shopify-hosted video to use as the main visual background.
Yes. You can enable both Autoplay and Loop from the section settings.
Yes. Use the Mute setting to control the video's sound.
Yes. Add multiple slide blocks, each with its own image, heading, and link.
You can choose 4, 5, or 6 visible slides on the desktop.
Yes. You can customize the arrow color and other navigation styling from the theme editor.
Yes. The video and slider adjust to smaller screens for a better mobile experience.
Yes. Enable Full Width or set a custom maximum width when using a contained layout.
For Support or any Questions Email Us: [email protected]
Install SectionHub and add the Video with Slider section to your theme in minutes- no coding required.
