Vous pouvez personnaliser n’importe quelle section de votre site Web pour qu’elle corresponde à votre style : ajustez son affichage, modifiez l’arrière-plan (couleur, motifs, images ou vidéo), ajoutez des effets visuels et créez des transitions fluides entre les sections grâce aux séparateurs de formes.
Pour modifier une section :
- Accédez à la section que vous souhaitez changer.
- Cliquez sur l’icône en forme d’engrenage de la section.
- Choisissez l’un des onglets disponibles : Paramètres, Arrière-plan ou Séparateurs de formes (les options varient selon la mise en page).
Paramètres de la section
L’onglet Paramètres contrôle l’apparence et le comportement de la section.
Remarque : les paramètres disponibles dépendent du type de page et de la mise en page sélectionnée.
Paramètres courants
- Afficher/Masquer le titre de la section
Affiche ou masque le titre de la section.
- Nombre d’éléments par ligne
Choisissez combien d’éléments apparaissent par ligne.
Disponible uniquement sur les pages avec des éléments internes et certaines mises en page.
- Couleur du bloc de mise en page
Définissez la couleur d’arrière-plan du bloc de texte.
Disponible uniquement sur les mises en page qui incluent un bloc de texte.
- Affichage mobile
Contrôlez l’apparence de la section sur mobile.
Disponible uniquement sur les pages avec des éléments internes et certaines mises en page.
Paramètres des pages Accueil et Promo
Les pages Accueil et Promo incluent des options supplémentaires spécifiques à la section :
- Position du texte
Choisissez où le texte s’affiche (direction/alignement).
- Hauteur minimale
Définissez la hauteur de la section (30 %–100 %).
- Largeur de l’image
Contrôlez la façon dont une image est affichée.
Disponible uniquement sur certaines mises en page.
- Animation de l’image (Parallax)
Ajoutez une animation au défilement de l’image d’arrière-plan.
Disponible uniquement sur certaines mises en page.
- Style du bloc
Ajoutez une bordure au bloc de texte.
Disponible uniquement sur les mises en page avec des blocs de texte.
Arrière-plan de la section
L’onglet Arrière-plan vous permet de styliser l’arrière-plan de la section avec une couleur, un motif, une image ou une vidéo.
Remarque : les options d’arrière-plan sont disponibles uniquement sur certaines mises en page.
Couleur d’arrière-plan (icône pinceau)
Utilisez l’icône pinceau pour choisir une couleur d’arrière-plan pour la section.
Motifs (icône grille)
Utilisez l’icône grille pour ajouter un motif, puis personnalisez-le :
- Couleur d’arrière-plan de la mise en page
Modifie la couleur d’arrière-plan sous le motif.
- Thème de couleurs
Définit le style de couleur du motif :- Principal : variations des couleurs principales de votre site Web
- Contraste : une variation contrastée de la couleur principale
- Mono : un motif monochrome
- Opacité des formes
Contrôle le niveau de transparence des éléments du motif.
- Animer + Vitesse d’animation
Activez l’animation du motif et ajustez sa vitesse.
Image d’arrière-plan (icône image)
Utilisez l’icône image pour ajouter une image d’arrière-plan depuis la bibliothèque ou importer la vôtre, puis ajustez :
- Opacité
Contrôle la transparence de l’image.
- Effet
Choisissez l’apparence de l’image : Normal, Flou ou Noir et blanc artistique.
- Parallax
Ajoute une animation au défilement de l’image d’arrière-plan.
Disponible uniquement avec le style d’image Couverture.
- Style
Choisissez comment l’image remplit la section :- Couverture : remplit la section
- Dupliquer : répète l’image sur l’arrière-plan
- Contenu : place l’image dans une zone spécifique
- Position
Définit l’emplacement de l’image.
Disponible uniquement pour les styles Dupliquer et Contenu.
- Couleur du texte
Définit la couleur du texte de cette section (utile pour améliorer la lisibilité sur des images).
Vidéo d’arrière-plan (icône caméra vidéo)
Utilisez l’icône caméra vidéo pour ajouter une vidéo depuis la bibliothèque ou importer la vôtre, puis ajustez :
- Opacité
- Effet : Normal, Flou ou Noir et blanc artistique
- Couleur du texte
Séparateurs de formes entre les sections
Utilisez les séparateurs de formes pour créer une transition fluide et stylisée entre les sections.
- Ouvrez le menu de l’icône engrenage de la section.
- Accédez à Séparateurs de formes.
- Choisissez un style de séparateur.
- Utilisez le curseur Hauteur pour ajuster sa taille.
Le séparateur est ajouté en bas de la section sélectionnée. Pour un rendu plus harmonieux, vous pouvez également ajouter un séparateur à la section située au-dessus.
Remarque
Les paramètres de section, le design d’arrière-plan et les séparateurs de formes ne sont actuellement pas disponibles pour la boutique e-commerce.
