How can I change the Cart Icon on the Dawn 2.0 theme to a font awesome icon ?

gthegreat
Excursionist
21 1 3

Hello, I found where the original cart icon is located for the dawn 2.0 theme it looks like so:

gthegreat_0-1632355892227.png

Therefore when I replace this code with the font awesome code it doesn't work.

 

 I'm trying to remove this :

gthegreat_1-1632356141006.png

And Change it to this :

gthegreat_2-1632356300305.png

The font awesome code is : <i class="fas fa-shopping-cart"></i> but it won't display.

I APPRECIATE YOUR TIME/EFFORT

 

0 Likes
dmwwebartisan
Shopify Partner
9284 2151 2927

@gthegreat 

Please share store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
dmwwebartisan
Shopify Partner
9284 2151 2927

@gthegreat 

Please add svg code snippets/ icon-cart.liquid file and snippets/icon-cart-empty.liquid file.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
gthegreat
Excursionist
21 1 3

@dmwwebartisan 

Yessir I have attached them below

 

0 Likes
dmwwebartisan
Shopify Partner
9284 2151 2927

@gthegreat 

Please provided SVG icon file .

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
gthegreat
Excursionist
21 1 3

@dmwwebartisan 

I attached the two files and in them, there is the SVG tag, there isn't an actual SVG file. Here is a screenshot:

gthegreat_0-1632539184429.png

 

Thanks

 

0 Likes
dmwwebartisan
Shopify Partner
9284 2151 2927

@gthegreat 

file contain old SVG icon code Please prvided NEW svg icon file 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
gthegreat
Excursionist
21 1 3

Hello , 

@dmwwebartisan 

I'm confused there is not a new SVG file , only the ones I already sent you and showed a screenshot of. If there are new icon files I don't have them I sent you all that I have.

 

This is the code from each file:

Icon Cart empty.liquid 

<svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
 
Icon Cart.liquid 
<svg class="icon icon-cart" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
  <path fill="currentColor" fill-rule="evenodd" d="M20.5 6.5a4.75 4.75 0 00-4.75 4.75v.56h-3.16l-.77 11.6a5 5 0 004.99 5.34h7.38a5 5 0 004.99-5.33l-.77-11.6h-3.16v-.57A4.75 4.75 0 0020.5 6.5zm3.75 5.31v-.56a3.75 3.75 0 10-7.5 0v.56h7.5zm-7.5 1h7.5v.56a3.75 3.75 0 11-7.5 0v-.56zm-1 0v.56a4.75 4.75 0 109.5 0v-.56h2.22l.71 10.67a4 4 0 01-3.99 4.27h-7.38a4 4 0 01-4-4.27l.72-10.67h2.22z"/>
</svg>
 

Thanks 

0 Likes