[Support request] Show cart items in navigation

[Rolf]

Hi GP Support.
My site is running on GP and Elementor with WooCommerce.
The navigation is rendered by GP.
Is it possible to show the shopping cart in the navigation with number of items in the cart (only if items are in the cart?

thank you!
-rolf

[David]

Hi there,

if you use the GP Woocommerce Cart icon – which can be enabled in Appearance > Layout > Woocommerce and set to display Product count then you can use this CSS to hide it when its empty:

.main-navigation .menu>li.wc-menu-item:not(.has-items) {
	display: none;
}

[Rolf]

Hi, thanks!
I was able to activate the Cart Icon, but the CSS to hide the card icon when it is empty does not work.
Can you take a look if I added it the right way (via custom CSS?).

thanks
rolf

[David]

I updated the CSS above – try that.

[Rolf]

thanks – works!

[David]

Glad to be of help

[Author]

Posts