How can I change the cart icon to a squared bag?

Store Design
1

Hi. I was wondering if it was possible to change the cart icon. I want to change the original one to a squared bag.

2

Hi @Julianterrazas

Yes you can change this.

Go to header.liquid file
Find cart Icon code, and replace cart icon code with your image, which you want to display.

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

Thanks

3

Hi @Julianterrazas

You can changing the default cart icons in icon-cart.liquid and icon-cart-empty.liquid files in your Online store > Themes > Edit codes

4

Hello @Julianterrazas ,

As I understand you are looking to change the cart icon which is currently displayed on the navigation menu of your store.

You can change the cart icon by changing the respective svg file of the icon. Please take a look at below mentioned steps for changing the svg file.

Steps -:

  1. Go to Online Store → Themes → Edit Code https://prnt.sc/vk-4pvHtDvVU

  2. Search for icon-cart-empty.liquid and open it https://prnt.sc/uMRAdYOxUApG

  3. Now, select the existing code appearing inside … and cut/delete this code.

As the current code is providing this type of icon as shown in image https://prnt.sc/DQ5xNxyYC1J2

  1. Next, find the SVG code of the icon which you are looking to display and paste that code in the ‘icon-cart-empty.liquid’ file.

As I temporarily search different cart icon SVG code from google for your reference and paste it in the ‘icon-cart-empty.liquid’ file.

  1. Now, you can take a look after pasting the svg code, cart icon is changed https://prnt.sc/eSC8gmfCd_io .

Kindly follow these steps, I hope it will help you.

Please let me know if you need any assistance.

Thank you.