Reformation Theme - How to change "log in" in header to login icon?

JushNeedHelp
Visitor
2 0 1

Hi everyone, I've recently been trying to change that annoying 
"Log in" text in my header to an "ACCOUNT" svg-icon but i couldn't find a solution. 
 

JushNeedHelp_0-1696959896368.png

 i want the login to look like this

JushNeedHelp_1-1696959981988.png

what should i do in order to fix it ? 
Thank You! 

https://5bf71c.myshopify.com/
password: jush

Replies 27 (27)

fadi_yousif
Shopify Partner
342 43 66

Are you familiar with Liquid? You need to add a snippet of code that renders the icon:

{% render 'icon-account' %}

I can fix this if you give me access to your theme code.

JushNeedHelp
Visitor
2 0 1

Hi Fadi, i managed to fix the problem. 
Thank you (BTW it was something different in the secondary header area )

jmalone
Excursionist
28 3 1

Hello Fadi. Can you help me? I am using the New Customer Account on the Reformation theme. How do I show the customer's name after they have logged in? My showing states, 'My Account.' 

fadi_yousif
Shopify Partner
342 43 66

Yes, send your store URL.

jmalone
Excursionist
28 3 1

https://blindresistancebrand.com/

apologies for the delay

fadi_yousif
Shopify Partner
342 43 66

Looks like I need a code

Screenshot from 2023-11-22 14-59-20.png

jmalone
Excursionist
28 3 1

Try 3645

fadi_yousif
Shopify Partner
342 43 66

Sent a collaborator request

jmalone
Excursionist
28 3 1

I approved

 

fadi_yousif
Shopify Partner
342 43 66

what's the password btw

jmalone
Excursionist
28 3 1

try 'ShopifySupport'

jmalone
Excursionist
28 3 1

How's it going?

 

fadi_yousif
Shopify Partner
342 43 66

I've made a change but I don't think it's working. Can you check what it looks like for you?

jmalone
Excursionist
28 3 1

It is working on desktop, but not mobile

fadi_yousif
Shopify Partner
342 43 66

Hmm, can you send a screenshot of desktop vs mobile?

jmalone
Excursionist
28 3 1

Image 11-22-23 at 9.27 AM.png

Here is desktop. Mobile still says My Account. The Menu is in the upper left corner

jmalone
Excursionist
28 3 1

 here is the mobile view

IMG_4892.png

fadi_yousif
Shopify Partner
342 43 66

Check mobile again

jmalone
Excursionist
28 3 1

It works, but it has the customer's first and last name. Can you put "Hi, [First Name]" for both desktop and mobile?

jmalone
Excursionist
28 3 1

I am now seeing first and last names on desktop and mobile. Only use 'Hi, [First Name]' please.

 

The first and last names will take up too much space. Some people have very long name. Only use the first name with the 'Hi'

fadi_yousif
Shopify Partner
342 43 66

Done

jmalone
Excursionist
28 3 1

Beautiful! It's working on both mobile and desktop. I also tested few logins and it worked great.  Thank you so much. i had another job for you, but I think someone is working it. 

 

https://community.shopify.com/c/technical-q-a/gift-cards-in-reformation-theme-change-shopify-s-gift-...

jmalone
Excursionist
28 3 1

I just found that when I log out it says 'HI, LOGIN'.  It should only say, LOGIN

fadi_yousif
Shopify Partner
342 43 66

Is it fixed now?

jmalone
Excursionist
28 3 1

It is working great!

jmalone
Excursionist
28 3 1
jmalone
Excursionist
28 3 1

Can you take a look at this request since you are already in? https://community.shopify.com/c/technical-q-a/gift-cards-in-reformation-theme-change-shopify-s-gift-...

 

The other dev mentioned he could add a static image URL, but not a dynamic URL per the article:

https://shopify.dev/docs/api/liquid/objects/gift-card

 

Can you see if you can get around this with coding?