Product Icon

Product Listing Page with List and Grid View for WooCommerce

Affichez les produits WooCommerce sous forme de liste ou de grille, ce qui permet aux clients de commander des produits multiples ou de faire des achats groupés !

L’extension WooCommerce de visualisation de listes vous aide à transformer votre page de catalogue de produits par défaut en une page de liste de produits attrayante avec des vues en liste / grille. Ajoutez un bouton à bascule sur les pages de liste de votre boutique pour les faire basculer entre la vue en liste et la vue en grille. 

Aidez vos clients à effectuer des achats groupés ou à acheter plusieurs produits avec l’extension WooCommerce de visualisation de listes de produits. Répertoriez des produits ou des catégories spécifiques avec des informations supplémentaires sur les produits dans la vue en liste/grille. Cette fonctionnalité aide les clients à ajouter de produits dans le panier, sélectionner des quantités ou acheter plusieurs produits en un seul clic. 

Cette extension s’adresse à un large éventail d’entreprises, du commerce de gros à la restauration, en passant par les produits techniques. Les restaurants peuvent, par exemple, permettre aux clients de commander plusieurs plats en quelques clics et les boutiques d’informatique peuvent suggérer aux clients des caractéristiques techniques pour personnaliser leurs machines.

Augmentez la visibilité de vos produits en permettant à vos clients de sélectionner le nombre de produits qu’ils souhaitent voir s’afficher sur la page de votre boutique avec l’extension WooCommerce Product per Page.

Principales fonctionnalités de l’extension WooCommerce de visualisation de listes

  • Possibilité pour les clients d’afficher les produits dans une vue en liste ou en grille à l’aide d’un bouton à bascule.
  • Possibilité de commander plusieurs produits et variantes en un seul clic.
  • Affichage séparé de la liste des produits sur des pages sélectionnées.
  • Affichage de produits ou catégories spécifiques sur la page de liste.
  • Utilisation de code court pour afficher la page de liste et le widget de panier.
  • Barre de recherche instantanée permettant de trouver rapidement des produits.
  • Affichage des listes par catégorie dans la vue en grille.
  • Chargement de la liste via le défilement, un bouton « Charger plus » ou une pagination.
  • Sélection de couleurs personnalisées pour les éléments du tableau.
  • Ajout de plusieurs rubriques sur la page de liste et possibilité de les organiser.
  • Personnalisation du bouton « Charger plus ».
  • Adaptable aux appareils mobiles.

Activer les listes de produits pour une meilleure expérience utilisateur

Offrez à vos clients la possibilité de commander plusieurs produits et variantes à partir d’une seule et même page de liste. Affichez les produits sous forme de liste/grille ou passez d’une vue à l’autre à l’aide d’un bouton à bascule.

Vue en liste :

Activer les listes de produits pour une meilleure expérience utilisateur - Vue en liste

Vue en grille :

Activer les listes de produits pour une meilleure expérience utilisateur - Vue en grille

Afficher les produits sous forme de liste ou de grille

Utilisez l’extension WooCommerce de visualisation de listes pour mettre en vitrine vos produits dans une vue en liste ou en grille sur votre page de liste. Passez de la vue en liste à la vue en grille à l’aide de la liste déroulante. Les clients disposent ainsi de plus d’informations et ont la possibilité de sélectionner la quantité de produits et d’effectuer des ajouts groupés au panier.

Afficher les produits sous forme de liste ou de grille

Répertorier les produits par catégorie dans la vue en grille

Affichez les produits par catégorie dans la vue en grille avec cette extension WooCommerce proposant des modèles de liste de produits. De cette manière, les clients peuvent facilement parcourir tous les produits d’une catégorie spécifique et sélectionner les quantités pour passer des commandes.

Répertorier les produits par catégorie dans la vue en grille

Ajouter des listes et des widgets de panier n’importe où à l’aide d’un code court

Cette extension WooCommerce proposant des modèles de liste de produits génère un code court pour afficher une liste de produits et le widget de panier. L’administrateur peut coller le code court sur n’importe quelle page où il souhaite afficher le widget de panier ou la page de liste.

Ajouter des listes et des widgets de panier n’importe où à l’aide d’un code court

Trouver des produits avec la barre de recherche

Une barre de recherche instantanée est affichée en haut de la page de liste afin que les clients puissent trouver rapidement n’importe quel produit. Les utilisateurs peuvent saisir le nom du produit dans la barre de recherche : le filtre le fera apparaître en haut de la liste de produits.

Trouver des produits avec la barre de recherche

Plusieurs options de chargement de produits

Cette extension WooCommerce proposant des modèles de liste de produits propose trois options différentes de chargement de produits. Vous pouvez afficher des produits supplémentaires via :

  • un défilement vers le bas ;
  • un bouton « Charger plus » ;
  • une pagination.

Plusieurs options de chargement de produits

Personnaliser le tableau de produits

Cette extension WooCommerce proposant une visualisation des produits sous forme de tableau offre aux propriétaires de boutiques des options de personnalisation étendues. L’administrateur peut personnaliser la couleur ou la taille de la police pour les faire correspondre au thème de son site Web.

Si vous souhaitez afficher, filtrer et trier facilement les variantes de produits, installez l’extension WooCommerce Product Variations Table dans votre boutique.

Personnaliser le tableau de produits

Ajouter plusieurs rubriques sur la page de liste

Personnalisez la page de liste de produits et affichez des informations supplémentaires en ajoutant plusieurs rubriques. Vous pouvez afficher des informations essentielles sur le produit à l’aide de différentes rubriques : stock, poids, UGS, longueur, sous-total, etc.

Ajouter plusieurs rubriques sur la page de liste

Masquer les produits en rupture de stock sur la page de liste

Affichez uniquement les produits en stock sur la page de liste afin d’éviter toute confusion. Améliorez l’expérience d’achat des utilisateurs en masquant les produits en rupture de stock et en réduisant au minimum l’assistance client en cas de rupture de stock.

Masquer les produits en rupture de stock sur la page de liste

Personnaliser les rubriques de la page de liste en les organisant

Réorganisez les rubriques de la page de liste pour créer un tableau personnalisé. Privilégiez les rubriques les plus importantes, en fonction des informations que vous souhaitez fournir au client.

Personnaliser les rubriques de la page de liste en les organisant

Créer des pages de liste séparées pour chaque catégorie à l’aide de codes courts

Améliorez l’expérience utilisateur dans votre boutique eCommerce en affichant les catégories sur des pages de liste séparées uniquement à l’aide de codes courts. L’administrateur peut sélectionner des catégories spécifiques à afficher sur la page de liste et un code court sera généré pour chaque catégorie.

Créer des pages de liste séparées pour chaque catégorie à l’aide de codes courts

Configurer le bouton « Charger plus »

Cette extension WooCommerce proposant des pages de liste de produits vous permet de personnaliser le bouton « Charger plus ». L’administrateur peut configurer le texte du bouton, la couleur d’arrière-plan, la hauteur, la bordure et la couleur du texte.

Configurer le bouton « Charger plus »

FAQ

1. Comment créer une vue en liste de produits WooCommerce ?

Dans le panneau d’administration, accédez à WooCommerce > Product Listing Page et rendez-vous dans la section des réglages généraux. Ici, vous pouvez choisir la mise en page de la liste sous forme de liste ou de grille et sélectionner les produits que vous souhaitez afficher sur la page de liste.

2. Comment basculer entre la vue en liste et la vue en grille ?

Les utilisateurs de la boutique peuvent aisément basculer entre la vue en liste et la vue en grille grâce au bouton à cet effet en haut de la page de liste.

Compatibilité

Nos extensions sont conçues pour offrir une grande polyvalence et compatibilité avec les thèmes, les navigateurs, les créateurs et les vues mobiles les plus couramment utilisés. Nous comprenons à quel point la flexibilité et l’intégration sont cruciales pour améliorer la fonctionnalité de votre site Web. Nos extensions s’intègrent facilement aux éléments suivants :

Compatibilité des thèmes

  • Interface publique de la boutique
  • Avada
  • Flatsome
  • Porto
  • Woodmart
  • Thème WooCommerce par défaut
  • Divi

Builders

  • Elementor
  • Bakery
  • Divi

Également compatible avec

  • PHP 8
  • Mises en page mobiles

Commencer

  1. Achetez l’extension Product Listing Page with List & Grid View de WooCommerce.com.
  2. Téléchargez et installez l’extension.
  3. Activez l’extension.
  4. Rendez-vous sur WooCommerce > Product Listing Page  pour configurer cette extension.
  5. Lisez le guide d’installation complet ici.

Avis Clients

Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.