Add Woo Shopping Cart Basket To Nav Menu In Genesis

This tutorial provides a slightly different method to this tutorial which enables you to add a shopping cart icon and item number to your Genesis nav menu when using WooCommerce.

Update : Here’s a newer version which uses Dashicons & Ajax to update the cart without reloading the page.

Here’s the result i coded & recoded over 8 hrs :

Code Flexibility

You can :

  1. Style each element in the code including the icon, item text, item number and price elements.
  2. Remove the shopping cart basket, item text, items count and price symbol.
  3. Add the cart to any nav menu.

Register or login to access the members only code :

Closely Related Code


Comments

3 responses to “Add Woo Shopping Cart Basket To Nav Menu In Genesis”

  1. Titiana Cropper Avatar
    Titiana Cropper

    Does this work on Lifestyle Pro?

    1. I’ll publish a separate tutorial for that as the code may need modification for use in other Genesis child themes. Update : Here it is https://wpsites.net/web-design/add-woocommerce-cart-count-total-price-to-genesis-nav-menu/

      1. Titiana Cropper Avatar
        Titiana Cropper

        Thank you so much 🙂 As always you are the BEST!

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.