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 :
Note : Requires the activation of both the WooCommerce & Genesis Connect for WooCommerce plugins.
Excellent. Requesting now!
Morning, Brad! Can you tell me how to hook into Carrie Dils’ Utility Bar right area?
Sorry, forgot the link.
https://carriedils.com/widget-area-above-header-genesis/
Hi James. What do you want to hook in? It uses genesis_before_header. I assume you want to hook in the WC cart?
Right. Looking to place the cart next to the “Buy Now” button in the utility-bar-right before the header here.
https://deathintexasmovie.com/
There’s already way too much going on in this nav for a movie website, so trying to fit the login & shop links up there. Tried a few solutions, but my PHP ain’t on your level. haha
James. This type of modification requires at least an hours work. You can request a custom tutorial. The price is $75.