Skip to main content

Sticky Cart Button

Add a floating cart icon that remains visible across your storefront and customize its appearance.

Updated yesterday

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.

Did this answer your question?