Ajouter un arrière-plan dégradé

Qu'est-ce qu'un arrière-plan dégradé ?

A fond dégradé Il s'agit d'un arrière-plan qui offre une transition fluide entre deux ou plusieurs couleurs, créant un mélange progressif de teintes. Dans un dégradé, les couleurs changent progressivement d'un côté à l'autre, créant une transition visuellement agréable et fluide.

L'ajout de transitions de couleurs à vos pages Shopify peut se faire de différentes manières. Bien que l'éditeur de thèmes Shopify le permette, des connaissances en codage sont nécessaires.

Heureusement, il existe une alternative : GemPages, le constructeur de pages Shopify le mieux classé, permet de créer rapidement et facilement des designs de dégradés dynamiques, sans aucun codage requis.

Comment ajouter un arrière-plan dégradé aux éléments de GemPages ?

Suivez ces étapes pour appliquer facilement un style de dégradé aux éléments de GemPages :

Étape 1 : Accéder à l'éditeur GemPages

• Depuis votre interface administrateur Shopify, accédez à l' Générateur de pages GemPages application> Pages.
• Choisissez votre modèle préféré pour localiser l'éditeur.

Étape 2 : Ouvrez les paramètres de l’élément

• Cliquez sur l'élément cible pour révéler les configurations dans la barre latérale gauche.

• Faites défiler jusqu'à la Présentation et sélectionnez Couleur.

Étape 3 : ajouter un arrière-plan dégradé pour l’élément

• Dans le panneau, passez à l'option Couleur dégradée style pour affiner votre transition de couleur.

• Sélectionnez vos couleurs préférées et modifiez la transition des couleurs à votre façon, par exemple :
  • Faites glisser les arrêts de couleur existants (les petits cercles sur la barre de dégradé) pour modifier le mélange entre les couleurs.
  • Vous pouvez ajouter une nouvelle couleur pour affiner votre conception de dégradé en cliquant directement sur la barre de dégradé.
  • Utilisez le contrôle d'angle (°) pour régler la direction du dégradé.

Étape 4 : Enregistrez vos modifications

Une fois que vous êtes satisfait du look, cliquez sur Enregistrer et alors Publier pour l'appliquer à votre boutique en ligne.

Comment ajouter un arrière-plan dégradé à votre bouton ?

Un bouton d'appel à l'action en dégradé capte instantanément l'attention des visiteurs. Voici comment appliquer un effet de dégradé lisse à votre bouton dans GemPages :

Étape 1 : Une fois dans l'éditeur, recherchez « bouton » dans la barre latérale gauche. Glissez-déposez ensuite un Élément bouton à la position que vous préférez.

Étape 2 : Cliquez sur l'élément pour ouvrir ses paramètres. Faites défiler vers le bas jusqu'à Présentation et sélectionnez Couleur.

Étape 3 : Dans le panneau des paramètres de couleur, sélectionnez l'option Couleur dégradée option pour ajouter un arrière-plan dégradé pour votre bouton.

Étape 4 : Personnalisez le mélange de couleurs selon vos préférences. Vous pouvez en sélectionner un parmi les Couleurs récentes liste pour économiser des efforts et garantir que l'arrière-plan dégradé correspond à votre mise en page.

Étape 5 : Une fois fait, enregistrer republier votre page pour rendre les mises à jour en direct dans la vitrine.

Remarques importantes

La fonctionnalité de personnalisation du dégradé est actuellement disponible pour des éléments tels que Rangée, Titre et Bouton dans les GemPages Version 7.

Pour toute demande de conception spécifique ou effet personnalisé, n'hésitez pas à contacter notre équipe d'assistance pour vérifier la faisabilité.