Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
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.
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.
@ThomKnepper Thank you! I was aware of the different icon for an empty and a filled cart!
Hi, @INKLY
From my perspective, the desktop icon has not changed either.
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.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025