Customize the shopify account page

[timoo23]

i want to welcome my customer to show as a "Welcome, [customer name]" how can I do this? Can anyone help me with this?

[Huptech-Web · Accepted solution]

Hello! @timoo23 Please follow these steps to add code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open main-account.liquid file
Replace the H1 tag with the following code for customer__title.

{% if customer %}
  <h1>Welcome {{ customer.first_name }}!</h1>
{% endif %}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K

[Huptech-Web · Accepted solution]

sure @timoo23 Allow me a couple of minutes.

[Huptech-Web · Accepted solution]

Hello! @timoo23 Please follow these steps to add code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open main-account.liquid file
Replace the H1 tag with the following code for customer__title.

{% if customer %}
  <h1>Welcome {{ customer.first_name }}!</h1>
{% endif %}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K

[timoo23]

Thank you @Huptech-Web working😍

i need one more thing. I need to validate the email in the account page. How can I do that? Can you please help me?

[Huptech-Web · Accepted solution]

sure @timoo23 Allow me a couple of minutes.

[Huptech-Web · Accepted solution]

Please try this code @timoo23 

document.querySelector('#my-form').addEventListener('submit', function(event) {
    const email = document.querySelector('#email').value; 
    if (!email.includes('@')) {
        event.preventDefault();
        alert('Please enter a valid email address.');
    }
});

 Please replace the #my-form with your form id and #email with your email input id.

Best regards
K.K

[lakeviewarvind]

Please share to Arvind Lakeview.