Show your Past Streams in a Carousel

Allow viewers to view past streams using the Past Streams Carousel.

Add the Past Streams Carousel app block to your Shopify theme

The Past Streams Carousel is available for Shopify Online Store 2.0 themes. Vintage themes are not supported. For more information, see Shopify Help Center - Theme architecture versions.

Here, we will update your Shopify theme to add the Past Streams Carousel. For information about how to find and use the theme editor, see Shopify Help Center - Editing your theme.

1. Open the Shopify theme editor.

2. Select which page will show the Past Streams Carousel. By default it will go on the Home Page.

3. In the Template area on the left, hover your cursor to reveal where the Carousel can be added.

   1. If you want to add the Carousel to a new section, click Add Section.

   2. If you want to add the Carousel to an existing section, go to that section and click Add Block.

4. The pop-up menu that appears gives you the option to add Blocks or Apps. Click on Apps. This will show you the list of apps available to you. Find Past Streams Carousel in the list and click on it.

5. Save your changes.

You're done! You should see your past streams displayed in a grid on the page. Only those streams which you've published to Shopify will appear in this grid.

Don't see any past streams on your page? Make sure you've generated interactive replays and published to Shopify. See How To Publish Interactive Replays.

Configure the appearance of the Past Streams Carousel

Click on the Past Streams Carousel app block to show available configuration. The following aspects of the Past Streams Carousel can be configured:

Accent color

Setting this value changes the color of the buttons in the video player.

Splash image URL (horizontal and vertical)

Setting this value will replace the default splash image in the video player with the image at this URL.

Thumbnail type

You can choose Video frame to use a frame from the video as the thumbnail in the carousel. Or, select Splash image to use the splash image as the thumbnail.