Off-Canvas Cart for WooCommerce

WooCommerce has made it easy for shoppers to view the products which they have added to cart by displaying a dropdown cart basket on the menu bar. Here’s an example:

It’s a default feature that comes right out of the box in every freshly set up WooCommerce stores.

This smart feature here allows shoppers to quickly view the products added to their cart and it also contains quick navigations which allow them to:

  • Adjust the cart by removing products which they don’t need
  • View subtotal of the cart
  • Go to cart page
  • Go to checkout page

But, what if you want this feature to also appear in a slide-in way? This is known as an off-canvas cart where the cart information slides-in from the right-hand side of the screen when a button is triggered.

If you want it, then you will need the WooCommerce Cart plugin. It’s a free plugin that allows you to do just that.

All you need to do is install and activate the plugin and the feature will be automatically added. There’s no configuration needed.

Here’s how it works right out of the box:

You can also further customize it from the plugin’s settings page.

You can customize the bits and pieces of the feature such as have it automatically slide-out when a product is added to cart, edit the title of it, edit the button text, play around with the colors and many more.

It’s responsive too!