If you've shopped on a modern Shopify store, you've seen the cart drawer: you click "Add to Cart" and a panel slides in from the right side of the screen, showing your cart without taking you away from the product page. It's fast, it's friction-free, and for merchants, it's a high-intent moment that most stores completely waste.
What the cart drawer actually is
The cart drawer (also called a "slide-out cart" or "mini cart") is a Shopify theme feature that shows cart contents in a panel overlay rather than navigating to a separate /cart page. When a shopper clicks "Add to Cart," the drawer opens immediately — they can see what's in their cart and either continue shopping or proceed to checkout.
From a UX perspective, this is better than redirecting to the cart page because it keeps shoppers on the product they were viewing. They don't lose their place. They can add an item and keep browsing without interrupting the shopping flow.
From a merchant perspective, this creates a captive moment: the shopper has just made a buying decision and is staring at their cart. This is the ideal time to show one more relevant product.
Which Shopify themes include a cart drawer?
Most modern Shopify themes include a cart drawer, but implementation quality varies. Here's a breakdown:
| Theme | Cart drawer? | App block support |
|---|---|---|
| Dawn (Shopify free) | Yes | Full OS 2.0 |
| Debut (older free) | No — uses cart page | Limited |
| Impulse (Archetype) | Yes | Full OS 2.0 |
| Prestige (Maestrooo) | Yes | Full OS 2.0 |
| Turbo (Out of the Sandbox) | Yes | Full OS 2.0 |
| Brooklyn, Supply (older) | No — uses cart page | Limited |
If your theme uses a cart page instead of a drawer, that's where your cart cross-sell will appear. Dropr supports both.
Why the cart drawer is the best cross-sell real estate
Three things make the cart drawer uniquely valuable for cross-selling:
- Intent: A shopper who's just added something to their cart has the highest purchase intent of any visitor on your site. The mental work of deciding to buy has already been done.
- Attention: The drawer is open and the shopper is looking at it. Unlike a product page where the recommendation is below the fold, a cart drawer recommendation is right in front of them.
- Low friction: Adding a second item to a cart already in progress feels easy. They're already in buying mode. The incremental decision is much smaller than the initial purchase decision.
How to add cross-sell recommendations to the cart drawer
For Shopify stores on Online Store 2.0 themes, adding cross-sell recommendations to the cart drawer is done through the theme customizer using App Blocks:
- Install the cross-sell app (Dropr takes about 3 minutes)
- Open your theme in the customizer (Online Store → Themes → Customize)
- Navigate to "Cart" in the page type selector
- Click "Add block" and find the app's block in the list
- Position the block where you want it in the drawer (typically above the checkout button)
- Save
That's it. The app block appears in every cart drawer across your store automatically. No code editing required.
What to show in the cart drawer cross-sell
The cart drawer recommendation should be different from your product page recommendation. On the product page, you're introducing a companion product the shopper may not have considered. In the cart drawer, you're showing something closely related to what's already in the cart.
Best practices for cart drawer recommendations:
- Show consumables (refills, replacement parts) when the main product is durable
- Show accessory items (cases, cords, holders) for gadgets or tools
- Show the natural "next step" product for skincare or supplement routines
- Show the lower-priced complementary item first — easier add decision
Related reading
- How to Add Product Recommendations to the Shopify Cart Drawer
- Shopify Revenue Attribution Explained: What It Means for Cross-Sell Apps
- Product Page vs. Cart Drawer Cross-Sell: Which Placement Converts Better?
- Does Cross-Selling Increase Cart Abandonment on Shopify?
- Built for Shopify Certification: What It Means and Why Merchants Should Care
FAQ
Does adding an App Block to my cart drawer slow down the cart?
TAE-based App Blocks load asynchronously and don't block the cart drawer from opening. The recommendation may appear a fraction of a second after the drawer opens — which is imperceptible in practice.
Can I control which products trigger a cart drawer recommendation?
Yes. Dropr lets you configure recommendations at the product level — so adding Product A to the cart shows Recommendation B, while adding Product C shows Recommendation D. You can also set a default recommendation for all products not specifically configured.
What if a shopper already has the recommended product in their cart?
Good apps handle this gracefully by hiding the recommendation (or showing an alternative) when the recommended product is already in the cart. Check that any app you use has this logic — showing a recommendation for a product that's already in the cart looks like a bug.