1. Help Center
  2. Business Portal 101
  3. Player Embed Guidance and Sharing

Displaying a Dynamic Carousel on a Product Detail Page

Learn how to enhance your Product Detail Page (PDP) with the Dynamic Carousel

How to Embed a Dynamic Carousel

  1. From the Firework Business Portal, navigate to the playlist that you want to display on your PDP.
  2. Click the Add to Site button in the top right corner of the Videos page.
  3. Choose "Product Detail Pages" from the options on the left side, where you'll find the option to activate the Firework Embed App for your Shopify site.
  4. Clicking this option will redirect you to your Shopify Dashboard. In the Theme Customizer, simply toggle the Firework Embed setting to the 'On' position and then click 'Save' to apply your changes. Once you have completed this step, refresh the Business Portal to ensure everything is up to date.
  5. Now, navigate to your Shopify Theme Customizer and under the "Template" section, click on "Add block" located beneath the Buy button if you want to place the dynamic carousel directly below the Add to Cart button. Then, select the Firework Embed option from the "Apps" tab. After that, find the provided Channel ID and paste it into the appropriate field within the Firework Embed settings.
  6. Then, choose the Dynamic Carousel layout under the Appearance section and Click on Save once done.

  7. Alternatively, If you prefer to display the Dynamic Carousel further down the page, you can add the Firework Embed block by selecting a section in the Theme Customizer, choosing the Firework Embed option from the "Apps" tab, and pasting the provided Channel ID into the appropriate field within the Firework Embed settings.
  8. Select Videos matching the product option. (Videos will show on product pages only when the product is matched with a video.Click on Save button.

  9. Match videos with products in the Products tab and  learn how to sort and hide them.

Note:

  • Images display as a static posters that go full screen when clicked on.
  • The Dynamic Carousal will display based on the width of the browser window being used to view it.

Learn how to implement a small/medium carousel - PDP implementation for small/medium carousel