Sidebar cart
A customizable cart drawer with upsells, bundle grouping, and subscription display.
Bonde's sidebar cart (also called a cart drawer) provides a feature-rich cart experience that integrates with all of Bonde's features.
Features
| Feature | Description |
|---|---|
| Upsell display | Show cart upsells directly in the sidebar |
| Bundle grouping | Bundle items appear grouped together with expand/collapse |
| Subscription display | Shows delivery frequency for subscription items |
| Customizable styling | Match your theme's look and feel |
| Smooth animations | Modern slide-in/out behavior |
Installation
Enable the app embed
Go to Online Store > Themes > Customize, click App Embeds, and enable the Bonde app embed.
Turn on the sidebar cart
In the Bonde app, go to Upsells > Settings > Cart sidebar and turn on Enable the sidebar cart. This is the app setting: it applies to every theme whose Bonde app embed is set to Use app setting.
Configure settings
Customize the sidebar cart appearance and behavior in the settings panel.
Test it on an unpublished theme first
Each theme can decide on its own whether the sidebar cart shows, so you don't have to change your live store to try it.
Open the theme's editor
Go to Online Store > Themes, find the unpublished theme you want to test on, and click Customize.
Set the sidebar cart for that theme
Click App embeds, open Bonde, and set Sidebar cart on this theme to On. Make sure the Bonde app embed itself is switched on, then save.
Preview and publish
Preview the theme and add something to the cart to see the drawer. When you're happy, publish the theme: the setting travels with it, so the sidebar cart goes live at the same moment.
Sidebar cart on this theme has three values. Use app setting (the default) follows the switch in the Bonde app. On and Off override it for that theme only. The Where the sidebar cart shows table in Upsells > Settings > Cart sidebar lists every theme with its current setting and a link to its editor.
Configuration options
In Upsells > Settings > Cart sidebar, you can configure:
- Enable/disable: Turn the sidebar cart on or off for every theme that uses the app setting
- Styling: Colors, fonts, and spacing to match your theme
- Upsell display: Whether to show upsells in the cart and how many
- Bundle display: How bundle items are grouped and displayed
Cart upsells
When you create cart upsells in Bonde, they automatically appear in the sidebar cart. The upsells are triggered based on cart contents and can include discounts.
See Cart upsells for details on creating upsell offers.
Bundle display
When customers add bundles to their cart, the sidebar cart:
- Groups all bundle items together under a header
- Shows the bundle name and total price
- Allows expand/collapse to see individual items
- For subscription bundles, shows the delivery frequency
Subscription display
For subscription items, the sidebar cart shows:
- The subscription frequency (e.g., "Delivers every 30 days")
- Any subscription discount applied
- Visual grouping for subscription bundles
Troubleshooting
Sidebar cart not appearing?
- Make sure the Bonde app embed is enabled in your theme
- Check that the sidebar cart is enabled in Upsells > Settings > Cart sidebar, and that the theme's Bonde app embed isn't set to Off under Sidebar cart on this theme
- Some themes have their own cart drawers that may conflict—you may need to disable the theme's cart drawer
Cart upsells not showing?
- Verify you have active cart upsells configured
- Check that the trigger conditions match the current cart contents
Bundle items not grouped?
- Ensure bundles are added through the Bonde bundle widget
- Check that the sidebar cart is properly initialized