Hi, how can i change my shipping cart symbole from this:
to this:
i’m using the studio theme.
Thank you.
Topic summary
Change the shopping cart icon in the Shopify Studio theme (user provided images of current and desired icons).
Proposed methods:
-
Snippets approach:
- Online Store > Edit Code, search “icon-cart”.
- Modify Snippets: “icon-cart.liquid” and “icon-cart-empty.liquid”.
- Replace their contents with the SVG code for the new icon. If the same icon is used for empty/non-empty carts, paste identical code in both files.
-
Theme file approach:
- Online Store > Themes > More Actions > Edit code.
- Find the “icon-cart” file and replace the current SVG with the new icon’s SVG markup.
Notes:
- SVG (Scalable Vector Graphics) is the vector code for the icon; you need the SVG markup of the desired symbol.
- Images in the thread illustrate the current and target icons, but the key change is replacing the SVG code in the theme.
Status/outcome:
- Guidance provided; no confirmation from the original poster, so resolution unconfirmed.
Hi,
This might help:
- Go to dashboard → “Online Store” → “Edit Code”
- In the left column, type “icon-cart” in the search box
- You should see a folder called “Snippets” with 2 files in it, 1 called “icon-cart-empty.liquid”, the other “icon-cart.liquid”. These are the 2 files you’ll need to modify
- Replace the content of the 2 files with the content that makes up the images you’d like to show instead.
If your cart icon is going to be exactly the same for both empty and non-empty carts, then put the same code in both files.
Cheers,
Hi @Anonymous
This is Noah from PageFly - Shopify Page Builder App
Please change the svg of the cart icon in the theme liquid file
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click and find the icon-cart file.
Step 3: Replace the current svg with the copied one of your new cart symbol.
Hope this can help you solve the issue
Best regards,
Noah | PageFly