How to change cart icon to custom image for Brooklyn Theme

orgnix
Tourist
9 0 2

Hi,

Is there a way to change the cart icon image on the homepage to a custom image that I want for the Brooklyn Theme? Cart Icon.JPG

Replies 7 (7)
Jasoliya
Shopify Expert
4649 600 1166

Hi @orgnix 

You can find your cart icon on:

Section->header.liquid file, fine "/cart" and then remove bellow code:

 <span class="icon-fallback-text">
                    <span class="icon icon-cart" aria-hidden="true"></span>
                    <span class="fallback-text">{{ 'layout.cart.title' | t }}</span>
                  </span>

Now add your icon image on place of above code.

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
UmairA
Shopify Partner
1106 101 223

Hey there @orgnix,

Welcome to the community. Shopify has a tutorial on how to change cart icon to an image here https://community.shopify.com/c/Shopify-Discussion/change-cart-icon-on-Brooklyn/td-p/238909

You can contact me if you need my help implementing this.

Hope it helps

orgnix
Tourist
9 0 2

How do I add my icon image in the code?

orgnix
Tourist
9 0 2

Would I add my own png image to the assets folder?

UmairA
Shopify Partner
1106 101 223

Yes @orgnix!

You'll add it to the assets folder.

orgnix
Tourist
9 0 2

@UmairA  Do you know how I could grab the bag (cart) icon from the debut theme and use it for the Brooklyn theme?

Tom119
Excursionist
25 0 13

Right click the cart image, choose download, use as you wish.