Block Video Slider

Overview

The Video Slider section (available for the Pro plan) allows you to design a sleek video slider or grid using your uploaded videos.

Useful Information:

Easy Content Builder provides you with five options for video presentations:

1. Video section: Add horizontal and vertical videos to your Shopify pages by uploading or using video URLs, perfect for product launches, announcements, and reviews. Supports TikTok, YouTube Shorts, Vimeo, and Instagram Reels for vertical videos.

2. Video Slider section (the page you're viewing here): Create a sleek video slider or grid from your uploaded videos:

3. Gallery Section: Showcase a grid of photos alongside a featured video.

4. Video Background: Add dynamic video background to your page.

5. Instagram/TikTok/YouTube Video Slider: Display an auto-scrolling video carousel. Opens links in a modal upon clicking.

Video use cases

It's great to showcase a video slider made from your locally hosted videos on your Shopify store. This is ideal for product launch videos, important announcements, instructional content, user-generated content, unboxing videos, customer reviews, and more See the video slider example here.

How to add Video Slider section

• Step 1: Add a Section Settings section that allows you to control the global settings of the Video Slider section.

In this special section, you can specify multi-column layouts, activate full width, determine the section's maximum width, choose a background color, and set global margins and padding, among other options.

Note: If you include the Video Slider in the core product information, skip the step for adding Section Settings. Just add the Video Slider.

• Step 2: Add a Video Slider section and customize the settings according to your preferences.

If you are new to our Easy Content Builder, please take a look at the Add Sections section for detailed instructions on how to add a section to your theme.

Video Slider settings

Section Settings	Description
Style	Choose between grid layout or slider.
Image Width	Define the video thumbnail's width (in pixels).
Image Height	Define the video thumbnail's height (in pixels).
Image Crop	Crop the video thumbnail from Top, Left, Bottom, Right, or Center
Image Border	Adds rounded corners to the video thumbnail. You can set your video thumbnails with Normal, Circle, Rounded, or Pill values.
Lightbox gallery - Animation	Select animation mode (Slide, Fade, Scale) for video display in a responsive lightbox.
Show Video Icon	Options for hover or always visible.
Items per row on Mobile	Sets the number of videos displayed per row on Desktop devices (Less than 640px).
Items per row on Table	Sets the number of videos displayed per row on Desktop devices (Between 640px - 1200px).
Items per row on Desktop	Sets the number of videos displayed per row on Desktop devices (Less than 1200px and up).
Show Slider Arrows	Show or hide the slider arrows on the Desktop.
Show Navigation	Shows/hides the dot navigation. Set Mobile Only if you want to display just the dot navigation on mobile. NOTE: If you enable the Margin Right, consider disabling the Show Navigation.
Margin Right	Sets the right margin to partly display the last video item (None, Small, Medium, Large)
Video	upload and host your video on your Shopify.
Video Title	Enter the title displayed below the video.
Animate on Scroll	This feature is only available for the Pro plan. It lets you apply different types of animation to the videos as you scroll down the page. Learn more about scrolling animations here.
Margin	Sets the vertical spacing between elements.

Add other content blocks

You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.

See all content blocks available that you can add to a section.