Filmstrip Section Showcase Images and Videos in Motion

Create a scrolling visual strip with images and videos to highlight products, collections, campaigns, or brand content while keeping important text and links nearby.

  • check-icon Image & Video Support
  • check-icon Scrolling Filmstrip
  • check-icon Responsive Layout
Product Showcase
Lifestyle Video
Campaign Highlight
Product Showcase
Lifestyle Video
Campaign Highlight
vector
vector

Key Features for a Dynamic Filmstrip

Combine images and videos in a continuous scrolling layout with custom captions, links, animation speed, media sizing, and flexible section controls.

Image & Video Blocks

Image & Video Blocks

Add images and videos together to create a varied visual strip for your Shopify store.

Continuous Marquee

Continuous Marquee

Keep media moving continuously in a vertical filmstrip for an engaging browsing experience.

Custom Media Captions

Custom Media Captions

Add a heading and content to each image or video to provide useful context.

Linked Media Content

Linked Media Content

Connect media captions to relevant pages so shoppers can explore related content.

Adjustable Scroll Speed

Adjustable Scroll Speed

Choose from multiple animation speeds to control how quickly the filmstrip moves.

Animation Direction

Animation Direction

Set the filmstrip to move from top to bottom or bottom to top.

Flexible Media Ratio

Flexible Media Ratio

Choose from 21:9, 16:9, 4:3, 1:1, or auto for your media presentation.

Responsive Design

Responsive Design

The filmstrip adapts its layout, content, and spacing for smaller mobile screens.

Filmstrip Settings & Customization Options

Customize your content, marquee animation, media sizing, captions, colors, spacing, and section width from the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Add the main heading above the filmstrip.

Heading

Add supporting text below the heading.

Content

Add text and a destination for the main button.

Button Settings

Choose the main content alignment.

Text Alignment

Choose whether content appears left or right.

Content Position

Set the filmstrip animation direction.

Animation Direction

Choose the filmstrip scrolling speed.

Speed

Choose the media aspect ratio.

Media Aspect Ratio

Set the space between media items.

Space Between Media

Choose the filmstrip section height.

Section Height

Adjust the media corner radius.

Media Border Radius

Customize section, text, button, and caption colors.

Color Settings

Adjust desktop and mobile section spacing.

Section Padding

Choose full width or a maximum section width.

Section Width
Block Settings

Block Settings

Applies to each image or video

Upload an image for the filmstrip.

Image

Add a video to the filmstrip.

Video

Add a title for the media caption.

Heading

Add supporting media content.

Content

Connect the media content to a destination.

Link

Where to Use the Filmstrip Section

Use the Filmstrip to showcase visual content in motion across key store pages. Combine images, videos, captions, and links to guide shoppers toward relevant content.

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

Create a Moving Visual Showcase

Add a Filmstrip to your homepage to display products, lifestyle images, videos, or campaigns in a continuous visual layout that catches attention.

check-iconShowcase multiple visuals in one section

check-iconAdd movement to your homepage

check-iconMix product images and videos

check-iconHighlight featured store content

check-iconCreate more visual browsing opportunities

Collection Page

Make Collection Content More Visual

Use the Filmstrip to showcase collection imagery, product highlights, or related visual content while shoppers browse and discover products.

check-iconHighlight collection visuals

check-iconSupport product discovery

check-iconAdd movement between product sections

check-iconShowcase related content

check-iconCreate a stronger visual collection layout

Product Page

Show Products Beyond the Main Image

Add supporting images and videos around product content to show different views, usage ideas, or related visuals without replacing your main product information.

check-iconShow additional product visuals

check-iconAdd product usage content

check-iconInclude supporting videos

check-iconHighlight related visual details

check-iconMake product pages more engaging

Landing Page

Build a Strong Visual Campaign Section

Use a Filmstrip on landing pages to create a moving visual showcase for campaigns, launches, promotions, or brand content with links to relevant destinations.

check-iconCreate engaging campaign visuals

check-iconShowcase launch content

check-iconCombine images and videos

check-iconGuide visitors through linked content

check-iconAdd movement without extra page sections

Bring Your Visual Content Into Motion

Showcase images and videos in a continuous filmstrip that adds movement while keeping supporting content and links close to the visual experience.

Filmstrip section

More Visual Content, One Smooth Strip

Combine different media types into a single flexible section and present them in a clean, responsive layout built for Shopify stores.

check-iconCombine images and videos together

check-iconKeep visual content moving continuously

check-iconAdd captions to explain each media item

check-iconLink media content to relevant destinations

check-iconControl speed and animation direction

check-iconAdjust the layout for mobile screens

Best Practices for a Better Filmstrip

DO

  • do Use high-quality images and videos.
  • do Keep captions short and useful.
  • do Choose a comfortable scrolling speed.
  • do Mix media that supports the same message.
  • do Link content to relevant store pages.

DON'T

  • don't Don't use unrelated media together.
  • don't Don't make the animation too fast.
  • don't Don't add long caption text.
  • don't Don't overload the strip with too much content.
  • don't Don't use low-quality visuals.

Frequently Asked Questions

Can I add both images and videos to the Filmstrip?

Yes. The section supports separate Image and Video blocks, allowing you to combine both media types into a single scrolling filmstrip.

Can I add text to each media item?

Yes. Each image or video block can include its own heading and supporting content as a media caption.

Can I link each media item to a page?

Yes. Add a link to an image or video block so shoppers can open a relevant destination from the block's caption.

Can I control the scrolling speed?

Yes. Choose from several speed options, ranging from Fastest to Crawl, to control the marquee animation.

Can I change the animation direction?

Yes. You can choose Top to Bottom or Bottom to Top from the Animation Direction setting.

Can I change the media aspect ratio?

Yes. Choose 21:9, 16:9, 4:3, 1:1, or Auto depending on how you want the media displayed.

Can I change the space between media items?

Yes. Use Space Between Media to control the spacing between images or videos in the filmstrip.

Does the Filmstrip work on mobile?

Yes. The layout adjusts for smaller screens, including media sizing, caption spacing, text sizes, and content layout.

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: Showcase Images and Videos in Motion

Install SectionHub and add the Filmstrip section to your theme in minutes - no coding required.