Website Building » WooCommerce » How Do I Change the Shopping Cart Icon in the Header Menu in WooCommerce?

How Do I Change the Shopping Cart Icon in the Header Menu in WooCommerce?

Last updated on October 1, 2022 @ 7:20 pm

Are you using WooCommerce to sell products on your WordPress site? If so, you may have noticed that the default shopping cart icon in the header menu is a little plain.

Fortunately, it’s easy to change the shopping cart icon in WooCommerce. In this article, we’ll show you how to do it.

First, you need to log into your WordPress site and go to the WooCommerce->Settings page. On this page, you’ll see a section called “Header” with a drop-down menu labeled “Header Cart Icon.” From this menu, you can choose one of the following options:

• Disable – This will remove the shopping cart icon from the header menu altogether.

PRO TIP: If you are not a developer, or are not comfortable with code, we do not recommend that you attempt to change the shopping cart icon in the header menu in WooCommerce. Doing so could break your site.

• Default – This will use the default WooCommerce shopping cart icon.

• Custom – This will allow you to upload a custom image for the shopping cart icon.

If you choose the “Custom” option, then you’ll need to click on the “Upload” button to select your custom image. Once you’ve done that, click on the “Save Changes” button at the bottom of the page.

That’s all there is to it! Now you know how to change the shopping cart icon in WooCommerce.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.