Video cards: Flex carousel

The Video cards: Flex carousel section showcases customer stories through interactive video-based cards, helping create a more engaging and immersive brand experience.

How to add a Video cards: Flex carousel to your Shopify store

1. In the theme editor (Customize), click Add section.

2. Select Video cards: Flex carousel section.

3. Make necessary changes.

4. Save.

How to customize a Video cards: Flex carousel section

Section settings

Setting	Description
Layout	Defines whether the section spans the full page width or stays within a fixed content width.
Overflow content	Controls how content outside the visible area of the slider/container is displayed (Visible/Edge shadows).
Slide per view	Defines how the number of visible slides is calculated. Auto: Automatically adjusts the number of visible slides based on the container width and slide size. Column: Uses a fixed number of columns set in the Columns setting.
Columns (Columns only)	Set the number of columns shown in the column layout.
Horizontal gap (Columns only)	Adjust the spacing between items horizontally.

Overflow content: Visible

Overflow content: Egde shadows

Control type: None

Control type: Standard

Control type: Float

Mobile layout

Setting	Description
Enable swipe on mobile	Allow users to swipe through items on mobile devices.
Custom column width	Enable custom sizing for columns instead of equal widths.
Mobile columns	Choose the number of columns displayed on mobile devices.
Mobile horizontal gap	Adjust spacing between items horizontally on mobile.

Enable swipe on mobile

1 column

2 columns

Check out other section settings: Common settings available in most sections

Block settings

The Video cards: Flex carousel section includes two blocks: a Header block and multiple Video cards blocks for displaying media content.

In this section, you can also add other blocks such as:

• Image card

• Collection item

• Collection card

Header

Use the Header block to create and customize the section’s heading and introductory content.

Setting	Description
Alignment	Set the header alignment: left, center, or right.
Devices	Switch between desktop and mobile padding settings.
Bottom	Adjust the spacing below the header.

📦 Nested dynamic blocks

• Heading – Add a main title

• Subheading – Provide supporting text above or below the heading

• Text – Include additional descriptions or details

• Image – Display an image or icon

• Button – Add a call-to-action

📝 Learn more: Basic

Video cards