How to Create a “Upsell” Slider for the Cart Drawer in Elementor

The Cart Drawer (or Mini Cart) is tight on space. A vertical list of upsells pushes the “Checkout” button off-screen. A horizontal slider is the perfect space-saving solution.

To solve this, use Div Render Container Slider for Elementor.

Step 1: Container Size

Inside your Cart Drawer template, add a Container.
Set its width to 100%.

Step 2: Upsell Items

Add child containers for small, low-ticket items (socks, cleaner, warranty).
Keep text minimal: Image + Price + “Add” Button.

Step 3: Slider Settings

Enable Slider Mode.
Set Slides Per View to 1 or 1.5.
Disable Arrows. Use Dots only (bottom).

Pro Tips for Upsells

• Space Efficiency: This keeps the “Checkout” button visible while still offering 3-4 upsell options that the user can swipe through.