Is there a preset CSS class when shopping cart isn't empty?

Question

WooCommerce enables automatically .logged-in class when a user is logged in. This allows to create a page with different content without any PHP coding.

Is there something similar when the shopping cart is empty? I am NOT seeking any PHP solution. It should be solved only with a CSS class so I can hide/show parts of a page depending on the fact this CSS class does/does not exist.

Answer 1

You'll need php for that... try this in your functions.php:

Detect if cart is empty and add class to body if is:

add_filter( 'body_class','my_custom_class' );
function my_custom_class( $classes ) {
    if ( WC()->cart->get_cart_contents_count() == 0 ) {
        $classes[] = 'my-emptycart-class';
    }

    return $classes;

}

Now you can use .my-emptycart-class in your CSS.