Re: How to get custom header cart Icon to show on mobile - DAWN

Solved

How to get custom header cart Icon to show on mobile - DAWN

INKLY
Explorer
110 0 12

Hi,I changed the cart icon to a custom one. but it seems to only render on desktop but not on mobiles. Does anyone know the solution to this problem? Thank you very much for your help !

 

Wesite URL: https://inkly.fr/

 

INKLY_0-1715681748727.png

INKLY_1-1715681789552.png

 

Accepted Solution (1)

ThomKnepper
Shopify Partner
188 30 69

This is an accepted solution.

Hi there,

 

In the theme code, go to the 'icon-cart.liquid' and 'icon-cart-empty.liquid' and replace the SVG code. This should do the trick! Keep in mind that you have a different icon for an empty and a filled cart.

Best wishes,
Thom Knepper - Athom.Agency
- Was my reply helpful? Please Like to let me know!
- Was your question answered? Awesome! Please Mark it as an Accepted Solution

View solution in original post

Replies 4 (4)

ThomKnepper
Shopify Partner
188 30 69

This is an accepted solution.

Hi there,

 

In the theme code, go to the 'icon-cart.liquid' and 'icon-cart-empty.liquid' and replace the SVG code. This should do the trick! Keep in mind that you have a different icon for an empty and a filled cart.

Best wishes,
Thom Knepper - Athom.Agency
- Was my reply helpful? Please Like to let me know!
- Was your question answered? Awesome! Please Mark it as an Accepted Solution
INKLY
Explorer
110 0 12

@ThomKnepper Thank you! I was aware of the different icon for an empty and a filled cart!

AnneLuo
Shopify Partner
766 145 158

Hi, @INKLY 

From my perspective, the desktop icon has not changed either.

AnneLuo_0-1715683634613.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Arif_Shopidevs
Shopify Partner
141 18 14

Hi @INKLY 

In  header.liquide there are two type of icon 

     if cart == empty
            render 'icon-cart-empty'
          else
            render 'icon-cart'
          endif

one is for empty card another is with card. You have changed the item in cart icon 🙂 You need to change other one also.

It will solve your issues.

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers