Un schéma de couleurs est un ensemble de couleurs enregistré. Chaque section de votre boutique utilise un schéma : vous changez donc les couleurs à un seul endroit, et toutes les sections qui utilisent ce schéma suivent.
Où trouver vos schémas
Ouvrez le constructeur, cliquez sur l'icône en forme d'engrenage et ouvrez l'onglet Couleurs. Sous Schémas, vous voyez une carte par schéma, nommées Schéma 1, Schéma 2, etc. Chaque carte montre un petit aperçu de ses couleurs.
- Modifier : cliquez sur une carte. Un panneau s'ouvre avec un aperçu en direct en haut et toutes les couleurs en dessous.
- Ajouter : cliquez sur la carte avec le signe plus à la fin. Le nouveau schéma commence comme une copie de votre dernier schéma.
- Dupliquer ou Supprimer : faites un clic droit sur une carte, ou utilisez le bouton de menu en haut du panneau du schéma.
- Réordonner : faites glisser une carte par sa poignée.
Vous pouvez avoir jusqu'à 9 schémas. Quand vous en avez 9, la carte plus affiche (9/9) et Dupliquer affiche Limite atteinte. Vous gardez toujours au moins un schéma : le dernier ne peut donc pas être supprimé.
Les couleurs d'un schéma
Général
- Arrière-plan : le fond de la section.
- Arrière-plan intérieur : les boîtes et les cartes à l'intérieur de la section.
- Titre : les titres.
- Texte : les paragraphes et le texte normal.
- Texte important : le texte qui doit ressortir, comme les prix et les chiffres du compte à rebours.
- Arrière-plan du badge : le remplissage des badges d'économie, des rubans de lots et des pastilles d'économie des lots.
- Liens et Liens au survol : les liens, et les liens sous la souris.
- Bordure : les lignes et les séparateurs.
- Contour : les anneaux de focus et les contours, par exemple quand un client parcourt la page au clavier.
- Ombre : la couleur des ombres.
Bouton principal et bouton secondaire
Chacun a Arrière-plan, Texte et Bordure, plus Arrière-plan au survol, Texte au survol et Bordure au survol pour quand la souris est sur le bouton. Le bouton principal est votre appel à l'action principal, comme le bouton d'achat.
Champs de saisie
Les champs de formulaire : Arrière-plan, Étiquette, Texte (ce que tape le client), Bordure et Arrière-plan au survol.
Comment les sections choisissent un schéma
Sélectionnez une section et trouvez son réglage Schéma de couleurs. Choisissez un schéma dans la liste. La liste contient un lien vers vos schémas de couleurs si vous voulez les modifier.
Beaucoup de blocs dans une section ont un interrupteur Utiliser le schéma de couleurs parent. Activé, le bloc utilise les couleurs de la section qui l'entoure. Désactivé, un réglage Schéma de couleurs apparaît pour que le bloc utilise son propre schéma. Dans le bloc pour écrire un avis, Hériter du schéma fait utiliser à son bouton les couleurs de la section. Désactivé, vous choisissez un Schéma du bouton. D'autres endroits utilisent un schéma, comme les panneaux du menu de l'en-tête et la page de maintenance.
Bon à savoir
- Les sections retiennent le numéro, pas les couleurs. Si vous faites glisser le Schéma 3 à la première place, toutes les sections qui utilisaient le schéma 1 affichent maintenant les couleurs qui y ont été déplacées. Vérifiez vos pages après avoir réordonné.
- Supprimer un schéma fait passer ses sections au schéma juste avant (ou au premier schéma). Dupliquer place la copie juste après l'original et garde chaque section sur ses couleurs actuelles.
- Les schémas appartiennent au marché que vous modifiez. Changez d'abord de marché avec le drapeau si vous vendez dans plusieurs marchés.
- Les modifications sont mises en ligne quand vous cliquez sur Publier.
Conseils
- Gardez un schéma clair et calme pour la plupart des sections et un schéma plus fort pour le héros et les appels à l'action.
- Faites en sorte que le bouton principal se distingue nettement du fond.
- Vérifiez que le texte se lit facilement sur son fond, y compris sur un téléphone en plein jour.