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

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!

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.