Skip to main content

Creating Video Carousels for Product Pages

Updated this week

Carousels let you showcase your product videos in a horizontal section directly on the product page. They pull in all videos tagged to that specific item, such as demos, try-ons, reviews, or ingredient spotlights, and display them in an easy-to-scroll format. This gives shoppers quick access to rich visual context without leaving the page, helping them understand the product faster and make more confident purchase decisions.



Use Cases

Before and After Transformations

Ideal for beauty, skincare and home care, this use case lets shoppers swipe through compelling before-and-after clips that demonstrate real results. By placing these transformations directly on the product page, customers can immediately visualize the impact of the product and understand its effectiveness without hunting for proof elsewhere.

Real Customer Reviews

Carousels make it easy to gather all your authentic customer video reviews in one horizontal, scrollable section on the product page. Shoppers can browse multiple real-life experiences, from unboxings to detailed feedback, right where they’re considering the purchase.



Create a Video Carousel

Step 1: Setup

  1. On the Whatmore dashboard, find “Product Page” under Video Widgets

  2. Among the various Trending Widgets available, choose Video Carousel.

  3. Click on “Add Carousel”, post which you will be redirected to the Shopify Theme Editor. Click on “Save” to save all changes.

  4. Tag products to the videos on your Whatmore dashboard, if not already done.

💡 Pro Tip: Only videos tagged to a specific product will appear on that product’s page

💡 Pro Tip: If you’d like to add multiple carousels to the same page, such as one for fabric textures and another for customer reviews, please reach out to the Whatmore team.



Step 2: Customisations on Shopify Editor (Optional)

  1. In the Shopify Theme Editor, hover over the carousel and click “Whatmore Carousel” to customise it

  2. You’ll see several options that let you control the heading, layout, spacing, and video tile sizes across desktop and mobile. Here’s what each setting does:


    Heading: Enter the text you want to display above your carousel. This is usually a short section title like “Watch and Buy” or “Trending”.

    Tile Type: The available options determine how videos appear. There are multiple templates for you to choose from. The Video Card Img & Transparent Text Overlay - 3 tiles is shown below. Click to view the other carousel templates available!


    Heading Font Size, Landscape (Desktop): Adjust how large the heading appears when your store is viewed on a desktop or laptop. Use the slider or input box to set the pixel size.

    Heading Font Size, Portrait (Mobile): Set the heading size specifically for mobile visitors.

    Horizontal Padding (Desktop/Laptop): Control the left and right spacing around the carousel on desktop.

    Vertical Padding: Adjust the spacing above and below the carousel across all devices.

    Scroll-Video-Tile Size: Set the width of each video tile as a percentage of the carousel width when viewed on desktop. Increasing the percentage makes tiles larger; decreasing it makes them more compact.

    Scroll-Video-Tile Size Mobile: Set the tile size for mobile separately to ensure the carousel feels natural and easy to scroll on phones.

    Minimum Height: Define the minimum height of the carousel section. Useful for maintaining consistency across different page layouts.



Step 3: More Customisations



Step 4: Finishing

Ensure you Save the changes on your Shopify Theme Editor. Your carousel is now ready to be viewed on your homepage!

Did this answer your question?