Video source missing

Easily add a cart item count to your Pro Theme WooCommerce store with dynamic content.

In by Chris Foley

User experience is important on any website – but when it comes to an ecommerce site, user experience is crucial.

It’s always good practice to provide your customers with visual cues throughout their shopping experience and always include a clean path to purchase. One solution (among many) is to ensure that your customers know what’s in their cart. This video will help you accomplish that.

Since there is some custom CSS involved, styles may vary based on the icon you choose, the size of your icons, spacing, etc. Feel free to tweak some of the css numbers below.

Be sure to paste this in the Element CSS

/*Cart Item Count Styles*/
$el.x-anchor-toggle .x-anchor-text .x-anchor-text-primary {
background: red;
width: 1.5rem;
height: 1.5rem;
border-radius: 100em;
color: white;
padding-top: 3px;
margin-left: -18px;
margin-top: -10px;