Support
Our support team is ready to assist with any questions while using our apps.
Settings
The Cart Settings page allows you to configure the general appearance and behavior of your cart drawer. Access it from the dashboard’s Quick Actions section or through the main navigation menu.
Cart Drawer on Storefront
Section titled “Cart Drawer on Storefront”This section shows whether the Cart Upsells cart drawer is active on your store’s theme.
- Enabled: The cart drawer is installed and active on your theme
- Disabled: The cart drawer needs to be activated in the Theme Editor
If the status shows “Disabled”, click the link to open your Theme Editor and toggle on the app embed.
Drawer Settings
Section titled “Drawer Settings”Configure the core behavior and layout of your cart drawer.
Drawer Position
Section titled “Drawer Position”Choose which side of the screen the cart drawer appears from:
- Right Side: The drawer slides in from the right edge (default)
- Left Side: The drawer slides in from the left edge
Select the position that best matches your store’s layout and user experience.
Drawer Style
Section titled “Drawer Style”Select the visual style of your cart drawer:
- Standard Drawer: Edge-to-edge design with sharp corners, providing a full-width experience that extends to screen boundaries
- Floating Drawer: Rounded corners with subtle margins, creating a modern appearance that floats above the page content
Drawer Width
Section titled “Drawer Width”Control how much horizontal space your cart drawer occupies:
- Standard: Compact layout, ideal for minimalist designs
- Wide: More space for product details and upsell items
Empty Cart Design
Section titled “Empty Cart Design”Choose how the empty cart state appears:
- Empty Cart Icon: Displays a visual icon/image along with text, creating an engaging empty state
- Minimal Empty Cart: Shows only text without visual elements, for a clean aesthetic
Floating Cart Button
Section titled “Floating Cart Button”Display a floating cart button that remains visible across the storefront and follows the user while scrolling. Customers can open the cart drawer from anywhere on the page without cluttering your header or navigation.
Enable Floating Cart Button
Section titled “Enable Floating Cart Button”Toggle the floating cart button on or off. When enabled, a cart icon will appear on your storefront that customers can click to open the cart drawer.
Position
Section titled “Position”Choose where the floating cart button appears on the screen:
- Top Left
- Top Right
- Bottom Left
- Bottom Right: (default)
Offset Margin
Section titled “Offset Margin”Control the distance from the viewport edge. Only the offsets for the selected position are shown (e.g. Bottom and Right when “Bottom right” is selected). Adjust the sliders or enter values in pixels to fine-tune the button placement.
Cart Icon
Section titled “Cart Icon”Choose a pre-made icon or upload your own to represent the cart button.
- Pre-made Icons: Select from a range of shopping bag and cart icons
- Custom Upload: Click the upload button to use your own icon
- Invert Icon Color: Toggle to invert the icon color; Useful when using a dark background
- Close Icon: Upload a custom icon shown when the cart drawer is open. Leave empty to use the default close icon.
Styling
Section titled “Styling”Customize the visual appearance of the floating cart button.
Drop Shadow
Section titled “Drop Shadow”Add a subtle shadow to the floating button. When disabled, the button appears flat.
Floating Button Background Color
Section titled “Floating Button Background Color”Set the background color of the floating button.
Show Item Count Badge
Section titled “Show Item Count Badge”Display the number of items in the cart on the floating button. When enabled, a badge appears on the button.
- Badge Background Color: Set the background color of the item count badge
- Badge Text Color: Customize the item count text color. Use a contrasting color for readability.
Floating cart button demonstration:
Empty Cart Content
Section titled “Empty Cart Content”Customize the text and imagery shown when customers have no items in their cart.
Icon Image
Section titled “Icon Image”Upload a custom icon or image for the empty cart state.
- Accepted formats: PNG, JPG, SVG, or WebP
- Leave empty to use the default cart icon
Empty cart Title
Section titled “Empty cart Title”The main heading shown in the empty cart.
- Default: “Your cart is empty!”
Message
Section titled “Message”Descriptive text that appears below the title.
- Default: “It looks like you haven’t added any items to your cart yet.”
Button Text
Section titled “Button Text”The call-to-action button text that encourages customers to start shopping.
- Default: “Shop all products”
Footer Text
Section titled “Footer Text”Additional information shown at the bottom of the empty cart, such as shipping or return policies.
- Default: “Worldwide shipping • Easy returns”
Saving Changes
Section titled “Saving Changes”After making changes, use the Save button in the save bar at the top of the page to apply your settings. Click Discard to revert to the previously saved values.