Utiliser un dégradé de couleurs pour l’arrière-plan

Les dégradés de couleurs en arrière-plan créent un effet visuellement agréable et plus dynamique que les arrière-plans monochromes. Vous pouvez bien sûr utiliser les deux types d'arrière-plans dans votre boutique. Pour plus d’informations, consultez l’article Modifier la couleur d'arrière-plan des éléments de contenu.

Comment définir un dégradé d’arrière-plan

Une fois que vous avez ajouté un élément de contenu à une page, vous pouvez définir un dégradé de couleurs pour l’arrière-plan. Tous les changements apparaîtront directement dans la zone d’aperçu de l’Éditeur.

1. Sélectionnez l’élément de contenu ou survolez-le. Vous verrez une barre bleue en haut de l’élément de contenu.
2. Dans cette barre bleue, sélectionnez .
3. Sélectionnez l’option Arrière-plan dégradé.
4. Sélectionnez 2 couleurs ou 3 couleurs.
5. Si vous souhaitez modifier l’orientation du dégradé, sélectionnez le lien Inverser le sens de la couleur.
6. Choisissez les couleurs que vous souhaitez utiliser pour votre dégradé en sélectionnant les carrés de couleur :
   • Sélectionnez la couleur désirée à partir de la palette de couleurs .
   • Vous pouvez également sélectionner l’une des couleurs prédéfinies . Vous y trouverez toujours les couleurs de base noir et blanc. Vous trouverez également les couleurs de la boutique actuellement sélectionnées ici.
   • Pour choisir une nuance précise, vous pouvez saisir son code hexadécimal dans le champ de saisie .
     Si vous souhaitez utiliser une couleur spécifique pour votre boutique, vous pouvez utiliser un sélecteur de couleurs afin d’identifier le code hexadécimal correspondant. Vous pouvez ainsi sélectionner rapidement une nuance précise. De nombreux sélecteurs de couleurs sont disponibles gratuitement sur le web ou sous la forme d'extensions pour les principaux navigateurs.
   • Veuillez noter que le lien Réinitialiser restaure la couleur par défaut de votre thème et non la couleur que vous aviez précédemment sélectionnée (le cas échéant).
7. Sous Orientation, choisissez un dégradé horizontal , vertical  ou diagonal .
8. Si vous souhaitez restaurer l’arrière-plan par défaut pour cet élément de contenu, sélectionnez le lien Réinitialiser dans la vue Modifier l'arrière-plan.
   Veuillez noter que cette action restaurera la couleur par défaut de votre thème et non la couleur que vous aviez sélectionnée auparavant (le cas échéant). Si vous souhaitez conserver la couleur que vous aviez sélectionnée lorsque vous avez commencé à apporter des modifications, vous devez annuler votre action en sélectionnant Annuler.
9. Sélectionnez Enregistrer.

Vous avez à présent choisi un dégradé de couleurs comme style d’arrière-plan. Si vous voulez définir un arrière-plan dégradé pour d’autres éléments de contenu ou modifier à nouveau un dégradé d’arrière-plan, répétez les étapes ci-dessus. Les changements s’appliqueront directement dans votre boutique.

Conseils concernant les paramètres de dégradé d’arrière-plan

• Pour créer des effets différents, vous pouvez par exemple choisir l’option 3 couleurs mais définir la même couleur pour deux d’entre elles.
• Si vous utilisez des couleurs similaires vous créerez un effet tout en subtilité, alors que des couleurs très contrastées auront un effet plus spectaculaire.
• Si vous souhaitez créer une transition plus douce, vous pouvez définir un arrière-plan d'une seule couleur pour le premier élément de contenu et définir un dégradé d’arrière-plan vertical pour le deuxième élément de contenu, en reprenant la couleur du premier élément. Cela ressemblerait à ceci :

Info

Pour plus de conseils, consultez l’article Modifier le style d’arrière-plan des éléments de contenu.