Éditeur Wix : Ajouter et gérer les répéteurs (listes et grilles)
Temps de lecture : 5 min
Un répéteur est une liste d'éléments qui ont le même design et la même mise en page, mais un contenu différent que vous pouvez personnaliser pour chaque élément (par exemple, du texte, des images). Les répéteurs facilitent l'organisation et l'affichage de toutes sortes d'informations telles que les événements, les actualités et les services.
![Capture d'écran de répéteurs affichant le contenu dynamique de différentes destinations de vacances.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/21/0f5a0e0f-ecef-4c5c-8f18-fa2fd7cfe424/77ac7171-65d5-489a-842b-bc167ab729e7.png)
Ajouter et configurer un répéteur
Ajoutez un répéteur pour les flux de contenu dynamique et présentez plusieurs éléments tels que des articles ou des services dans un format structuré.
Pour ajouter et configurer un répéteur :
- Accédez à votre Éditeur.
- Cliquez sur Ajouter des éléments
à gauche de l'éditeur.
- Cliquez sur Liste .
- Cliquez sur un template pour l'ajouter ou faites-le glisser jusqu'à l'emplacement de votre choix sur votre site.
- Configurez le contenu de votre répéteur :
- Sélectionnez le répéteur dans votre Éditeur.
- Cliquez sur Gérer éléments.
- Procédez aux actions suivantes :
- Cliquez sur Dupliquer élément pour ajouter d'autres éléments à la liste.
- Cliquez et faites glisser les éléments pour réorganiser la liste.
- Survolez un élément et cliquez sur l'icône Plus d'actions
pour le supprimer ou le dupliquer.
Vous utilisez l'appli Générateur de listes ?
L'ancienne appli List Builder n'est plus prise en charge et a été remplacée par les répéteurs. Si vous avez ajouté une liste à votre site en utilisant cette appli, copiez le contenu dans un nouveau répéteur.
Ajouter du contenu aux éléments
Tous les éléments du répéteur ont le même design. Vous pouvez personnaliser chaque élément au sein d'un élément comme le texte et les images, mais le design reste toujours le même.
Par exemple, vous pouvez modifier le texte d'un bouton pour qu'il soit différent pour chaque élément. Cependant, si vous déplacez le bouton vers un emplacement différent à l'intérieur de l'élément, il déplace le bouton de tous les éléments au même emplacement.
Lorsque vous ajoutez un élément à un élément d'un répéteur, il est automatiquement ajouté à chaque élément pour assurer la cohérence du design. Les éléments changent de taille en fonction de leur contenu.
Pour ajouter un élément aux éléments, faites-le glisser et déposez-le sur un élément :
![gif de une boîte conteneur déplacée autour de l'élément de répéteur dans l'Éditeur wix](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/21/2b70a18a-0b2f-4bd6-a252-d50a1a038166/84f917e7-6bf0-4347-b66f-6206f822bfe9.gif)
Remarque :
Certains éléments ne peut pas être attaché à des éléments de répéteur.
Ajouter plus d'éléments à un répéteur
Vous pouvez ajouter autant d'éléments que vous le souhaitez à votre répéteur.
Pour ajouter un élément :
- Sélectionnez le répéteur dans votre Éditeur.
- Cliquez sur Gérer éléments.
- Cliquez sur Dupliquer élément en bas du panneau.
- Modifiez votre nouvel élément comme vous le souhaitez.
![Capture d'écran du panneau gérer les éléments à côté d'un répéteur, affichant le nombre d'éléments et le bouton des éléments dupliqués.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/21/ae17a5a6-d98d-4b2b-afc1-4b02d809b54b/ff7bdc64-9407-4659-969e-b2dbf72c1c95.png)
Modifier la mise en page d'un répéteur
Ajustez l'alignement, la direction et l'espacement de vos répéteurs.
Pour modifier la mise en page :
- Sélectionnez le répéteur dans votre Éditeur.
- Cliquez sur l'icône Mise en page
.
- Pour modifier la mise en page, procédez comme suit :
- Choisissez un alignement : Gauche, Centre, Droite ou Justifier.
- Utilisez le curseur pour ajuster l'espacement vertical entre les éléments.
- Choisissez si vous préférez afficher les éléments de gauche à droite ou de droite à gauche.
![capture d'écran du panneau de mise en page du répéteur dans l'Éditeur wix. affichant les options d'alignement, d'espacement et de direction d'affichage.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/21/bd25133e-3239-4c7d-966b-1f014f1820e4/19837cb4-ee3f-4583-a48c-c11b6e90fed9.png)
Concevoir des éléments de répéteur
Vous pouvez modifier le design de chaque élément (par exemple, image, zone de texte, bouton, etc.). Chaque modification de design apportée à un élément affecte les autres éléments de votre répéteur. Par exemple, la modification de la couleur d'un bouton dans un élément modifie également la couleur du reste des éléments.
Pour modifier le design d'un élément, sélectionnez l'élément et cliquez sur l'icône Design :
![capture d'écran du répéteur utilisé pour afficher le contenu dynamique du forfait de vacances dans l'Éditeur wix, l'icône du design étant survolée.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/21/c609687b-f1cb-4ed6-93b2-19e63b4822dd/a3024d9c-9226-47fb-8b02-fb470fdfde14.png)
Vous souhaitez ajouter un texte alternatif ?
Ajouter du texte alternatif à votre image de répéteur pour aider les moteurs de recherche à les « lire ». Cliquez sur les paramètres
de l'image correspondante et sous Qu'y a-t-il dans l'image ? Dites-le à Google, saisissez une brève description de l'image.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/06/14/4d90d233-edeb-4294-b972-7a1c69028c9f.png)
Connecter un répéteur à une collection de base de données
En utilisant des répéteurs, vous pouvez afficher le contenu de vos collections de bases de données. Tout d'abord, connectez le répéteur à la collection concernée. Ensuite, connectez chaque élément au champ approprié de votre collection.
![Capture d'écran de sandbox en cms qui a divers types d' permets répertoriés comme champs individuels.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/28/0cdac32d-7cf6-4948-b2ec-d767c7dcf888/b2ca3f7b-cfb7-411c-a40c-1ce203facea1.png)
Problèmes d'alignement dans les répéteurs
Vous remarquerez peut-être que vos répéteurs ne sont pas alignés comme prévu.
Les tailles des répéteurs sont basées sur le contenu de l'élément. Par exemple, si un élément de répéteur contient plus de lignes de texte que les autres éléments, cela affectera l'alignement.
Nous vous recommandons de vous assurer que les boîtes contiennent toutes le même nombre de lignes de texte pour rectifier l'alignement. Si vous ne souhaitez pas ajouter plus de texte dans la zone, ajoutez simplement des lignes vides supplémentaires en utilisant la touche Entrée de votre clavier.