Carousel Upsell

The Carousel Upsell creates in a compact, space-efficient format.

desc - Horizontally scrolling carousel perfect for mobile with space-efficient product browsing.

Description

Ideal for showing 6+ products without taking too much vertical space. Smooth browsing through recommendations with swipe on mobile or navigation arrows on desktop. Keeps checkout compact while providing extensive product exposure.

Limitations

• Most effective with 6+ products
• Horizontal scrolling interface

Sample Use Cases

• Seasonal Collections: Display seasonal collection in compact, scrollable format
• Large Product Sets: Show large recommendation set (10+ products) without overwhelming vertical space
• Mobile-First: Create mobile-friendly browsing with swipe navigation

Display Rules

Supports advanced display rules for conditional rendering. See Display Rules System documentation for details.

Product Sources

Same as Product List Upsell - all product source options available:

• Manual Selection
• Collections
• Automatic (Shopify AI)
• Product Mapping (Pro)
• Boost Commerce (Pro)
• Athos Commerce (formally Searchspring) (Pro)
• Algolia (Pro)
• Nosto (Pro)

Key Features

• Navigation arrows for desktop
• Displays 6-24 products
• Space-efficient layout
• Product quick-view
• Add to cart from carousel

Product Display

Each carousel item shows:
- Product image
- Product title
- Price (with compare-at-price if on sale)
- Quick "Add to Cart" button
- Variant selector (if applicable)
- Rating/reviews (if integrated)

Best Practices

Ideal Number of Products

Minimum: 6 products (carousel is overkill for less)
Sweet Spot: 8-12 products (variety without overload)
Maximum: 24 products (more creates decision fatigue)

For fewer products: Use Product List Upsell instead
For 1 product: Use Featured Product Upsell instead

Product Selection Strategy

Curated Variety:
- Mix price points ($10, $25, $50)
- Mix product types (variety)
- Include bestsellers
- Include new arrivals
- Related to cart items

Avoid:
- All same price point
- All same product type
- Duplicate products
- Out of stock items

Placement Recommendations

Below Cart Summary

[Cart Items]
[Subtotal: $85]
---
You Might Also Like:
[← Product Carousel →]
---
[Checkout Button]

Between Sections

[Contact Information]
[Shipping Information]
---
Complete Your Order:
[← Recommended Products Carousel →]
---
[Payment Information]

In Sidebar (Desktop)

[Main Checkout]    |    [Sidebar]
[Shipping Info]    |    Recommended:
[Payment Info]     |    [↑ Carousel ↓]

Carousel vs List vs Grid

Use Carousel When:

✅ 6+ products to display
✅ Mobile traffic is high
✅ Limited vertical space
✅ Products have visual appeal
✅ Want browsing experience

Use List When:

✅ 3-6 products
✅ Want all products visible
✅ Desktop-focused
✅ More product details needed