Max Mega Menu Pro includes functionality that lets you replace an existing menu item with something else: either a logo, a search box, a shortcode, a WooCommerce cart total, an Easy Digital Downloads cart total or HTML.

We’ll use this functionality to add a WooCommerce cart total to the menu.

Mini FAQ: Yes, the cart total will update using AJAX as your users add items to the cart!

How to add a WooCommerce Cart Total to yor Menu

Create a new menu item for the cart total

To add a WooCommerce Cart total to your menu, first add the Cart menu item to your menu:


Open the mega menu settings

Position the menu item where you’d like the Cart item to appear and click the Save Menu button, then open the Mega Menu settings for the item:


Set a ‘Cart’ Icon for the menu item

Select a suitable icon for the menu item.


Replace the menu item text with a WooCommerce Cart Total

Click the Replacements tab and select “WooCommerce Cart Total” as the replacement type.


Final Result


Looking for more flexibility?

You can switch the replacement type to HTML instead and use two built in shortcodes:

[maxmegamenu_woo_cart_count] [maxmegamenu_woo_cart_total]



This will result in a menu item like this:


Like what you see? This functionality is available in Max Mega Menu Pro

Related Articles