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, modifiez 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 sur 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 avec des sous-éléments et certaines mises en page.
  
  
• Couleur de la boîte 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 manière dont la section apparaît sur mobile.
  Disponible uniquement sur les pages avec des sous-éléments et 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 aux sections :

• Position du texte
  Choisissez où le texte apparaît (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 de l’image (Parallax)
  Ajoutez une animation de défilement à l’image d’arrière-plan.
  Disponible uniquement sur certaines mises en page.
  
  
• Style de 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 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 : variation contrastée de la couleur principale
  • Mono : motif à une seule couleur
    
    
• 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 de défilement à l’image d’arrière-plan. Vous pouvez choisir parmi une liste de directions, telles que Haut, Bas, Haut à gauche, Bas à droite, et plus encore
  Disponible uniquement lorsque vous utilisez 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 où l’image apparaît.
  Disponible uniquement pour les styles Dupliquer et Contenu.
  
  
• Couleur du texte
  Définit la couleur du texte pour cette section (utile pour 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.

1. Ouvrez le menu de l’icône en forme 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é au bas de la section sélectionnée. Pour un rendu visuel plus cohérent, vous pouvez également ajouter un séparateur à la section située au-dessus.

Remarque

Les paramètres de section, la conception de l’arrière-plan et les séparateurs de formes ne sont actuellement pas disponibles pour la boutique e-commerce.