Sticky Cart (Floating Cart Widget)

The Sticky Cart is a floating cart button that remains visible while the user scrolls through the store.

It provides quick access to the cart at any time.

                                          

Activation

At the top:

  • Disabled → Sticky Cart is not visible
  • Enabled → Sticky Cart is active
                                                    

What It Is (Important Distinction)

  • Sticky Cart → floating cart icon (quick access)
  • Cart Bar → sticky add-to-cart section (CTA for product)

 This is a navigation element, not a product CTA.

Sticky Bar Settings

 Device Visibility

  • Show on mobile & tablet
  • Show on desktop

Visibility Rules

Hide on Cart Page

Prevents showing the sticky cart when already on the cart page.

Hide if Empty

Hides the widget when there are no products in the cart.

Show Countdown

Displays a countdown timer inside the sticky cart.

 Sticky Cart Icon

Select Icon

Choose the cart icon.

Icon Color

Defines icon color.

  • Example: #222222

Position & Placement

Sticky Cart Position

Defines where the widget appears.

  • Example: Bottom Right

Distance (Offset)

Controls spacing from screen edges.

  • Example: 25%

Click Behavior

On Click Action

Defines what happens when the user clicks:

  • Go To Slide Cart → opens cart drawer
  • (Other behaviors may be available depending on setup)

Quantity Indicator

Total Quantity Color

Defines number color.

Quantity Background Color

Defines badge background.

 Background

Sticky Cart Background Color

Defines the widget background.

How It Works

  • The widget stays fixed on screen
  • Displays cart icon + item count
  • Updates dynamically when items are added
  • Allows instant access to the cart

Use Cases

  • Improve cart accessibility
  • Increase conversion on mobile
  • Reduce friction in navigation
  • Keep cart visible at all times

Best Practices

  • Place it in bottom right (standard UX)
  • Avoid overlapping important UI elements
  • Use clear contrast for visibility
  • Hide it when unnecessary (empty cart or cart page) 
                                                     

Summary

The Sticky Cart allows you to:

  • Add a floating cart access button
  • Show real-time cart quantity
  • Improve navigation and usability
  • Keep the cart always accessible