Make mobile icon in header a bag instead of a cart and make it outlined

Store Design
1

Hi,

I want to make mobile icon in header a square/rectangle “bag” shape instead of a “cart” and make it outlined, not filled in. There are only Icons in the mobile version of my site so keep that in mind.

Also, make the three lines for the side bar the same thickness as the outline of the bag as well.

It is important that both of these are transparent.

Here is my URL: https://notyethome.co/

Thank you!

2

Hi @notyethome ,

We can change the cart icon to bag by customizing the icon files

3

Hi @notyethome

Please follow these steps:

  1. Firstly, go to https://icons8.com/ to find the cart icon you want to change:

view.png
view.png1094×653 54.6 KB

  1. Then go to the download section to copy the HTML code:

view (1).png
view (1).png933×615 46.7 KB

  1. Then go to Online Store → Themes → Edit Code
![view (2).png|1802x841](upload://llGf5jg9kcFHBXBJxd0ZZE8thRC.png)

4 . Find the file “icon-cart.liquid” and replace the code in it with the HTML you copied:

view (3).png
view (3).png1917×565 28.2 KB

  1. Save and see the results.

I hope that this can help you.

4

Hi, I copied the code for the icon, however, I do not have a “icon-cart.liquid” in my code. The only files for icons is in the assets: icon.json (the only one with any code content within it), icon.eot, icon.svg, icon.ttf, and icon.woff.

Please let me know what you suggest.

Thank you!