The Homepage Carousel feature allows you to showcase multiple videos in a scrollable, interactive format right on your homepage. It’s a great way to highlight your brand identity, promote products, and guide users deeper into your site with shoppable links — all in one dynamic section.
What Can You Feature in the Carousel?
Use your homepage carousel to tell your brand story and guide customers through your top content.
Popular use cases:
Brand’s Unique Identity – Show what sets your brand apart.
Community / Influencers – Feature UGC, influencer shoutouts, or collabs.
Bestsellers – Highlight top-selling products with shoppable CTAs.
Promotions – Showcase seasonal offers or limited-time discounts.
Sizing / Matching / Choosing – Help customers with how-tos or guides.
Best Practices
To make the most out of your homepage carousel:
Add a Title – Provide context with a clear section heading.
Include Shoppable Links – Direct viewers to a product detail page (PDP) or collection.
Use Expanded Widget – Keep the experience embedded (vs. fullscreen pop-out) for seamless browsing.
Feature Multiple Videos – Keep the carousel lively and diverse.
Strategic Video Order – Prioritize key content first (e.g. bestsellers or promos up top).
Refresh Content Often – Keep the experience fresh and aligned with campaigns.
Steps on how to create
Click Launchpad → Go to Website → Choose Homepage Spotlight
How to Design/Customize Spotlight
Design tab - Where you can customize the appearance of your Spotlight
Widget
Minimum number of videos – Sets how many videos must be available for the widget to show.
Color switch on video – Lets the widget change colors when a video is active.
Title – The main heading text shown on the widget.
Text – Short description or subtitle under the title.
See all action – Button text that links users to view all videos.
Text size – Adjusts how big the text appears.
Text weight – Controls how thick or bold the text looks.
Text color – Changes the color of the text.
Spotlight Settings
Mobile / Desktop – Choose whether the spotlight settings shows on mobile, desktop.
Video Display
Center Left / Left to Right – Controls the alignment or direction of video display.
Autoscroll to Next Video
Automatically plays the next video when the current one ends.
Card Header Text
Text displayed at the top of the video card.
Product / Video Name
Displays the product or video title.
Card Subheader Text
Smaller text shown below the card header.
Price
Shows the product price on the card.
Sizing Mode
Responsive – Automatically adjusts size based on screen.
Fixed – Keeps a set size regardless of screen.
Multi-Product Layout
Expand – Shows more content openly.
Slider – Scrolls products horizontally.
Drawer – Opens content from the side.
Video Settings
Main tile width – Width of the main video tile.
Main tile height – Height of the main video tile.
Other tiles width – Width of smaller video tiles.
Other tiles height – Height of smaller video tiles.
Spacing between tiles – Space between video cards.
Layout
Horizontal padding – Space on the left and right inside the widget.
Border radius – Rounds the corners of the cards.
Display Arrows
Shows arrows for navigating between videos.
Display Progress Bar
Shows video playback progress.
Product Title Height
Sets the maximum height for the product title area.
Fallback Text
Text shown if video content fails to load.
Fallback Image
Image shown if a video is unavailable.
Autoplay
Automatically plays videos when they appear.
Cap between video tiles and card
Adds spacing between the video and its information card.
Background Color
Sets the widget’s background color.
Background Opacity
Controls how transparent the background is.
Video Name Above Card
Shows the video title above the card instead of inside it.
Video Captions
Enables subtitles on videos.
Subtitle Position
Sets where subtitles appear (e.g., top or bottom).
Media tab - This is where you can view and manage the videos
Project Sources
💡 What are Playlists? Playlists are collections of videos that control which content appears in your widget.
Include - Add playlists to show their videos
Exclude - Blacklist playlists to hide their videos
Product Tagged - Auto-includes videos tagged to products. If no playlists are added, all eligible videos will be shown.
When you click the "+ Add Playlist" button, you can choose from the different playlists in your Tolstoy account, including any custom playlists you’ve created.
Content Automation
New products - Auto-generate lookbook videos for newly added products
On this page, you’ll see all the videos and images in your Spotlight project
Eye icon - Lets you hide or unhide the image or videos
Pin icon - Lets you pin the videos to retain the order, sequence or arrangement of the videos
📝 Note: Need to rearrange your videos? Simply drag and drop the media and pin to retain the order. See tutorial here.
Add Media - Lets you add more images and videos from your library
Settings - This is where you control how your gallery or videos behave.
Tracking
Google Analytics: Enter your Google Analytics ID (e.g., G-XXXXXXXXXX) to track video engagement and conversion data directly in your analytics dashboard.
Facebook Pixel: Input your Facebook Pixel ID to measure the effectiveness of your video content for social media advertising and retargeting.
Media Settings
Display Mode
Product Page Mode: Shows videos specifically tagged to the current product being viewed.
General Page Mode: Shows videos pulled from your selected playlists regardless of the specific product page
Video Recency: Filter which videos are shown based on when they were created, with options ranging from Last 7 days to All time.
Exclude Playlists: Videos from these playlists will not appear in the widget
Step on How to Publish your Spotlight
Click the Publish button
2. Copy the Publish ID
3. Click the Add Block button
4. Your Shopify theme will open with a Carousel block added. Paste the Publish ID inside it. Save your changes.
5. Click Done
‼️Important: Turn on the Tolstoy app in App Embeds so your images and videos show.
That's it. 🍻