Website Building » WooCommerce » How Do I Show the Total Cart in WooCommerce?

How Do I Show the Total Cart in WooCommerce?

Last updated on October 1, 2022 @ 8:30 pm

If you’re using WooCommerce to sell products on your WordPress site, you may want to display the total cart amount on every page. By default, WooCommerce only shows the cart total on the cart and checkout pages. In this article, we’ll show you how to display the WooCommerce cart total on every page of your site.

There are two ways to display the WooCommerce cart total on every page. You can either add a shortcode or use a plugin. We’ll show you both methods so that you can choose the one that’s best for you.

Method 1: Add a Shortcode

The first method is to add a shortcode to your site. WooCommerce comes with a built-in shortcode that will display the cart total. To use it, simply add the following shortcode to any post or page on your site:

[woocommerce_cart]

If you want to style the output of the shortcode, you can use the following CSS:

PRO TIP: If you are using WooCommerce to sell products on your website, it is important to show the total cart in the shopping cart. By default, WooCommerce does not show the total cart in the shopping cart. This can lead to confusion for customers who are trying to figure out how much they owe for their purchase. To fix this, you can add a snippet of code to your functions.php file.

.woocommerce-cart-form__contents { }

.woocommerce-cart-form__cart-item { }

Method 2: Use a Plugin

The second method is to use a plugin. There are a few plugins that will add the cart total to your WordPress site. We recommend using the WooCommerce Menu Bar Cart plugin. It’s free and it’s easy to set up.

Once you’ve installed and activated the plugin, simply go to Appearance > Menus. On the left side of the screen, you’ll see a new menu item called “Cart”. Simply add this menu item to your menu and it will display the cart total in the menu bar.”

How Do I Show The Total Cart in WooCommerce?

There are two ways that you can choose from in order to display the total amount for items in a customer’s shopping cart from your WooCommerce store on every page of your WordPress website. The first method is by utilizing a shortcode which is already available from WooCommerce, and adding it into any post or page on your website where you would like it displayed. The second method is by utilizing a plugin, of which there are several different ones available depending on what other features or customization options you might be interested in for displaying this information as well as other aspects related to shopping carts and customer orders on your website.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.