How To Put Customer Name On Header When Logged In On Focal Theme

[KD520]

Hi,

Is there an option or maybe some code you could help me with that could help me display customer name as "Hello, <customer name>" when logged in rather than displaying "account".

The theme I'm using is Focal Theme.

Thank you! 

[Small_Task_Help]

Hi,

First take backup

At Edit code>header.liquid

First, you need to check if the customer is logged in. If they are, you can display their name; if not, you can display a login link. The Liquid code might look something like this:

<div class="customer-info">
  {% if customer %}
    <p>Welcome, {{ customer.first_name }}!</p>
  {% else %}
    <p><a href="/account/login">Log in</a></p>
  {% endif %}
</div>

Save and test, if all ok then publish. If you still need help then you can contact us.