Wix Stores : Personnaliser la page de catégorie
Temps de lecture : 10 min
Important :
La page de catégorie n'est pas encore disponible pour tous les utilisateurs.
La page de catégorie est la page principale de votre boutique. Vous pouvez personnaliser le design de chaque partie de la page, choisir votre mise en page préférée, décider des informations à afficher et bien plus encore.
En savoir plus sur l'accès aux paramètres de la page de catégorie.
sur le côté gauche de l'Éditeur.
Dans cet article, découvrez comment :
Suggestions :
- Vous n'avez à personnaliser la page de catégorie qu'une seule fois. Vos personnalisations s'appliquent automatiquement à chaque catégorie.
- Utilisez le sélecteur d'aperçu de catégorie en haut à droite pour choisir une catégorie et la prévisualiser.
Ajuster les paramètres de la page de catégorie
Dans l'onglet Paramètres, sélectionnez les éléments à afficher sur la page de catégories et ce qui se passe lorsque les clients survolent les images d'articles. Vous pouvez également décider de la façon dont les visiteurs voient plus d'articles lorsqu'ils arrivent à la fin de la page (par exemple en cliquant sur un bouton « En voir plus »).
Pour sélectionner les paramètres de la page de catégorie :
- Cliquez sur l'onglet Paramètres.
- Personnalisez les paramètres suivants :
- Cochez les cases à côté des éléments que vous souhaitez afficher.
- Choisissez ce qu'il advient des images de vos articles lorsque les visiteurs les survolent.
- Sélectionnez comment les clients voient les articles supplémentaires lorsqu'ils arrivent en fin de page :
- Bouton En voir plus : Affichez un bouton « En voir plus ».
- Pagination : Afficher les numéros de page
- Défilement infini : Les clients peuvent faire défiler sans passer d'une page à l'autre.
- Ajoutez et personnalisez un bouton Ajouter au panier.
- Affichez ou masquez les options de vos articles.
Suggestions :
- Si vous avez sélectionné le bouton ou l'option de pagination « En voir plus », accédez à l'onglet Design pour personnaliser le design.
- Chaque page possède une URL distincte pour vous aider à améliorer le référencement de votre galerie d'articles. Par exemple :
- URL de la première page : https://www.monsuperbesite.com/shop
- URL de la deuxième page : https://www.monsuperbesite.com/shop?page=2
Choisir la mise en page de la page de catégorie
Choisissez votre mise en page préférée pour l'en-tête (s'il est affiché) et la galerie d'articles.
Pour choisir les options de mise en page :
- Cliquez sur l'onglet Mise en page .
- Personnalisez l'en-tête en utilisant les options suivantes :
- Position de l'en-tête : Sélectionnez Aligner ou En haut.
Suggestion : Si vous sélectionnez En haut, nous vous suggérons de masquer la liste de catégories. Sinon, les catégories donnent l'apparence de sous-catégories de la catégorie sélectionnée. Emplacement des infos de la catégorie : Affichez la description de la catégorie sur ou sous l'image. - Alignement des infos de la catégorie : Alignez le texte de l'en-tête à gauche, à droite ou au centre.
- Hauteur de l'image de la catégorie : Faites glisser le curseur pour régler la hauteur de l'image de la catégorie.
- Espacement titre et description : Faites glisser le curseur pour définir l'espacement souhaité.
- Position de l'en-tête : Sélectionnez Aligner ou En haut.
- Personnalisez la galerie en utilisant les options suivantes :
- Style d'affichage de l'article : Choisissez l'apparence de votre article dans la galerie.
- Alignement des infos de l'article : Alignez les informations de l'article à gauche, à droite ou au centre.
- Comportement de la grille :
Remarque : Les personnalisations varient selon que vous choisissez Fixe ou Responsive.- Fixe : Tous les visiteurs voient le même nombre de rangées et de colonnes dans la galerie.
- Responsive : Le nombre d'articles affichés s'ajuste en fonction de la taille de l'écran de votre visiteur.
Remarque : Le paramètre responsive n'est disponible que si vous étirez la galerie sur toute la largeur.
- Personnalisez les images d'articles en utilisant les options suivantes :
- Placement de l'image : Placez l'image au-dessus ou à côté du texte de l'article.
- Redimensionnement de l'image : Sélectionnez une option de redimensionnement :
- Rogner : Recadre toutes les images à la même taille.
- Adapter : Conserve les proportions des images.
- Ratio de l'image : Sélectionnez un rapport hauteur/largeur.
- Marge latérales de l'image : Ajustez le remplissage à gauche et à droite de l'image.
- Marges haute et basse: Ajustez les remplissage au-dessus et au-dessous de l'image.
- Rayon d'angle de l'image : Rendez les angles de l'image plus arrondis ou plus carrés.
- Cliquez sur Mise en page du ruban pour personnaliser son emplacement :
- Infos d'article : Le ruban apparaît sous l'image de l'article, à côté de la description.
- Sur l'image : Le ruban apparaît sur l'image de l'article. Faites glisser les curseurs sous Marge latérale et Marge supérieure pour ajouter plus d'espace autour du ruban.
Suggestion :
Pour étirer la page de catégorie sur toute sa largeur, cliquez sur la page de catégorie dans l'Éditeur, sélectionnez l'icône Étirer 
puis cliquez sur le curseur pour l'activer.
puis cliquez sur le curseur pour l'activer.Modifier le texte de la page de catégorie
Dans l'onglet Texte, modifiez l'un des textes disponibles afin qu'il corresponde à votre voix et à votre ton. Vous pouvez personnaliser le texte apparaissant sur les boutons de la page (par exemple ajouter au panier, pré-commande) et le message qui apparaît lorsqu'un article est en rupture de stock.
Suggestion :
Si vous choisissez de masquer des éléments, l'option permettant de modifier le texte de cet élément n'apparaît pas.
Pour modifier le texte :
- Cliquez sur l'onglet Texte.
- Modifiez l'une des options de texte disponibles.
Personnaliser le design de la page de catégorie
Personnalisez votre page de catégorie pour l'adapter au design général de votre marque.
Pour personnaliser le design de la page de catégorie :
- Cliquez sur l'onglet Design.
- Suivez les étapes ci-dessous pour personnaliser le design de chaque partie de la page de catégorie.
Général
Section de l'en-tête
Barre latérale et tri
Boutons Charger plus/Précédent ou pagination
Cartes d'articles
Bouton « Ajouter au panier »
Rubans
Options et quantité d'articles
Nom et séparateur de prix
Bouton Aperçu rapide
Personnaliser la barre latérale
La barre latérale des catégories comporte deux éléments : la liste de catégories et les filtres. Vous pouvez afficher l'un ou les deux, ou masquer entièrement la barre latérale.
Important :
La liste des catégories n'apparaît pas sur mobile. Ajouter vos catégories au menu du site est le meilleur moyen d'y donner facilement accès à vos clients.
Toute catégorie active que vous créez apparaît automatiquement dans la liste de catégories, mais vous pouvez masquer les catégories que vous ne souhaitez pas afficher. Vous pouvez également réorganiser les catégories que vous décidez d'afficher.
Pour personnaliser la barre latérale :
- Cliquez sur l'onglet Barre latérale.
- Sélectionnez ce que vous souhaitez personnaliser :
Liste de catégories
Filtres
pour le masquer ou le modifier.
Personnaliser les options de tri
Votre page de catégorie est assortie d'options de tri qui permettent aux clients de visualiser plus facilement les articles qui les intéressent. Vous pouvez désactiver toutes les options ou masquer complètement le tri.
Pour personnaliser le tri des articles :
- Cliquez sur l'onglet Tri.
- Personnalisez les paramètres suivants :
- Cliquez sur le curseur Afficher les options de tri pour le désactiver. Cela signifie que les clients n'ont pas la possibilité de trier vos articles.
- Modifiez le libellé de tri (ex. « Trier par : »).
- Sélectionnez l'option de tri affichée par défaut.
- Décochez la case à côté de l'option de tri que vous souhaitez masquer.
Personnaliser l'aperçu rapide
L'aperçu rapide permet aux clients de consulter les détails des articles dans une fenêtre pop-up sans quitter votre page de catégorie.
Suggestion :
Pour personnaliser le bouton Aperçu rapide, accédez à l'onglet Design.
Pour personnaliser l’aperçu rapide :
- Cliquez sur l'onglet Aperçu rapide.
- Cliquez sur le curseur Afficher aperçu rapide pour l'activer.
- Sélectionnez ce que vous souhaitez personnaliser ensuite :
- Couleur d'arrière-plan : Sélectionnez une couleur d'arrière-plan pour la fenêtre d'aperçu rapide.
- Opacité et couleur de la bordure : Sélectionnez une couleur de bordure et ajustez l'opacité.
- Police et couleur du texte : Sélectionnez une police et une couleur pour chaque texte apparaissant dans la fenêtre d'aperçu rapide.
- Bouton d'ajout au panier : Modifiez le texte, le style, la police du bouton et plus encore.
Cela vous a-t-il aidé ?
|