Compte

Liens en vedette

1. Documentation Shopify sur les sections et les blocs
2. Documentation Shopify sur la personnalisation des sections
3. Documentation Company XYZ sur les paramètres d’arrière-plan de section
4. Documentation Company XYZ sur les paramètres d’espacement de section
5. Documentation Company XYZ sur les paramètres de séparateurs
6. Documentation Company XYZ sur les paramètres de largeurs de mise en page

Vidéos utiles

Vidéo Shopify Academy : Personnaliser votre boutique

Vidéo Shopify Academy : Personnaliser votre boutique

Utilisez cette section pour adapter la vue principale du compte client hérité afin qu’elle paraisse soignée et conforme à votre image de marque. Vous pouvez introduire la page avec votre propre icône, titre et texte d’accompagnement, puis ajuster les couleurs, l’arrière-plan, l’espacement et la mise en page pour rendre la zone du compte plus facile à lire et à parcourir. Pour un aperçu plus large du fonctionnement des paramètres de section dans l’éditeur de thème, consultez documentation Shopify sur les sections et les blocs

Paramètres de base

Les principaux paramètres de contenu structurent l’introduction de la page. Ajoutez une icône pour un repère visuel rapide, puis utilisez le titre et le sous-titre pour expliquer ce que les clients peuvent faire depuis leur espace de compte.

Si vous laissez le titre ou le sous-titre vide, la section utilise le contenu par défaut de votre thème. C’est une bonne option lorsque vous souhaitez conserver le libellé standard tout en gardant le contrôle sur la présentation de la page.

Astuce

Gardez le titre court et utilisez le sous-titre pour fournir un contexte utile, par exemple la gestion des commandes, des adresses ou des détails du compte.

Paramètres de couleur

Ces paramètres vous permettent de remplacer les couleurs par défaut de l’icône et du texte de la section. Ils sont particulièrement utiles lorsque vous utilisez un arrière-plan personnalisé et que vous avez besoin d’un contraste plus marqué ou d’une meilleure harmonie avec le reste de la page.

Ajustez ensemble l’icône, le texte principal et le sous-titre pour que la section paraisse cohérente. Si un élément est sensiblement plus clair ou présente un contraste plus faible que les autres, la page peut devenir plus difficile à parcourir.

Lorsque vous utilisez une image, un dégradé ou une vidéo en arrière-plan, vérifiez le contraste du texte sur ordinateur et sur mobile avant de publier.

Paramètres standard de section

Pour plus de détails sur la modification des contrôles propres à la section dans l’éditeur, consultez documentation Shopify sur la personnalisation des sections

Paramètres d’arrière-plan de section

Paramètres d’arrière-plan de section contrôlent la surface visuelle derrière le contenu du compte. Vous pouvez utiliser une couleur unie, un dégradé, une image ou une vidéo, puis ajouter un overlay pour aider le texte à ressortir.

Les paramètres de dégradé remplacent les couleurs unies, et les dégradés d’overlay remplacent les couleurs d’overlay. Les options d’image et de vidéo spécifiques au mobile sont utiles lorsque le média sur ordinateur est mal recadré ou semble trop lourd visuellement sur les petits écrans.

Paramètres d’espacement

Paramètres d’espacement contrôlent l’espace au-dessus et au-dessous du contenu du compte. Utilisez davantage d’espacement lorsque vous souhaitez une page plus aérée, ou réduisez-le lorsque vous recherchez une mise en page plus compacte et axée sur l’utilitaire.

L’espacement sur ordinateur et sur mobile est défini séparément, il vaut donc la peine de vérifier les deux vues. Un espacement plus réduit sur mobile permet souvent de garder la page plus facile à parcourir sans paraître trop serrée.

Paramètres de séparateur

Paramètres de séparateur ajoutent une ligne facultative en haut, en bas ou sur les deux bords de la section. Cela peut aider à définir plus clairement la zone du compte lorsqu’elle se trouve à proximité d’autres sections avec des arrière-plans similaires.

Si vous laissez la couleur du séparateur transparente, la section utilise la couleur de bordure de votre thème. C’est généralement la manière la plus simple de conserver des séparateurs visuellement cohérents.

Paramètres de largeur

Paramètres de largeur contrôlent à la fois la largeur de lecture du contenu du compte et l’étendue globale de la section. La largeur du contenu est le principal paramètre pour la lisibilité, tandis que la largeur de la section compte surtout lorsque vous utilisez aussi un traitement d’arrière-plan.

Une largeur de contenu plus étroite fonctionne généralement mieux pour les pages de compte, car le contenu est centré sur des tâches et riche en texte. L’éditeur peut sous-représenter les changements de largeur, il est donc préférable de prévisualiser la page sur la boutique en ligne réelle avant de finaliser les choix de mise en page.

Notes d’utilisation

1. Gardez l’introduction utile. Utilisez le titre et le sous-titre pour orienter rapidement les clients au lieu de répéter un libellé générique de compte.
2. Concevez pour le contraste. Si vous ajoutez une image ou une vidéo en arrière-plan, utilisez des overlays et des couleurs de texte personnalisées uniquement lorsque c’est nécessaire pour conserver une bonne lisibilité.
3. Privilégiez des largeurs lisibles. Une largeur de contenu moyenne ou étroite est généralement plus confortable pour parcourir les détails du compte et l’historique des commandes.
4. Adaptez l’espacement au rôle de la page. Un espacement plus important peut donner à la page un aspect plus marqué par la marque, tandis qu’un espacement plus serré favorise une expérience de compte plus fonctionnelle.
5. Prévisualisez mobile séparément. Vérifiez ensemble le média d’arrière-plan mobile, l’espacement et le contraste du texte afin que la page reste claire sur les petits écrans.
6. Vérifiez ensemble l’ordinateur et le mobile. La mise en page, l’alignement et le comportement du média peuvent varier selon la zone d’affichage, alors examinez les deux vues avant de publier.
7. Laissez les valeurs par défaut en place lorsque vous souhaitez un style de secours. Les valeurs vides ou transparentes conservent généralement l’apparence intégrée du thème, tandis que des couleurs, dégradés ou choix de média explicites rendent la section plus autonome.