Crafty demo - navbar menu for Woocommerce

The new Crafty demo looks great! I noticed that the shopping basket icon in the navbar menu shows the number of items in the cart.

Screenshot 2020-05-15 at 10.41.36

This seems to be using the option in “Theme options / Woocommerce / Navbar menu = on”…

Screenshot 2020-05-15 at 10.41.27

How can we get the same feature when using the header builder?

Hello Steve,

Thanks for writing in! Please be advised that the shopping basket icon is part of menu navigation for the default header. This is exclusive for the default header only.

For the custom header builder, you have a different element which is an independent cart modal, cart dropdown and cart off canvas elements. You can display the number of cart items in these elements by enabling the text setup and use the dynamic content to load up the number of cart items.

Enabling the text setup in the cart modal, cart dropdown and cart off canvas elements:
xdg2ZzSHRQqOar-3PQHI_w

Using the dynamic content to load the cart item count:
0Z1jp9maSmC5CGZkcGj-mw

Of course, you will have to style the Toggle button as well. By default, the toggle button is circular. You can make it rectangular by setting the width and heights to auto. And then set the border-radius to 0, add some borders and shadows in needed to.
AUPJ-P0aSeqK7kjXceZzng

To learn more about these elements, please check out these documentation links:

And to learn more about the Dynamic Content, you can check this:

We would love to know this works well for you.

Thanks, that worked great. I decided to make two cart icons, one with just the logo and another with just the number, so I could overlap them and make them look like this…

Screenshot 2020-05-16 at 16.10.46

Thank you for your help!

You’re welcome Steve!
We’re glad we were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.