Customize the shopify account page

Shopify Discussion
1

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

2

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 %}
  # Welcome {{ customer.first_name }}!
{% endif %}

HuptechWeb_0-1729679583517.png
HuptechWeb_0-1729679583517.png943×589 18.4 KB

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

1 Like
3

Thank you @Huptech-Web working :heart_eyes:

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?

4

sure @timoo23 Allow me a couple of minutes.

5

Please share to Arvind Lakeview.

6

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

1 Like
7

Hello @timoo23 ,
So get more of layouts for accounts page . you can basically do some custom code or may be use some of the Customer accounts app .