Renaming Cart Icon

Store Design
, , , , , , , , , , ,

Topic summary

A user seeks to replace their store’s cart icon with the text “Tote” on a Shopify store using the Impulse theme.

Solutions Provided:

  • Multiple respondents suggest adding custom CSS code to the theme.liquid file
  • Code should be placed after the <head> tag or before the closing </body> tag
  • Initial implementation successful but removed the cart notification bubble

Current Status:

  • Cart icon successfully replaced with “Tote” text
  • Cart notification bubble (item count indicator) has been restored via updated code
  • User now asking how to increase the font size of the “Tote” text

Outstanding Question:
How to adjust the text size of “Tote” - awaiting response for CSS font-size modification.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi,
Can anyone please help me with removing the cart icon from my store and replacing it with the text “Tote.”

I am using a theme called Impulse
Store address: https://www.islaboutique.com.au/
storefront password: ablosa

screencapture-islaboutique-au-2024-07-05-12_59_33.png
screencapture-islaboutique-au-2024-07-05-12_59_33.png1920×887 190 KB

2

Hi @technase

You can do that by adding this code to theme.liquid file, after in Online Store > Themes > Edit code
3

hell @technase
Go to online store > edit theme code > theme.liquid > put in the below code in theme.liquid file before closing
4

Hello @technase
Go to online store ---------> themes --------------> actions ------> edit code------->theme.liquid
and add this code after head.

and the result will be

5.png
5.png1384×562 448 KB

If this was helpful, hit the like button and mark the job as completed.
Thanks

5

Thank you Dan,
works perfectly but the cart/tote bubble is gone now.. how do I display that black dot when anything is added to the cart/tote

6

Please update the code
7

thank you very much.. how do I increase the text size of the word “Tote” ?