Sometimes if you’re working on a WooCommerce site, you’ll find yourself needing to create custom links to the WooCommerce cart. I covered pieces of this in passing in my post about adding static menu items to
wp_nav_menu(), but I wanted to go ahead and cover it more in-depth as well. Here are a few mini-tutorials and things to keep in mind as you’re building your custom WooCommerce cart link.
A Simple Link to the WooCommerce Cart
This is probably the most basic form of linking to the cart. Here, we’re just calling
get_cart_url() from WooCommerce’s
Adding the Cart Total to the Link
In this example we’re getting the cart total with the aptly-named
get_cart_total() function and using that as the link text.
Updating the Cart Link Live
WooCommerce has a setting that allows products on archive pages (the main Shop page, product category/tag pages, etc.) to be added to the cart via Ajax. By wrapping our cart total with span that has a class of
.cart_totals we ensure that the cart total is updated when products are added to the cart via Ajax.
Only Display Link if the Cart Contains Products
Here we’re checking to ensure that the cart actually has had products added to it. If so, we’ll display a link.
This really only scratches the surface of what you can do with the
WC_Cart class. I recommend checking out the WooCommerce API docs for more.