Get a fast, conversion-focused WooCommerce theme in 2024. Switch to Shoptimizer.

Home Documentation Shoptimizer Cart and Checkout Custom empty mini cart content

Custom empty mini cart content

Shoptimizer now includes the option to add your own content to the empty mini cart sidebar. This is a great way to include links to primary categories or instil some value proposition to customers such as a discount code or shipping options.

On the demo site it looks like this:

Empty mini cart content

To add your own content, you’ll need to go into the Widgets area, Appearance > Widgets and look for the Empty Mini Cart widget area.

As per the theme demo, we’re going to drop two widgets into this space.

The first is a Custom HTML widget. This is going to be the SVG icon which is displayed. You could use your own SVG, or indeed use an Image widget instead and upload your own graphic.

The “sad bag” SVG code is the following:

An alternative icon to use is a cart. The SVG code for that is:

Underneath this widget, you’ll need to include a regular Text widget.

Switch to the Text tab, and paste in the following:

Then switch back to the Visual tab, and you’ll see the result. Don’t forget to change the content, and ensure that the links to go to categories on your own site.

Finally, if you have items in your mini cart already you’ll need to remove them and then refresh your page before you can see the new empty mini cart content. If you don’t have anything in the cart, add an item and then remove it again. The mini cart is pretty heavily cached by WooCommerce.


Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!