What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Customize the shopify account page

Solved

Customize the shopify account page

timoo23
Visitor
2 0 0

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

Accepted Solutions (3)

Huptech-Web
Shopify Partner
1011 204 218

This is an 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 %}

 

HuptechWeb_0-1729679583517.png


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

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Huptech-Web
Shopify Partner
1011 204 218

This is an accepted solution.

sure @timoo23 Allow me a couple of minutes.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Huptech-Web
Shopify Partner
1011 204 218

This is an 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

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Replies 5 (5)

Huptech-Web
Shopify Partner
1011 204 218

This is an 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 %}

 

HuptechWeb_0-1729679583517.png


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

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
timoo23
Visitor
2 0 0

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
Shopify Partner
1011 204 218

This is an accepted solution.

sure @timoo23 Allow me a couple of minutes.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Huptech-Web
Shopify Partner
1011 204 218

This is an 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

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

lakeviewarvind
Visitor
1 0 0

Please share to Arvind Lakeview.