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

Shopify Discussion

Topic summary

Main issue: replace the header “Log in” text in the Reformation theme with an account SVG icon.

  • A contributor suggested using Liquid (Shopify’s templating language) with a snippet: {% render ‘icon-account’ %}.
  • The change was ultimately resolved by editing the secondary header area; the icon/text swap is fixed.

Follow-on request: show the customer’s name after login using the New Customer Account.

  • Access was granted to the theme; changes deployed.
  • Initial fix worked on desktop but not mobile; screenshots were shared to compare.
  • Output was adjusted to “Hi, [First Name]” for both desktop and mobile to save space.
  • A logout edge case showed “HI, LOGIN”; this was corrected. The greeting now works across devices.

Latest development: request to change Shopify’s gift card image in the Reformation theme to use a dynamic URL.

  • Another developer noted only a static image URL was possible, referencing the Liquid gift_card object.
  • The thread asks if a coding workaround can enable a dynamic image URL.

Status:

  • Header icon and customer greeting: resolved.
  • Gift card image (dynamic URL): open; no confirmed solution yet.

Notes: Screenshots were central for verifying desktop vs mobile behavior; minimal code snippet was referenced.

Summarized with AI on January 12. AI used: gpt-5.
21

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’

22

Done :white_check_mark:

23

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/topic/2326005

24

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

25

Is it fixed now?

26

It is working great!

1 Like
27

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-…

28

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?