# Account Dashboard Page

### **What You’ll Learn**

* How to style the customer dashboard using legacy accounts
* Where to find and customize the `customer/account` and `customer/addresses` pages
* Tips for previewing account content inside the Shopify Theme Editor

***

### 🧭 Accessing the Account Page in the Theme Editor

To customize the account dashboard (what customers see after logging in), you’ll need to:

1. Open your store in the **Shopify Theme Editor**
2. Navigate to the **Login** or **Register** page
3. Log in with a customer account through the preview
4. Once logged in, you’ll be redirected to the account dashboard

> 💡 Tip: You must log in through the Theme Editor preview — typing `/account` into the editor's URL bar will just reload the login page.

***

### 🧑‍💼 Account Details Section (`customer/account`)

This section shows the customer’s name, email, and order list.

#### Customization Options

**Hero Image**

* Upload a header image to visually brand the page
* Option to remove or curve the hero image

**Text Settings**

* Welcome Text (e.g. “Welcome”)
* Email Label (e.g. “Email:”)
* View Addresses link text
* Logout button text

**Color Settings**

* Text color for welcome message, email, logout, and link
* Table background and table text color
* “No Orders” message color if no purchases exist

> 💡 Use a neutral gray or brand accent color for text to match your overall theme.

***

### 🏠 Account Addresses Section (`customer/addresses`)

This section lets customers view, add, or edit their saved addresses.

#### Customization Options

**Hero Image**

* Optional header image, with toggle to remove or curve it

**Text Fields**

* Section Header (e.g. “Manage Addresses”)
* Button Text for “Add New Address”
* Labels for edit, delete, and return navigation

**Colors**

* Customize each text element: headers, buttons, links
* Set divider and border colors for inputs
* Edit form button background and text color

> 💡 Tip: Keep button and link colors consistent with the rest of your account pages for a smooth experience.

### **Need Help?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/readme-1/customer-accounts/account-dashboard-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
