How to Add WooCommerce Mini Cart in Header?

With Astra, it is possible to add WooCommerce mini cart to the primary header with simple settings.

Make sure you have activated the WooCommerce plugin.

To find the setting, from WordPress dashboard navigate to Appearance > Customize > Layout > Header > Primary Header > Custom Menu Item and choose WooCommerce.

It will display a WooCommerce cart icon at the end of the primary menu.

Astra Pro’s WooCommerce addon provides options to change the cart icon, add styling to it, display cart title and total.

Like primary header, you can add a mini cart to Above Header and Below Header. Make sure Header Sections addon is activated.

To find the setting, from WordPress dashboard navigate to Appearance > Customize > Layout > Header > Above Header > Section ( 1/2 ) and choose WooCommerce.


Apart from the header, you might need to display a mini cart icon anywhere on the site. WooCommerce addon Provides WooCommerce Mini Cart Shortcode, that allows you to display the mini cart icon anywhere you want. Note that the shortcode will only work if you have Astra Pro installed and have WooCommerce addon activated from Astra Pro.

[astra_woo_mini_cart] 

Refer the article here for more information.

Not the solution you are looking for? Check other articles, or open a support ticket.