function custom_mini_cart() { if ( function_exists('WC') && WC()->cart ) { ?> <div class="custom-mini-cart"> <a class="cart-contents" href="#" title="<?php _e( 'View your shopping cart', 'text-domain' ); ?>"> <svg width="800px" height="800px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000" class="bi bi-cart2"> <path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/> </svg> <span class="cart-contents-count"><?php echo WC()->cart->get_cart_contents_count(); ?></span> </a> <div class="widget_shopping_cart_content"> <?php woocommerce_mini_cart(); ?> </div> </div> <?php } else { echo '<p>' . __( 'Cart is empty.', 'text-domain' ) . '</p>'; } } add_shortcode('custom_mini_cart', 'custom_mini_cart'); function add_to_cart_fragment( $fragments ) { if ( function_exists('WC') && WC()->cart ) { ob_start(); ?> <span class="cart-contents-count"><?php echo WC()->cart->get_cart_contents_count(); ?></span> <?php $fragments['.cart-contents-count'] = ob_get_clean(); } return $fragments; } add_filter( 'woocommerce_add_to_cart_fragments', 'add_to_cart_fragment' );
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter