Display Cart Icon

Hi @kabbalisticvillage! When you created the bubble that shows how many items are in the cart, did you do this with html? If so, in that same code block, you can insert a cart icon from fontawesome or another icon provider.

There are some steps with getting started with fontawesome, but once you have it configured, the code to add would look like this; <i> class="fas fa-shopping-cart"</i>

• This reply was modified 3 years, 9 months ago by Heather Barr.

@hnbarr i didn’t use html. there was an option in the customizer to display something called a mini cart and i clicked that. The bubble showed up but no cart. What else can I try? Thank you!

You’ll probably have to use CSS. Right now There’s a div that sits next to the menu text that will hold a number when there’s something in the cart, and have a circle around it. You’ll want to use CSS to over-ride the contents of that div and display a little cart.

@topher1kenobe thanks. So the little bubble that has the number actually appears under the menu text and there is a space next to cart that is blank that should probably be showing the cart but there is nothing there. Do you know the css to use? Thank you!

It’s a bit complicated, you’ll want to unset the CSS that’s being used, and then put in your own. If I get time I’ll make a tutorial on how to do it, but it’s more than I have time for right now.