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

      PDP implementation for Small/Medium Carousel

      Small Sized and Medium Dynamic Carousel

      You can now customize the size of the carousel on your Product Detail Pages (PDPs) to better suit your store layout. There are two implementation methods depending on the carousel size you choose:

      Small dynamic carousel - This is specifically designed to be embedded below the Add to Cart button on the PDP pages. To implement this simply add attribute size="small" for small carousel  to the HTML code.

      <script async type="text/javascript" src="//asset.fwcdn3.com/js/embed-feed.js"></script> 

      <fw-embed-feed channel="firework_depot" 
      playlist="oe8bX5" 
      mode="row" 
      open_in="default" 
      max_videos="0" 
      placement="middle" 
      player_placement="bottom-right"
      thumbnail_style="dynamic"   
      attribute size ="small"

      ></fw-embed-feed>


      Medium Dynamic Carousel

      This can be added directly through the Shopify Theme Customizer. Simply select your desired carousel layout and size from the Firework Embed settings—no need to manually insert any embed code.

      Small Sized and Medium Sized Carousel 

      Small sized carousel 

      You can adjust the size of the carousel to  small  by incorporating the size="small" for a small carousel into the HTML code.


      <script async type="text/javascript" src="//asset.fwcdn3.com/js/embed-feed.js"></script>

          <fw-embed-feed
            channel="firework_depot"
            playlist="oe8bX5"
            mode="row"
            open_in="default"
            max_videos="0"
            placement="middle"
            size ="small"
            player_placement="bottom-right"                                         
          ></fw-embed-feed>

       

      Medium Sized Carousel 

      This can be added directly through the Shopify Theme Customizer. Simply select your desired carousel layout and size from the Firework Embed settings—no need to manually insert any embed code.