Someone asked me today, why does the shopping cart had an icon of a basket instead of a cart? It’s called the “cart” after all, right? The URL says cart, and WooCommerce says cart, but there’s an icon of a basket.
Here you can see the default “cart” icon on the Storefront menu:
It also appears on mobile in the “handheld menu” on the bottom:
If you want to change these icons from a basket to a cart, here’s a bit of CSS I wrote that will do the trick (as of Storefront 2.2.4):
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .site-header-cart .cart-contents:after, | |
| .storefront-handheld-footer-bar ul li.cart > a:before { | |
| content: "\f07a"; | |
| } |
Result:
5 replies on “Storefront: Change the basket icon to a cart icon”
Thanks Mike, this was helpful.
cool! Just tried it and seems better!
Where to change it?
You can add this CSS in the Customizer > Additional CSS section.
thanks !!