[thecashbagParticipant]

How can I hide the WooCommerce menu shopping cart so that it only shows if it has items in the cart?

See here: https://elementpaints.com/shop/acrylic-paint-set/

It need to be “hidden” when empty, and only appear when there are items in the shopping cart.

[ThaiModerator]

Hi There,

Please try with this: https://community.theme.co/forums/topic/hiding-the-navbar-cart-when-empty/#post-378606

Hope it helps!

[thecashbagParticipant]

Have tried that code, it does not work 🙁

Any other ideas?

[ThaiModerator]

Hi There,

Please update the code to this:

jQuery(function($) {
if($('.x-cart .outer').html()=="0 Items") {
    $('.x-menu-item-woocommerce').css('display','none');
}
});

Hope it helps 🙂

[thecashbagParticipant]

That works great!

Thanks you 😀

[RahulModerator]

Glad it worked for you.

Let us know if we can help with anything else.

Thanks. 🙂

[Author]

Posts