Hide Cart When Empty
Building better MyListing websites. One code snippet at a time.
Overview
The Hide Cart When Empty code snippet helps create a cleaner navigation area with fewer distractions for MyListing websites.
This applies to those that have toggled on the Show cart setting (Theme Tools > Theme Options > Header).
MyListing will show the shopping cart in the navigation area, regardless of whether someone has added anything to their cart.
Implementation
- Grab the code snippet.
- Follow the provided instructions.
- Save your changes.
//// INSTRUCTIONS:
//// Copy and paste the code snippet below into Theme Tools > Theme Options > Custom Code > JavaScript.
--------------------------- CODE SNIPPET IS BELOW THIS LINE ---------------------------
// HIDE CART WHEN EMPTY
jQuery( document ).ready( function( $ ) {
setInterval(function(){
if ($(".widget_shopping_cart_content .woocommerce-mini-cart__empty-message").length ) {
$( '#user-cart-menu' ).hide();
} else {
$( '#user-cart-menu' ).show();
}
}, 2000);
});
