WooCommerce Snippet - Shortcode for displaying a cart icon with the total amount in the cart next to it

de-woocommerce_cart_amount_shortcode.php

/**
 * Shortcode for displaying a WooCommerce cart icon with the cart total.
 * The cart icon is linked to the WooCommerce cart page.
 * Shortcode tag: [divi_engine_cart_icon]
 * 
 * Make sure to add this CSS also https://gist.github.com/divienginesupport/ea2d56f435c94ca7607c243b9c8d829e
 *
 */

function divi_engine_cart_icon_shortcode() {
    // Check if WooCommerce is active
    if (!class_exists('WooCommerce')) {
        // If WooCommerce is not active, return an empty string
        return '';
    }

    // Get the cart object from WooCommerce
    $cart = WC()->cart;

    // Get the total value of the items in the cart
    $cart_total = $cart->get_total();

    // Get the URL of the WooCommerce cart page
    $cart_url = wc_get_cart_url();

    // Define the cart icon using the Divi icon font and the correct unicode
    $cart_icon = '<span class="de-icon">&#xe07a;</span>';

    // Build the HTML output for displaying the cart icon with the cart total
    $output = '<div class="my-cart-icon-wrapper">';             // Start wrapper div
    $output .= '<a href="' . esc_url($cart_url) . '">';         // Add link to cart page
    $output .= $cart_icon;                                      // Add cart icon
    $output .= '<span class="my-cart-total">' . $cart_total . '</span>';  // Add cart total
    $output .= '</a>';                                          // Close link tag
    $output .= '</div>';                                        // Close wrapper div

    // Return the generated HTML output
    return $output;
}

// Register the function as a shortcode with the tag 'divi_engine_cart_icon'
add_shortcode('divi_engine_cart_icon', 'divi_engine_cart_icon_shortcode');