How can I replace the cart icon with the word 'cart'?

Store Design
1

hey,

does anyone know how I can change the cart icon to the word “cart” ?

thanks in advance

brokenmind.com

pw: test1

1 Like
2

Hi @drew23 ,

You can change the cart icon to word cart by following the instructions below.

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code

  2. Open the base.css file under the Asset folder

  3. Add the code at the very end of the file

a#cart-icon-bubble:after {
    content: "CART";
}

a#cart-icon-bubble{
text-decoration: none;
line-height: calc(1 + 0.3 / var(--font-body-scale));
text-underline-offset: 0.3rem;
}

a#cart-icon-bubble:hover {
    text-decoration: underline;
}
3 Likes
3

Hello @drew23 ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1679623543532.png
GemPages_0-1679623543532.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1679623564804.png
GemPages_1-1679623564804.png1385×893 63.3 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
4

@drew23

To change cart icon with cart text follow below steps:

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.liquid and paste this at the bottom of the file:

Hope this works well.

Best Regards [email removed]

1 Like
5

Can you provide your website?