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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Add WooCommerce Cart Count & Total Price To Genesis Nav Menu

This code adds the cart count & total price to the nav menu in Lifestyle Pro.

The solution uses Dashicons which modern HTML 5 Genesis child themes load by default.

Enables dynamic updating of item count & total price using Ajax when the Add To Cart button is clicked without the need to refresh the page.

Tested using the Genesis Sample & Lifestyle Pro child themes by StudioPress. Should work in any HTML 5 child theme without modification.

Demo Video #

Shows the cart icon added before the cart count & price total linked to the cart page updating dynamically using Ajax in the Primary and secondary nav menu of the Lifestyle Pro child theme for Genesis.

Installation #

There’s 2 steps relating to usage of the code in the download folder :

Step 1 : Copy & paste the PHP code from the functions file to the end of your child themes functions file.

Step 2 : Copy & paste the CSS from the style.css file to the end of your child themes style sheet and clear caching.

Register or login to access the download folder :

Download Folder

Note : Requires the activation of both the WooCommerce & Genesis Connect for WooCommerce plugins.

Lifestyle Pro Theme Nav Menu WooCommerce

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems