Video Hero

The Video Hero section is a muted, auto-play video section.. This section can feature text overlay, with the possibility of looping videos without sound.

Note:

With this section type, Autoplaying videos will be muted by default. If sound is preferred, please use the standard Video section instead.

Adding & Uploading Videos

Videos can be uploaded using a URL link. File types currently supported include MP4, YouTube, and Vimeo.

If the video is a local file, or requires uploading to your theme, you can upload the video to the assets' folder using the Shopify Settings, accessible from your Shopify dashboard.

From the Settings page, select Files.

Click either of the upload file buttons, highlighted in the image below.

This will prompt options to upload a file from your system. Once uploaded, your file will display in a list, alongside a URL, size of the file, and the option to delete.

An address (URL) will be generated for the location of your file. This can be used as your Video URL and placed directly into your Video section settings, under Video URL.

.MP4

MP4 files are supported by the theme, however they require uploading to the asset folder. Navigate the following steps from your Shopify dashboard:

  1. Settings → Files

  2. Upload.

Once the upload is finished, it will appear in the file list with a distinct URL, such as: https://cdn.shopify.com/s/files/1/1729/0003/files/v2_w_video.mp4?7151069111780353242.

Copy this link to your clipboard, and proceed to paste in the Video section settings, to display on your store.

YouTube

Videos uploaded to YouTube are supported, and only require the YouTube URL.

Once the video is uploaded to YouTube, you will be given a link to your video. For example:

https://www.youtube.com/watch?v=kZNzMaQ4PYA or https://youtu.be/kZNzMaQ4PYA.

The most recent theme version will also support shortened YouTube URL's. For example:

https://youtu.be/x

Copy this link and paste into your Video section settings, under Video URL.

Note:

Certain sizes of video may appear with black bars on-screen to ensure the player's screen is correctly loaded.

Vimeo

After successful upload to Vimeo, a link for the video will be provided that you will need for integration on the storefront.

This will appear as the below example:

https://vimeo.com/220859711.

Copy this link, and paste into the Video section settings, in the Video URL field.

Note:

Autoplaying is not supported on Mobile View, for Vimeo