IMPORTANT NOTE: THIS CODE SHOULD NO LONGER BE USED AS IT IS NOT DYNAMIC (THE SINGLE PRODUCT PAGE MUST REFRESH TO UPDATE THE TOTALS) AND, EVEN MORE IMPORTANTLY, IT DOES NOT WORK (UNLESS THE USER REFRESHES THE PAGE) FOR PRODUCTS DISPLAYED ANYWHERE ELSE BUT ON THE SINGLE PRODUCT PAGE (FOR EXAMPLE ON CATEGORY PAGES OR FOR PRODUCTS ON THE HOMEPAGE.) INSTEAD, WE UNFORTUANTELY HAVE TO USE A PLUGIN - Mini Cart for WooCommerce by Sharabindu which has fair number of styling options and has a shortcode option to insert the mini cart anywhere you like (other similar plugins just append it to a menu in unpaid version.) Note that you can use this plugin and keep the VIEW CART link in the code below, as was done on Eat Sum More.


1. ADD THE FOLLOWING HTML WHERE YOU WAN ADD TO CART AND MY ACCOUNT BUTTONS TO SHOW (can be in header.php OR page.php AND single.php)


<div class="displayFlex justifyContentFlexEnd alignItemsCenter flexWrapWrap shopInfo">
    <?php global $woocommerce; ?>
    <div class=" flexItem myButtonWrapper">
        <a class="myButton onWhite" href="<?php echo $woocommerce->cart->get_cart_url(); ?>"
           title="<?php _e('Cart View', 'woothemes'); ?>">VIEW CART
            <?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 'woothemes'),
$woocommerce->cart->cart_contents_count);?>  -
            <?php echo $woocommerce->cart->get_cart_total(); ?>
        </a>
    </div>
    <div class="flexItem myAccountWrapper">
        <div class="myButtonWrapper">
            <a class=" myButton onWhite" href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" title="<?php _e('My Account',''); ?>"><?php _e('My Account',''); ?></a>	
        </div>
    </div>
</div>

2. ADD THE FOLLOWING IN YOUR CSS FILE SO THE ADD TO CART AND ACCOUNT BUTTON DON'T SHOW ON ALL PAGES

<style>
    body:not(.woocommerce) .shopInfo {
        display: none;
        /*only display cart and shop info on woocommerce pages*/
    }

    /*optional button styling begins*/

    .displayFlex.shopInfo .myButtonWrapper {
        margin: 0 15px;
    }
    .displayFlex.shopInfo .myButtonWrapper .myButton{
        padding: 11px;
        margin: 10px 0;
        display: block;
        background: #332516;
        color: white;
        transition: background .4s;
    }
    .displayFlex.shopInfo .myButtonWrapper .myButton:hover{
        background: #91ab3d;
    }

    /*optional button styling ends*/

</style>