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
4725 616 1182

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 custom changes? hire me.
3 months of Shopify are available for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles.
Want to get Free review and advice for sale on store ?? just text me here
orgnix
Tourist
9 0 2

How do I add my icon image in the code?

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

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.