• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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 :

Register for full access

Closely Related Code

  • Add WooCommerce Cart Icon & Total To Nav Menu Widget In Before Header Utility Bar
  • Add WooCommerce Cart Count & Total Price To Genesis Nav Menu
  • Add WooCommerce Cart Quantity & Total Price To Nav Menu

WooCommerce

Reader Interactions

Comments

  1. Titiana Cropper says

    August 27, 2018 at 4:24 pm

    Does this work on Lifestyle Pro?

    Log in to Reply
    • Brad Dalton says

      August 28, 2018 at 2:23 am

      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/

      Log in to Reply
      • Titiana Cropper says

        August 30, 2018 at 6:06 pm

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

        Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.