Overview
Upcart’s Sticky Cart Button is a floating cart icon that stays visible as customers scroll, making it easier for them to access their cart at any time. It's especially useful on mobile, where reaching the top-right corner can be difficult.
The button displays the current cart quantity and opens the cart drawer when clicked.
Where to find it
Go to:
Upcart > Editor > Cart Editor > Sticky Cart
Here you can activate the button and adjust its styling to match your storefront.
Cart icon
Select from three icon styles: a bag, a box, or a shopping cart. This icon will appear inside the floating button.
Background color
This sets the circular background behind the icon. You can choose a color using a hex code or color picker.
Icon color
This changes the color of the icon symbol itself. For best visibility, use high contrast against the background color.
Quantity background color
Customize the background color of the cart quantity bubble (the circle that shows the number of items in the cart).
Quantity text color
Adjust the color of the number inside the quantity bubble. This helps ensure readability, especially with dark or light backgrounds.
Sticky cart position
Choose where the button appears on the screen. Available positions include:
Bottom right
Center right
Top right
Bottom left
Center left
Top left
This gives you flexibility to avoid overlap with other elements on your store.
Device settings
Control where the sticky cart appears. Options include:
Show on all devices
Show only on desktop
Show only on mobile
This allows you to tailor the visibility depending on your store’s layout and customer preferences.