Floating Cart

A sticky cart button with an item count that stays on screen while shoppers scroll, and opens the Side Cart.

FreeFloating Cart tab
  • The round button with its count badge in the bottom-right corner

Settings

Enable Floating Cart Button
Default On

Needs the Side Cart to be enabled; the button opens it. Turning the button off keeps the drawer, so your theme's icon or a shortcode button can still open it.

Position
Default Bottom Right

Bottom Right, Bottom Left, Top Right or Top Left.

Mobile Position
Default Same as Desktop

A different corner on screens up to 782 px, e.g. away from a chat button or bottom bar.

Side Spacing (px)
Default 160–300

Distance from the left or right edge.

Bottom / Top Spacing (px)
Default 160–400

Distance from the bottom or top edge.

Mobile Side Spacing (px) · Mobile Bottom / Top Spacing (px)
Default 160–200 · 0–400

The same, on screens up to 782 px. Used even when Mobile Position is Same as Desktop.

Button

Icon
Default Basket

One of 10: Basket, Package, Cart, Cart with Bag, Luggage, Shopping Bag, Store, Backpack, Gift or Wallet.

Button Size (px)
Default 5640–80

The button's width and height.

Icon Size (px)
Default 3616–100

The icon inside the button.

Show Cart Count
Default On

The count badge on the button.

Show Subtotal
Default Off

The cart subtotal on the button.

Colors & Shape

Background Color
Default empty

Leave empty to use the Primary Color from the Appearance tab.

Background Color (Hover)
Default empty

Leave empty to use the Secondary Color from the Appearance tab.

Icon & Text Color
Default empty

Leave empty to use the Button Text Color from the Appearance tab.

Shape
Default Circle

Circle, Rounded Square, Square or Custom Corner Radius.

Corner Radius (%)
Default 500–50

Appears only when Shape is Custom Corner Radius.

Shadow
Default Soft

None, Soft or Strong.

The button shows on every page, including when the cart is empty (count 0) and on the cart and checkout pages. To hide it there, use Pro display rules.

Your own SVG icon for the button, and count badge styles and animations. See Presets, icons & CSS and Advanced behavior.