How to change "log in" "Cart" icon to text "LOG IN" and "CART"

[Eileen12]

Hi,

I need a help to replace the icon below to text “Log in” and “Cart”

can someone help?

https://paw-pparel.com/

passcode: harubori

[made4Uo]

Hi @Eileen12 ,

To replace the icons, you have to change the snippet codes with the SVG code you have.

For Log in icon.

1. Go to Admin page > Online store > Themes > Edit code > Actions
2. Open the icon-account.liquid file under the Snippet folder.
3. Replace the code

For Cart:

1. Go to Admin page > Online store > Themes > Edit code > Actions
2. Open the icon-cart.liquid file and icon-cart-empty.liquid under the Snippet folder.
3. Replace the code for both.

[Eileen12]

Hi, thank you for your fast response. How do I get SVG code? I do not have it.

[made4Uo]

I thought you have something to replace the icons. You can check this but I am not sure if they have free ones.

[Eileen12]

Does it have to be the icon? I literally want to write down the text “Log in” and “Cart”

[made4Uo]

It does not need to be an icon. Instead of the instructions above, follow this instructions below.

1. Go to Admin page > Online store > Themes > Edit code > Actions
2. Open the header.liquid file under the Section folder.
3. Find the code below and replace it with your text “Log in.”

{% render 'icon-account' %}

4. For the cart, find the code below.

{%- liquid
          if cart == empty
            render 'icon-cart-empty'
          else
            render 'icon-cart'
          endif
        -%}

5. Replace it with your text “Cart.”

[Eileen12]

I tried to replace

{% render ‘icon-account’ %}

to {% render ‘Log in’ %}

it does not work… Can you teach me exactly where I need to replace?

[made4Uo]

Oh. You replace the {% render ‘icon-account’ %} with “Log in.” Do not write the render, just text

[Eileen12]

Thank you! One last question…

how do I remove the line right below the text?