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

Home Documentation Shoptimizer Header Cart total and sidebar shortcode (useful for custom headers)

Cart total and sidebar shortcode (useful for custom headers)

Sometimes you would like to build a custom header. The Shoptimizer header layouts aren’t quite right, and you need to create something from scratch. There are many ways to achieve this, but a common approach would be to use a page builder such as Elementor Pro.

However, when creating a custom header, previously you would lose out on Shoptimizer’s cart total feature, which when clicked triggers our sidebar cart, with lots of great features like quantity changes and order bumps.

Well, now you can incorporate Shoptimizer’s cart total and sidebar but within a custom header.

You can do this in two ways.

1. Add a shortcode to your header

Simply drop this shortcode into your custom header:


2. Add an Elementor widget

If you are using Elementor Pro with the ability to create custom headers, you could add our custom Shoptimizer cart widget to your header.

You can find it within Elementor by searching for Shoptimizer Cart.

Shoptimizer Cart Elementor Module

The styling of the cart is still controlled within the customizer for now. You can find the desktop color controls within:

Appearance > Customize > Colors > Navigation

And you can change the cart icon style and mobile colors via:

Appearance > Customize > Colors > Header


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!