Skip to main content

Floating / Sticky Cart Button

A circular cart icon pinned to a corner of every page.

A
Written by Aditya Singh

A circular cart icon pinned to a corner of every page. Always-on access to the cart drawer.

Position

  • Bottom-right (most common)

  • Bottom-left

  • Top-right

  • Top-left

  • Center Left

  • Center Right

Bottom-right is the safest default β€” it doesn't conflict with most chat widgets, which use bottom-right by default but can be re-positioned.

Icon

Choose from built-in options (Bag, Cart, Basket) or upload a custom SVG / PNG to match your brand.

Badge

Shows the live cart item count next to the icon. Updates as items are added/removed.

Mobile only

Common configuration. Many themes already have a desktop cart icon in the header β€” adding a floating one creates redundancy. On mobile, where header space is tighter, the floating button shines.

Did this answer your question?