Website Building » Shopify » How Do I Change the Cart Icon in Shopify Brooklyn?

How Do I Change the Cart Icon in Shopify Brooklyn?

Last updated on January 13, 2023 @ 3:26 pm

If you’re using the Brooklyn theme and want to change the cart icon, there are a few different ways you can do it.

One way is to go into the Theme Editor (under Online Store > Themes), and under the “Actions” dropdown for your theme, choose “Edit code.”

In the code editor, go to the Assets folder and find the file called “icon-cart.svg.” You can replace this file with your own custom SVG file. Just make sure that the file name is still “icon-cart.svg” so that Shopify knows which file to use.

Another way to change the cart icon is by using CSS. In the Theme Editor, go to the Assets folder and find the file called “theme.scss.liquid.”

In this file, you can add some CSS code to change the way that the cart icon looks. For example, you could add the following code:

PRO TIP: If you are not a Shopify partner or expert, please do not attempt to change the cart icon in Shopify Brooklyn. This could result in breaking your store’s functionality.

#cart-icon {width: 30px;height: 30px;background-image: url(‘https://example.com/icon-cart2.svg’);}

This would change the width and height of the cart icon, and also change the background image to a custom SVG file that you’ve uploaded. Again, make sure that your SVG file has the same name as the original (“icon-cart2.svg” in this case).

You can also use CSS to hide the cart icon altogether if you want. Just add the following code to your “theme.liquid” file:

#cart-icon {display: none;}

The Brooklyn theme gives you a few different ways to change the cart icon. You can either replace the default icon with your own custom SVG file or use CSS to change the way that it looks. You can also use CSS to hide it altogether if you don’t want it to be displayed on your store.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.