Vous recherchez un moyen simple d’améliorer la navigation et la convivialité de votre boutique WooCommerce ? Je vous suggère d’ajouter un Widget répertoriant vos catégories et sous-catégories de produits en accordéons dans la barre latérale ou autres zones. Vous pouvez utiliser un plugin accordéon de catégorie pour y parvenir. Cela aidera vos utilisateurs à naviguer rapidement dans toutes vos catégories de produits. Ils peuvent facilement ouvrir et fermer l’accordéon sans consommer de ressources. Votre site sera plus rapide et les clients seront ravis. Dans cet article, je vous montre comment ajouter un Widget accordéon de catégories de produits dans WooCommerce à l’aide du plugin prémium WooCommerce Category Accordion.

À propos WooCommerce Category Accordion

WooCommerce Category Accordion est un plugin prémium développé par TechieResource. Vendu à 20 $, ce plugin vous permettra d’ajouter facilement un widget pour répertorier les catégories de produits à vendre dans les barres latérales de votre boutique. Il vous permettra également d’afficher les sous-catégories pour faciliter la navigation pour vos clients.

Avec ce plugin, vous pouvez choisir quand l’accordéon doit s’ouvrir, au survol ou au clic. Vous pouvez aussi utiliser ce plugin sous forme de Shortcode.

Les autres fonctionnalités principales de ce plugin WooCommerce sont les suivantes :

Prise en charge des options à bascule et réduites.
Mettez en surbrillance ou ouvrez une catégorie par défaut.
19 icônes Fontawesome incluses.
Option pour désactiver le lien des catégories parent de niveau supérieur
Option pour désactiver tous les liens des catégories parents
Activer/Désactiver le nombre de produits.
Option Afficher/Masquer les catégories vides.
Trier par ID, Nom, Options, Slug
Trier par ordre croissant ou décroissante
Exclusion de catégorie.
Mettre en surbrillance la catégorie du produit actif
Navigation basée sur la catégorie active
Contrôler chaque catégorie Niveau/profondeur Option
Contrôler la vitesse de l’accordéon

Répertorier les catégories de produits dans un accordéon

La première chose à faire c’est d’installer le plugin WooCommerce Category Accordion.

Installation

L’installation de ce plugin n’échappe pas à la règle générale des plugin prémium, pour l’installer, procéder comme suit :

Téléchargez le fichier zipde l’extension sur l’ordinateur,
Allez dans « Extensions > Ajouter » depuis WordPress,
Cliquez sur le bouton « Téléverser une extension »,
Choisissez le fichier Zip de l’extension et cliquez sur le bouton « Installer Maintenant ».

Ajouter un Widget accordéon répertoriant les catégories et sous-catégories de produits WooCommerce

Une fois que vous avez installer et activer WooCommerce Accordion Category, rendez-vous dans le menu Apparence >Widgets de WordPress.

Depuis la liste de Widgets, ajoutez le Widget « WC Category Accordion ».

Title: Saisissez ici le titre du widget qui apparaîtra dans votre barre latérale
Enable RTL : Cochez si vous voulez activer le RTL (changer la direction du texte de droite à gauche)
Enable Products Count: Permets d’activer ou de désactiver le nombre de produits de chaque catégorie.
Hide If Empty: Afficher/masquer les catégories vides de l’accordéon (sans produits).
Sort by: Définir l’ordre de tri des catégories par Nom, ID de catégorie et slug.
Order: Utilisé pour trier les catégories par ordre croissant ou décroissant
Level: Utilisé pour limiter les niveaux de catégorie dans la hiérarchie des catégories.
Accordion Event Type: Utilisez cette option pour définir le type d’événement Accordion sur Click ou Hover.
Accordion Type : Utilisé pour définir le type de navigation en accordéon sur Basculer ou Réduire..
Accordion Icon : Choisissez ici l’icône d’accordéon parmi les 14 icônes de police différentes.
Accordion Theme : Choisissez le thème de l’accordéon à partir de 9 couleurs prédéfinies.
Enable Highlight/Open a Category: Activez ou désactivez la fonction de surbrillance de catégorie à partir d’Accordéon ici.
Disable Parent links: Désactive le lien sur la catégorie de niveau supérieur.
Disable All Parent links: Désactive tous les liens parents d’Accordion.
Show subcategories only: Utilisé pour afficher uniquement les sous-catégories parentes actuelles (catégories enfants uniquement).
Default Category Id to open: Utilisé pour ouvrir une catégorie à partir d’Accordéon avec l’ID de catégorie. (cette option ne fonctionne que lorsque l’option Enable Highlight/Open a Category est activée).
Exclude Category (ID): Utilisé pour exclure des catégories de l’accordéon.
Accordion Speed : Choisissez ici la vitesse de l’accordéon entre : Rapide, Normal, et Lent.
Enregistrer : Cliquez sur ce bouton pour enregistrer vos réglages.

Voyons le rendu côté clients :

Ajouter un accordéon de catégories à partir d’un Shortcode

Pour ajouter un accordéon de catégories dans un article ou une page, utilisez simplement le générateur de Shortcode du plugin WooCommerce Category Accordion depuis l’éditeur de post de WordPress.

Cliquez sur le nouveau menu « WC Category Accordion » de votre éditeur.

Vous aurez un générateur avec les mêmes options que précédemment pour le Widget. Configurez le menu accordéon de catégories de produits, puis cliquez sur le bouton « OK » pour valider vos préférences.

Vous voilà avec un post contenant le menu accordéon répertoriant les catégories et sous-catégories de vos produits WooCommerce. Mettez à jour ou publiez le post et admirez le résultat depuis le front de votre boutique WooCommerce.

MES DERNIERS MOTS

Si vous souhaitez ajouter un accordéon de catégorie de produit à WooCommerce, le plugin WooCommerce Category Accordion est une bonne option. Il vous permet de répertorier les catégories et sous-catégories de produits WooCommerce dans un accordéon vertical avec diverses options de personnalisation. Tout cela juste à l’aide d’un Widget ou d’un Shortcode. Le plugin est facile à prendre en main, hautement personnalisable et à la fois très léger. Pour 20 $, vous aurez le produit avec mise à jour à vie. Pour moi, je le classe dans ma liste de must have, de plus, WooCommerce Category Accordion est abordable.