I was wondering if anyone knew how to change the style of the cart button on. My current button is a shopping bag but I want to change it to a cart. I’m using dawn theme.
password - chewno
Topic summary
A user wants to replace the default shopping bag icon with a cart icon in the Dawn theme’s header.
Solutions Provided:
-
Option 1 (Kyle_Poieo-Dev): Navigate to Online Store > Themes > Actions > Edit code. Locate the “Snippets” folder and find “icon-cart.liquid” and “icon-cart-empty.liquid” files, which contain SVG nodes that can be modified to any desired shape.
-
Option 2 (PageFly-Noah): More detailed approach involving editing the header.liquid file to locate and replace the cart icon code. Includes visual guides showing which code lines to copy and replace. Requires pasting new SVG icon code in place of the existing “icon-cart” markup.
Key Technical Details:
- Both solutions involve editing theme code files (liquid format)
- Changes target SVG icon elements
- Requires access to theme code editor in Shopify admin
The discussion remains open for follow-up questions if implementation issues arise.
Hi @isaacdob ,
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Snippets” folder, you will find “icon-cart.liquid” and “icon-cart-empty.liquid”. These contain SVG nodes that can be changed to whatever shape you’d like them to be.
This is Noah from PageFly - Shopify Page Builder App
Hi @isaacdob Here’s how you can change the icon. I will guide you in detail. Please follow along. If there are any problems, please respond so I can assist you better.
Step 1: Open file header.liquid and find code show icon, Follow image here:
Step 2: Search name icon “icon-cart” and past code new icon instead all code here:
Code new icon:
Note that you need to copy the lines I highlighted in the image and put them into the new code.
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly