How to change the cart and account icons

Solved

How to change the cart and account icons

Mohd01
Excursionist
51 0 4

Hi all,

I want to change my cart and search icons on the header section.
I want the search to look like this:

Mohd01_2-1737582009068.png

I want my cart icon to look like this: (here is the link to it: https://www.reshot.com/free-svg-icons/item/shopping-cart-TSH5WN4J9B/)

Mohd01_3-1737582033835.png

I also want to align them to the far far right
Store URL: https://cngdxq-tk.myshopify.com/
Theme: Dawn theme

Thanks in advance!

Accepted Solution (1)

PaulNewton
Shopify Partner
7721 678 1619

This is an accepted solution.

Hi @Mohd01 

To show the search UI's text is an advanced customization as it take some adjustments not including making sure there's not a bunch of excess stuff not allowing any space for it to fit.

For the cart svg replace the code in the icon-cart.svg file

https://github.com/Shopify/dawn/blob/main/assets/icon-cart.svg

There are numerous posts on both separate subjects if you need to DIY

 

 

If you need this customization then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


View solution in original post

Replies 2 (2)

PaulNewton
Shopify Partner
7721 678 1619

This is an accepted solution.

Hi @Mohd01 

To show the search UI's text is an advanced customization as it take some adjustments not including making sure there's not a bunch of excess stuff not allowing any space for it to fit.

For the cart svg replace the code in the icon-cart.svg file

https://github.com/Shopify/dawn/blob/main/assets/icon-cart.svg

There are numerous posts on both separate subjects if you need to DIY

 

 

If you need this customization then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


DaisyVo
Shopify Partner
3579 398 484

Hi @Mohd01 

 

Go to this file icon-cart.svg and replace the icon code inside with the one you want

 

DaisyVo_0-1737601348393.png

 

I hope this helps

 

Best,

 

Daisy

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution