# Page du tableau de bord du compte

### **Ce que vous apprendrez**

* Comment styliser le tableau de bord client en utilisant les comptes hérités
* Où trouver et personnaliser le `client/compte` et `client/adresses` pages
* Conseils pour prévisualiser le contenu du compte dans l'éditeur de thème Shopify

***

### 🧭 Accéder à la page de compte dans l'éditeur de thème

Pour personnaliser le tableau de bord du compte (ce que voient les clients après s'être connectés), vous devrez :

1. Ouvrez votre boutique dans le **éditeur de thème Shopify**
2. Accédez à la **Connexion** ou **Inscription** modèles de page
3. Connectez-vous avec un compte client via l'aperçu
4. Une fois connecté, vous serez redirigé vers le tableau de bord du compte

> 💡 Astuce : Vous devez vous connecter via l'aperçu de l'éditeur de thème — taper `/account` dans la barre d'URL de l'éditeur rechargera simplement la page de connexion.

***

### 🧑‍💼 Section Détails du compte (`client/compte`)

Cette section affiche le nom du client, l'e-mail et la liste des commandes.

#### Options de personnalisation

**Image d'en-tête**

* Téléchargez une image d'en-tête pour marquer visuellement la page
* Option pour supprimer ou arrondir l'image d'en-tête

**Paramètres de texte**

* Texte d'accueil (par ex. « Bienvenue »)
* Étiquette de l'e-mail (par ex. « E-mail : »)
* Texte du lien Voir les adresses
* Texte du bouton Déconnexion

**Paramètres de couleur**

* Couleur du texte pour le message de bienvenue, l'e-mail, la déconnexion et le lien
* Couleur de fond du tableau et couleur du texte du tableau
* Couleur du message « Aucune commande » si aucun achat n'existe

> 💡 Utilisez un gris neutre ou la couleur d'accent de la marque pour le texte afin de correspondre à votre thème global.

***

### 🏠 Section Adresses du compte (`client/adresses`)

Cette section permet aux clients de voir, ajouter ou modifier leurs adresses enregistrées.

#### Options de personnalisation

**Image d'en-tête**

* Image d'en-tête facultative, avec un interrupteur pour la supprimer ou l'arrondir

**Champs de texte**

* En-tête de section (par ex. « Gérer les adresses »)
* Texte du bouton pour « Ajouter une nouvelle adresse »
* Étiquettes pour modifier, supprimer et navigation de retour

**Couleurs**

* Personnalisez chaque élément de texte : en-têtes, boutons, liens
* Définissez les couleurs de séparateur et de bordure pour les champs
* Couleur d'arrière-plan et du texte du bouton du formulaire d'édition

> 💡 Astuce : Gardez les couleurs des boutons et des liens cohérentes avec le reste de vos pages de compte pour une expérience fluide.

### **Besoin d’aide ?**

* 💬 **Rejoignez notre communauté sur Discord :** <https://discord.gg/hcc2GvgZc6>
* 📧 **Envoyez-nous un e-mail à :** <support@openspaces.design>
* 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web