How to alter cart icon style and add a wishlist icon in my theme?

Store Design

AI-generated summary

Goal: change cart icon and menu style, and add a wishlist icon to the header.

Key guidance provided:

  • First duplicate the theme to preserve a fallback copy before editing files.
  • To change the cart icon, edit the file named icon-cart.liquid and replace the icon with an image tag: . Keep the URL in quotes.
  • To adjust size, add CSS at the end of theme.css: .site-header__cart img { width: 25px; height: 25px; } (values can be changed).

Latest update/complication:

  • The requester couldn’t find icon-cart.liquid and instead found an SVG snippet under a case for ‘header-cart’ that draws the cart via and .
  • Clarification shared that icon-cart.liquid is generally located under the Assets folder; a screenshot was provided to illustrate the location.

Outstanding items:

  • No steps were given yet for adding a wishlist icon to the header.
  • Menu style changes were not detailed.

Status: partially addressed (cart icon guidance). Further help is needed to locate/modify the relevant file in this theme and to implement the wishlist icon.

1

How can change cart icon style and menu style in my shopify theme and

how can add Wishlist icon to my header

Please urgent help needed…

2

Hey, @abhi13

Happy to help today. Note: Be sure to duplicate your theme before making any changes to your theme files. That way if something breaks, you still have a working version of your theme to fall back on.

In your theme files, you should have a file called ‘icon-cart.liquid’ where the cart icon can be updated. From there, you will want to enter the following code:

<img src="Enter image URL here" />

Be sure to keep the “” wrapped around your image URL.

If you find the icon isn’t sized to your liking, you will then head over into your ‘theme.css theme’ file and paste the following code at the bottom of the file:

 .site-header__cart img {
width: 25px;height: 25px; 

 }

You can change the 25px values to anything you like.

If there is anything else I can help you with, please let me know.

3

I cant find : icon-cart.liquid

instead of that i found this code

{%- when ‘header-cart’ -%}



4

Hey, @abhi13

icon-cart-liquid is the file that is generally found under the assets folder in your theme files.