Dual Video With Slider Section Tell Stories Through Moving Content

Create an immersive video slider that combines full-size videos, supporting content, slide counters, and smooth navigation to present brand stories in a focused visual layout.

  • check-icon Full-Screen Video Slides
  • check-icon Autoplay Slider
  • check-icon Responsive Story Layout
Dual Video With Slider preview
Dual Video With Slider preview
vector
vector

Key Features for Video Storytelling and Slides

Build a focused video experience with individual slide videos, supporting content, autoplay timing, counters, navigation arrows, and responsive layouts.

Full Video for Every Slide

Full Video for Every Slide

Add a dedicated video to each slide and use it as the main visual for that story, campaign, product, or content block.

Optional Thumbnail Video

Optional Thumbnail Video

Add a separate supporting video below the slide content, or reuse the main video automatically when no thumbnail video is provided.

Autoplay Slide Rotation

Autoplay Slide Rotation

Enable automatic slide changes so visitors can move through your video stories without needing to navigate manually.

Adjustable Slide Timing

Adjustable Slide Timing

Control how frequently slides change automatically by setting a delay from 1 to 10 seconds.

Smooth Fade Transitions

Smooth Fade Transitions

Use a smooth fade effect between slides to create a focused transition from one video story to the next.

Slide Counter Display

Slide Counter Display

Show the current slide number together with the total number of slides so visitors can understand their position in the sequence.

Previous and Next Navigation

Previous and Next Navigation

Give visitors simple arrow controls to move backward or forward through the video slides whenever they want to browse manually.

Responsive Video Layout

Responsive Video Layout

Adapt video content, typography, spacing, and navigation for smaller screens so the experience remains easy to use on mobile devices.

Dual Video With Slider Settings & Optrions

Control slide playback, video visibility, typography, colors, spacing, navigation, and section width directly from the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Enable or disable automatic movement between video slides.

Autoplay

Set how many seconds pass before the next slide appears.

Slide Change Delay

Show or hide the smaller supporting video below the slide content.

Hide Thumbnail Video

Adjust the main section heading text size.

Main Heading Size

Control the font size used for the slide counter.

Counter Font Size

Set the font size used for slide subheadings.

Subheading Size

Choose the main background color for the complete section.

Background Color

Set the background color behind individual slide items.

Item Background Color

Choose the background color used behind the slide counter.

Counter Background Color

Set the maximum section width when full-width layout is disabled.

Section Maximum Width
Block Settings

Block Settings

Applies to each individual slide

Add the main full-size video displayed for the slide.

Full Video

Add a separate supporting video below the slide content.

Thumbnail Video

Add the main heading displayed with the selected video.

Heading

Add supporting text below the slide heading.

Subheading

Add rich-text content that explains the current video story.

Content

Where This Section Can Be Used

Use video storytelling across key Shopify pages to introduce your brand, explain visual concepts, highlight collections, or create focused campaign experiences.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Create an Immersive Brand Introduction

Use multiple video slides to introduce your brand, highlight different visual stories, and give visitors a focused way to explore important homepage content.

check-iconIntroduce your brand through engaging video stories.

check-iconHighlight different campaigns in separate slides.

check-iconPresent visual content without adding multiple sections.

check-iconCreate a focused storytelling experience for visitors.

check-iconGuide attention through a structured slide sequence.

Collection Page

Showcase the Story Behind Collections

Use individual video slides to present collection themes, seasonal edits, category stories, or visual merchandising ideas, accompanied by supporting headings and content.

check-iconGive collections a stronger visual introduction.

check-iconPresent seasonal collection stories through video.

check-iconHighlight different category themes in sequence.

check-iconAdd supporting descriptions to collection visuals.

check-iconCreate a more immersive collection browsing experience.

Product Page

Add Richer Visual Context to Products

Use video slides to explain product stories, show different visual details, or provide supporting content that helps shoppers understand the product presentation.

check-iconPresent product stories through dedicated video slides.

check-iconAdd supporting text beside the visual product content.

check-iconShow multiple product-related stories in sequence.

check-iconUse smaller videos for additional visual context.

check-iconKeep product storytelling focused and structured.

Landing Page

Build Focused Campaign Storytelling

Create a campaign journey with individual video slides that introduce the message, explain supporting details, and move visitors through a controlled visual experience.

check-iconCreate a strong opening for campaign content.

check-iconPresent campaign messages through multiple slides.

check-iconControl the pace of automatic slide changes.

check-iconCombine videos with supporting campaign copy.

check-iconGive visitors simple controls to browse the story.

Practical Benefits of Dual Video With Slider

Create a focused visual storytelling experience that combines videos, supporting text, slide navigation, and flexible controls in one responsive Shopify section.

Dual Video With Slider section

Focused Video Storytelling

Present each story on its own video slide, supported by headings, descriptions, counters, and simple navigation controls.

check-iconPresent multiple video stories within one section.

check-iconKeep supporting content connected to each video.

check-iconControl how quickly automatic slides change.

check-iconGive visitors both autoplay and manual navigation.

check-iconShow slide progress with a clear counter.

check-iconAdd optional supporting videos for additional context.

check-iconCreate a responsive experience across different screen sizes.

Do This, Skip That.

DO

  • do Use focused videos that clearly support each slide's message.
  • do Keep headings short so visitors can understand slides quickly.
  • do Use consistent video styles across the complete slide sequence.
  • do Set an autoplay delay that gives visitors enough viewing time.
  • do Use supporting videos only when they add useful visual context.

DON'T

  • don't Don't use unrelated videos that make the slide story confusing.
  • don't Don't overload slides with long headings or excessive content.
  • don't Don't mix videos with completely different visual purposes.
  • don't Don't set rapid autoplay timing that limits comfortable viewing.
  • don't Don't add supporting videos when they simply repeat the main visual.

Frequently Asked Questions

Can I add a different main video to every slide?

Yes. Each Slide block includes a Full Video setting, allowing every slide to have its own main video and visual story.

Can I add a separate, smaller video to a slide?

Yes. Each slide can include a Thumbnail Video. If no separate video is added, the section can reuse the slide's Full Video.

Can I control automatic slide changes?

Yes. Enable Autoplay and use the Slide Change Delay setting to choose how often the section changes slides, from 1 to 10 seconds.

Does the slider use a fade transition?

Yes. The slider uses a fade effect when moving between slides, creating a smooth transition between video stories.

Can visitors manually change the slides?

Yes. The previous and next arrow controls allow visitors to navigate the video slides manually.

Does the section show the current slide number?

Yes. A slide counter displays the current slide position together with the total number of active slides.

Can I hide the smaller thumbnail video?

Yes. Use the Hide Thumbnail Video setting to remove the supporting video area from the slide content.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Tell Stories Through Moving Content

Install SectionHub and add the Dual Video With Slider section to your theme in minutes - no coding required.