Modifier et concevoir les sections

Vous pouvez personnaliser n’importe quelle section de votre site Web pour qu’elle corresponde à votre style : ajustez son affichage, changez l’arrière-plan (couleur, motifs, images ou vidéo), ajoutez des effets visuels et créez des transitions fluides entre les sections à l’aide de séparateurs de formes.

Pour modifier une section :

1. Accédez à la section que vous souhaitez changer.
2. Cliquez sur l’icône en forme d’engrenage de la section.
3. 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 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 s’affichent par ligne.
  Disponible uniquement sur les pages comportant des éléments internes et sur certaines mises en page.
  
  
• Couleur du cadre de mise en page
  Définissez la couleur d’arrière-plan de la zone de texte.
  Disponible uniquement sur les mises en page qui incluent une zone de texte.
  
  
• Affichage mobile
  Contrôlez la façon dont la section s’affiche sur mobile.
  Disponible uniquement sur les pages comportant des éléments internes et sur certaines mises en page.

Paramètres de la page d’accueil et de la page Promo

Les pages d’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 s’affiche.
  Disponible uniquement sur certaines mises en page.
  
  
• Animation d’image (Parallaxe)
  Ajoutez une animation de défilement à l’image d’arrière-plan.
  Disponible uniquement sur certaines mises en page.
  
  
• Style de la boîte
  Ajoutez une bordure à la zone de texte.
  Disponible uniquement sur les mises en page avec des zones de texte.

Arrière-plan de la section

L’onglet Arrière-plan vous permet de styliser l’arrière-plan de la section à l’aide d’une couleur, d’un motif, d’une image ou d’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 en une seule couleur
    
    
• Opacité des formes
  Contrôle la 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.
  
  
• Parallaxe
  Ajoute une animation de défilement à l’image d’arrière-plan. Vous pouvez choisir parmi une liste de directions, comme Haut, Bas, Haut gauche, Bas droite, et plus encore.
  Disponible uniquement lorsque vous utilisez le style d’image Couvrir.
• Style
  Choisissez comment l’image remplit la section :
  • Couvrir : remplit la section
  • Dupliquer : répète l’image sur l’arrière-plan
  • Contenir : place l’image dans une zone spécifique
    
    
• Position
  Définit l’emplacement de l’image.
  Disponible uniquement pour les styles Dupliquer et Contenir.
  
  
• Couleur du texte
  Définit la couleur du texte pour cette section (utile pour la lisibilité sur les 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.

1. Ouvrez le menu de l’icône d’engrenage de la section.
2. Accédez à Séparateurs de formes.
3. Choisissez un style de séparateur.
4. 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.