WooCommerce cart menu item
Adds an easily customizable (with CSS) shopping cart icon and counter to the main menu. Edit the filter hook `main-menu` to your menu’s slug. This is useful when your theme does not already have a cart icon with counter.
add_action( 'wp_enqueue_scripts', function() {
wp_enqueue_style(
'font-awesome-cdn',
'//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'
);
} );
add_filter( 'wp_nav_menu_main-menu_items', function( $items, $args ) {
$cart_item_count = WC()->cart->get_cart_contents_count();
$cart_count_span = '';
if( $cart_item_count ) {
$cart_count_span = sprintf(
'<span class="count">%s</span>', $cart_item_count
);
}
$cart_link = sprintf(
'
<li class="cart menu-item menu-item-type-custom menu-item-object-custom">
<a href="%s"><i class="fa fa-shopping-bag"></i>%s</a>
</li>
',
get_permalink( wc_get_page_id( 'cart' ) ),
$cart_count_span
);
$items = $items . $cart_link;
return $items;
}, 10, 2 );
add_filter( 'woocommerce_add_to_cart_fragments', function( $fragments ) {
$fragments['span.count'] = sprintf(
'<span class="count">%s</span>',
WC()->cart->get_cart_contents_count()
);
return $fragments;
} );