How to fetch Customer name, email id, mobile number, and address on the Account page?

[amitrathod28]

Hello Shopify Community!

I want to fetch the Customer's photo,  name, email id, mobile number, password, and address on the Account page.

I have fetched the customer name and email id, but I am unable to fetch the customer's phone number, address, customer photo, and password. your contribution would be appreciated.

<section class="container-fluid my-account m_t_50 m_b_50">
			<div class="container-xxl container-lg container-md container-sm container-xl container">
				<div class="row title_text">
					<div class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-12 offset-sm-0 col-xs-12 offset-xs-0">
						<div class="account-page">
							<h2>My account</h2>
							<div class="row m_t_40 account-detail">
								<div class="col-lg-4 col-md-4 col-sm-4 col-12">
									<div class="profile-img">
										<img src="images/Ellipse6.png" class="img-fluid"/>
									</div>
								</div>
								<div class="col-lg-8 col-md-8 col-sm-8 col-12">
									<div class="row">
										<div class="col-lg-6 col-md-6 col-sm-6 col-12">
											<p>Name :</p>
											<span>{{ customer.name }}</span>
										</div>
                                      
										<div class="col-lg-6 col-md-6 col-sm-6 col-12">
											<p>Phone :</p>
    										<span>{{ customer.default_address.phone }}</span>
										</div>
									</div>
									<div class="row">
										<div class="col-lg-6 col-md-6 col-sm-6 col-12">
											<p>Email :</p>
    										<span>{{ customer.email }}</span>
    										
										</div>
										<div class="col-lg-6 col-md-6 col-sm-6 col-12">
											<p>Password :</p>
    										<span>*******</span>
										</div>
									</div>
                                  
									<div class="row">
										<div class="col-lg-12 col-md-12 col-sm-12 col-12">
											<p>Address:</p>
    									{% if customer.default_address != nil %}
                                           <span> {{ customer.default_address.address1 | truncate: 30 }}</span>
                                        {% endif %}
										</div>
									</div>
									<div class="row">
										<div class="col-lg-12 col-md-12 col-sm-12 col-12">
											<a href="#" role="button" class="btn btn-default"><i class="fa fa-pencil" aria-hidden="true"></i> edit</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

We need something like this output.

[Benudharbash]

Hi, did you get any solution for this ??