Setting up Live WooCommerce Cart Badge & Counter
Display real-time item count badges and total cart value in your mobile navigation bar.
Why Cart Badges Matter
Mobile shoppers frequently lose track of items added to their cart. Having a persistent, sticky cart icon with a live badge increases mobile checkout completion by up to 23%.
Enabling Cart Counter
- 1. In Settings → WP Mobile Bottom Menu, click on the WooCommerce tab.
- 2. Toggle Enable Real-Time Cart Counter to ON.
- 3. Choose your badge style:
- Counter Badge: Shows the total count of items (e.g., “3”).
- Dot Badge: Shows a pulsating dot when items exist.
- Subtotal Pill: Shows current cart subtotal (e.g., “$49.00”).
- 4. WP Mobile Bottom Menu hooks into the native WordPress
woocommerce_add_to_cart_fragmentsAJAX event, updating instantly without requiring a page refresh.
Was this guide helpful?
Let us know if you need any additional clarification.
