Comment afficher les catégories et sous-catégories dans WooCommerce

En classant les produits de votre site de commerce électronique dans des catégories précises et en les organisant correctement, il est plus facile pour les clients de trouver les articles dont ils ont besoin. Toutefois, cela peut s'avérer difficile pour les grands sites de commerce électronique comportant un grand nombre de catégories de produits.

Cependant, il est possible de tirer le meilleur parti de la Création de catégories et de sous-catégories de disposer les produits de manière ordonnée, ce qui améliore l'expérience d'achat des clients et leur permet de naviguer plus facilement dans le magasin. Cet aspect ne peut être ignoré.

Dans cet article, nous allons guide pas à pas Comment obtenir la boutique WooCommerce Afficher les catégories et sous-catégories de produitsqui aident vos sites web à améliorer l'expérience de l'utilisateur.

indépendamment du fait que... WooCommerce Nouveau venu néanmoins vétéran du commerce électroniqueTous ces conseils sont utiles.

Pourquoi afficher les catégories de produits dans WooCommerce ?

Il y a plusieurs raisons importantes d'afficher des catégories de produits dans votre boutique WooCommerce :

• Facile à naviguerLa catégorisation claire permet aux clients de trouver rapidement les produits dont ils ont besoin, ce qui améliore l'expérience d'achat.
• Meilleure organisation des produitsLa classification raisonnable peut rendre l'agencement du magasin plus net et ordonné, et améliorer l'efficacité de la navigation des utilisateurs.
• augmenter RÉFÉRENCEMENT classementsLes mots-clés : L'utilisation de mots-clés pertinents dans le nom de la catégorie permet au site web d'être mieux classé dans les pages de résultats des moteurs de recherche (SERP).
• Aide au marketing et à la promotionLes catégories de produits : L'affichage des catégories de produits à l'intention des clients permet également aux commerçants de mieux promouvoir des produits ou des événements spécifiques et d'augmenter les taux de conversion.

Comment afficher les catégories, sous-catégories et produits par défaut dans WooCommerce

Lors de la création d'une boutique WooCommerce, il est courant de choisir l'option "Afficher les catégories/sous-catégories et les produits" afin que les visiteurs puissent sélectionner des produits directement à partir de la page d'accueil, ou filtrer les produits en cliquant sur la page de la catégorie de produits.

Comment afficher les catégories dans votre boutique WooCommerce

Allez dans les paramètres de WooCommerce

• partir pour WooCommerce → Paramètres

Sélectionner les options du produit

• frappe (sur le clavier) offres onglets

Réglage des paramètres d'affichage

• option démontrer options (comme dans les paramètres d'un logiciel informatique)
• existent La page du magasin affiche répondre en chantant Affichage de la catégorie par défaut sélectionnez l'option Affichage simultané des catégories et des produits(Afficher les deux)

Enregistrer les modifications

• frappe (sur le clavier) Enregistrer les modifications pour appliquer les nouveaux paramètres

mise en garde

Si nécessaire Affichage personnalisé des catégories WooCommerceLe code peut être modifié à l'aide de la fonction functions.php (situé dans le dossier Themes). Pour modifier avant Site de sauvegardepour éviter les accidents.

Comment afficher les catégories de produits dans WooCommerce

WooCommerce fournit woocommerce_product_category() qui affiche le produit avant d'afficher la fonction Classification ou sous-classification. Cette fonction est enfichable, ce qui signifie qu'elle peut être utilisée dans la rubrique réécrire pour personnaliser l'affichage.

Les étapes :

• spectacle (un billet) functions.php papiers(situé dans le dossier Themes).
• Insérer le code suivantqui est utilisé pour afficher les catégories de produits sur la page de la boutique :

function woocommerce_get_product_category_of_subcategories( $category_slug ){
  $terms_html = array() ;
  $taxonomy = 'product_cat' ;
  $parent = get_term_by( 'slug', $category_slug, $taxonomy ) ;
  $children_ids = get_term_children( $parent->term_id, $taxonomy ) ;
  foreach($children_ids as $children_id){
        $term = get_term( $children_id, $taxonomy ) ;
        $term_link = get_term_link( $term, $taxonomy ) ;
        if ( is_wp_error( $term_link ) ) $term_link = '' ;
        $terms_html[] = '<a href="/fr/' . esc_url( $term_link ) . '/" rel="tag" class="' . $term->slug . '">' . $term->nom . '</a>' ;
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}
function woocommerce_get_product_category_of_subcategories( $category_slug ){
  $terms_html = array() ;
  $taxonomy = 'product_cat' ;

  $parent = get_term_by( 'slug', $category_slug, $taxonomy ) ;

  $children_ids = get_term_children( $parent->term_id, $taxonomy ) ;


  foreach($children_ids as $children_id){
        $term = get_term( $children_id, $taxonomy ) ;
        $term_link = get_term_link( $term, $taxonomy ) ;
        if ( is_wp_error( $term_link ) ) $term_link = '' ;

        $terms_html[] = '<a href="/fr/' . esc_url( $term_link ) . '/" rel="tag" class="' . $term->slug . '">' . $term->nom . '</a>' ;
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}
function woocommerce_get_product_category_of_subcategories( $category_slug ){
  $terms_html = array() ;
  $taxonomy = 'product_cat' ;

  $parent = get_term_by( 'slug', $category_slug, $taxonomy ) ;

  $children_ids = get_term_children( $parent-&gt;term_id, $taxonomy ) ;


  foreach($children_ids as $children_id){
        $term = get_term( $children_id, $taxonomy ) ;
        $term_link = get_term_link( $term, $taxonomy ) ;
        if ( is_wp_error( $term_link ) ) $term_link = '' ;

        $terms_html[] = '<a href="/fr/' . esc_url( $term_link ) . '/" rel="tag" class="' . $term->slug . '">' . $term-&gt;nom . '</a>' ;
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}

Analyse du code :

• get_queried_object_id(): Obtenir l'identifiant de la catégorie de la requête en cours.
• get_terms( 'product_cat', $args ): Obtenir les sous-catégories de cette catégorie.
• woocommerce_subcategory_thumbnail( $term ): Affiche les vignettes des catégories.
• get_term_link( $term ): Récupérer les liens vers les catégories et les afficher sur le front-end.
• add_action( 'woocommerce_before_shop_loop', 'woocommerce_product_category', 100 ) ;La fonction est montée sur le site de l Page de la boutique WooCommerce avant la boucle de la liste des produitsLes catégories sont affichées en premier.

Effet :

Le code sera ajouté au page de la boutique L'affichage des catégories de produits permet aux utilisateurs de parcourir les catégories avant de sélectionner des produits spécifiques, ce qui améliore l'expérience de navigation.

Comment lister les sous-catégories des catégories de produits de WooCommerce

Des fonctions personnalisées peuvent être utilisées, via la fonction l'étiquette de la catégorie de produits parente pour récupérer les sous-catégories de WooCommerce et les afficher sous forme d'hyperliens.

Procédure d'exploitation :

1. spectacle (un billet) functions.php papiers(situé dans le dossier du thème actuel).
2. Insérer le code suivantLa liste des sous-catégories est utilisée pour obtenir la liste des sous-catégories d'une certaine catégorie :

function woocommerce_get_product_category_of_subcategories( $category_slug ){
  $terms_html = array() ;
  $taxonomy = 'product_cat' ;
  $parent = get_term_by( 'slug', $category_slug, $taxonomy ) ;
  $children_ids = get_term_children( $parent->term_id, $taxonomy ) ;
  foreach($children_ids as $children_id){
        $term = get_term( $children_id, $taxonomy ) ;
        $term_link = get_term_link( $term, $taxonomy ) ;
        if ( is_wp_error( $term_link ) ) $term_link = '' ;
        $terms_html[] = '<a href="/fr/' . esc_url( $term_link ) . '/" rel="tag" class="' . $term->slug . '">' . $term->nom . '</a>' ;
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}
function woocommerce_get_product_category_of_subcategories( $category_slug ){
  $terms_html = array() ;
  $taxonomy = 'product_cat' ;

  $parent = get_term_by( 'slug', $category_slug, $taxonomy ) ;

  $children_ids = get_term_children( $parent->term_id, $taxonomy ) ;


  foreach($children_ids as $children_id){
        $term = get_term( $children_id, $taxonomy ) ;
        $term_link = get_term_link( $term, $taxonomy ) ;
        if ( is_wp_error( $term_link ) ) $term_link = '' ;

        $terms_html[] = '<a href="/fr/' . esc_url( $term_link ) . '/" rel="tag" class="' . $term->slug . '">' . $term->nom . '</a>' ;
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}
function woocommerce_get_product_category_of_subcategories( $category_slug ){
  $terms_html = array() ;
  $taxonomy = 'product_cat' ;

  $parent = get_term_by( 'slug', $category_slug, $taxonomy ) ;

  $children_ids = get_term_children( $parent-&gt;term_id, $taxonomy ) ;


  foreach($children_ids as $children_id){
        $term = get_term( $children_id, $taxonomy ) ;
        $term_link = get_term_link( $term, $taxonomy ) ;
        if ( is_wp_error( $term_link ) ) $term_link = '' ;

        $terms_html[] = '<a href="/fr/' . esc_url( $term_link ) . '/" rel="tag" class="' . $term->slug . '">' . $term-&gt;nom . '</a>' ;
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}

Analyse du code :

• get_term_by( 'slug', $category_slug, $taxonomy ): Obtenir l'objet de la classification spécifiée.
• get_term_children( $parent->term_id, $taxonomy ): Obtient les identifiants de toutes les sous-catégories de la catégorie.
• (math.) ergodique $children_ids: :
  • Obtenir les sous-catégories de la catégorie terme Objet.
  • Obtenir des liens vers des catégories get_term_link( $term, $taxonomy ).
  • générant <a> Hyperliens pour afficher les noms des sous-catégories.
• Retour au code HTML, affiche toutes les sous-catégories séparées par des virgules.

Effet :

Ce code peut être utilisé sur la page de la boutique WooCommerce Affichage dynamique des sous-catégories d'une catégorie de produitsIl est facile pour les utilisateurs de parcourir et de filtrer les produits.

Comment afficher les descriptions des catégories de WooCommerce

Disponible dans WooCommerce Fichiers modèles pour les pages détaillées des produits Ajouter un code pour afficher les informations de description de la catégorie à laquelle le produit appartient.

Description du code :

1. faire passer (un projet de loi, une inspection, etc.) wp_get_post_terms() Obtenir les informations sur le produit en cours informations classifiées.
2. Itérer à travers le tableau catégoriel, obtenir et restituer les données catégorielles. Description.

Exemple de code :

global $post ;
$args = array('taxonomy' => 'product_cat', ) ;
$terms = wp_get_post_terms($post->ID, 'product_cat', $args) ;
$count = count($terms) ;
if ($count > 0) {
  foreach ($terms as $term) {
        echo '<div class="woocommerce-get-product-category">' ;
        echo $term->description.
        echo '</div>';
 
  }
 
}
global $post ;
$args = array('taxonomy' => 'product_cat', ) ;
$terms = wp_get_post_terms($post->ID, 'product_cat', $args) ;

$count = count($terms) ;
if ($count > 0) {

  foreach ($terms as $term) {
        echo '<div class="woocommerce-get-product-category">' ;
        echo $term->description.
        echo '</div>';
 
  }
 
}
global $post ;
$args = array('taxonomy' =&gt; 'product_cat', ) ;
$terms = wp_get_post_terms($post-&gt;ID, 'product_cat', $args) ;

$count = count($terms) ;
if ($count &gt; 0) {

  foreach ($terms as $term) {
        echo '<div class="woocommerce-get-product-category">' ;
        echo $term-&gt;description.
        echo '</div>';
 
  }
 
}

Effet :

Ce code se trouve dans le Page de détail du produit Afficher la catégorie du produit informations descriptivesqui permet à l'utilisateur de comprendre les détails de la classification.

Comment créer un plugin personnalisé pour afficher les catégories de produits de WooCommerce ?

Dans WooCommerce, cela peut généralement être fait en ajoutant ce qui suit à la section functions.php pour ajouter le code permettant d'afficher les catégories et sous-catégories de produits. Si le fichierJe ne veux pas le changer. functions.php.

Solution : créer un plugin personnalisé

L'intégration d'une fonctionnalité dans un plugin peut Éviter de modifier les fichiers du thèmeCe n'est pas grave. Activer ou désactiver la fonction à tout momentplus flexible.

Étape 1 : Créer le dossier du plugin

entrer dans wp-content/plugins créez un nouveau dossier dans ce répertoire, par exemple :
361sale-produits-catégories-en-archives

Étape 2 : Créer un fichier de plugin

• Dans le dossier qui vient d'être créé, le fichierCréer un nouveau fichier PHP, nommé :361sale-product.php
• Ouvrez ce fichier et ajoutez les informations de base du plugin :

<?php
/**
 * Nom du plugin : WooCommerce Product Category
 * Description : Afficher les catégories WooCommerce sur les pages produits WooCommerce
**/
<?php
/**
 * Nom du plugin : WooCommerce Product Category
 * Description : Afficher les catégories WooCommerce sur les pages produits WooCommerce
**/
<?php
/**
 * Nom du plugin : WooCommerce Product Category
 * Description : Afficher les catégories WooCommerce sur les pages produits WooCommerce
**/

Étape 3 : Ajouter une fonction d'affichage des catégories

Ajoutez le code suivant au fichier du plugin pour obtenir et afficher les catégories et sous-catégories de produits :

function 361sale_product_subcategories( $args = array() ) {
    }
add_action('woocommerce_before_shop_loop', '361sale_product_subcategories', 50 ) ;
function 361sale_product_subcategories( $args = array() ) {

    }
add_action('woocommerce_before_shop_loop', '361sale_product_subcategories', 50 ) ;
function 361sale_product_subcategories( $args = array() ) {

    }
add_action('woocommerce_before_shop_loop', '361sale_product_subcategories', 50 ) ;

Ajoutez maintenant l'extrait de code suivant à la fonction :

$parentid = get_queried_object_id() ;
$args = array(
    'parent' => $parentid
) ;
$terms = get_terms( 'product_cat', $args ) ;
if ( $terms ) {
    echo '<ul class="product-cats">' ;
        foreach ( $terms as $term ) {
            echo '<li class="category">' ;
                woocommerce_subcategory_thumbnail( $term ).
                echo '<h2>' ; echo '
                    echo '<a href="/fr/' .  esc_url( get_term_link( $term ) ) . '/" class="' . $term->slug . '">' ;
                        echo $term->nom.
                    echo '</a>' ; echo '
                echo '</h2>' ;
            echo '</li>' ;
    }
    echo '</ul>';
 
}
$parentid = get_queried_object_id() ;

$args = array(
    'parent' => $parentid
) ;

$terms = get_terms( 'product_cat', $args ) ;

if ( $terms ) {

    echo '<ul class="product-cats">' ;

        foreach ( $terms as $term ) {

            echo '<li class="category">' ;

                woocommerce_subcategory_thumbnail( $term ).

                echo '<h2>' ; echo '
                    echo '<a href="/fr/' .  esc_url( get_term_link( $term ) ) . '/" class="' . $term->slug . '">' ;
                        echo $term->nom.
                    echo '</a>' ; echo '
                echo '</h2>' ;

            echo '</li>' ;


    }

    echo '</ul>';
 
}
$parentid = get_queried_object_id() ;

$args = array(
    'parent' =&gt; $parentid
) ;

$terms = get_terms( 'product_cat', $args ) ;

if ( $terms ) {

    echo '<ul class="product-cats">' ;

        foreach ( $terms as $term ) {

            echo '<li class="category">' ;

                woocommerce_subcategory_thumbnail( $term ).

                echo '<h2>' ; echo '
                    echo '<a href="/fr/' .  esc_url( get_term_link( $term ) ) . '/" class="' . $term->slug . '">' ;
                        echo $term-&gt;nom.
                    echo '</a>' ; echo '
                echo '</h2>' ;

            echo '</li>' ;


    }

    echo '</ul>';
 
}

Le code ci-dessus récupère d'abord l'objet de la requête en cours et définit son ID comme suit $parentid.

Il utilise ensuite get_terms() pour trouver la catégorie actuelle sous la rubrique sous-catégorie.

Pour chaque sous-catégorie, le code sera :

• dépense ou frais woocommerce_subcategory_thumbnail() Afficher les vignettes des catégories
• Ajouter un lien hypertexte en dehors du nom de la catégorie pour pointer vers la page d'accueil de la catégorie. Page d'archives

Création de fichiers de style de plug-in

1. Dans le dossier des plugins, créez css répertoire (sur le disque dur de l'ordinateur)
2. existent css pour créer le fichier style.css papiers
3. Le fichier principal du plugin se nomme cloudways-product.php
4. Ajoutez le code suivant au fichier du plugin pour charger le fichier CSS: :

function 361sale_product_cats_css() {
    wp_register_style( '361sale_product_cats_css', plugins_url( 'css/style.css', __FILE__ ) ); ;
    wp_enqueue_style( '361sale_product_cats_css' ).
}
add_action( 'wp_enqueue_scripts', '361sale_product_cats_css' ) ;
function 361sale_product_cats_css() {


    wp_register_style( '361sale_product_cats_css', plugins_url( 'css/style.css', __FILE__ ) ); ;


    wp_enqueue_style( '361sale_product_cats_css' ).

}

add_action( 'wp_enqueue_scripts', '361sale_product_cats_css' ) ;
function 361sale_product_cats_css() {


    wp_register_style( '361sale_product_cats_css', plugins_url( 'css/style.css', __FILE__ ) ); ;


    wp_enqueue_style( '361sale_product_cats_css' ).

}

add_action( 'wp_enqueue_scripts', '361sale_product_cats_css' ) ;

De cette manière, le plugin se charge correctement style.csspermet de personnaliser le style d'affichage de la sous-catégorie.

Comment afficher les catégories de produits sur la page de la boutique WooCommerce

L'affichage des catégories de produits sur la page de la boutique WooCommerce est très simple, il suffit de suivre les étapes ci-dessous :

• Aller dans le backend de WordPressSurvoler Apparence Bouton sur.
• Cliquez sur "Personnaliser". Options.

• Défilement vers le basTrouver WooCommerce > Catalogues de produits.

• Trouver "Affichage de la page du magasin"(Shop Page Display), cliquez sur le menu déroulant et sélectionnez l'option "Afficher la classification"(Afficher les catégories).

• Enregistrer les modificationsLa page de la boutique affiche désormais les catégories de produits.

Cela permet d'afficher facilement la page de la boutique WooCommerce. Classification des produitsoptimiser l'expérience de navigation de l'utilisateur.

En outre, le une barre latérale (dans un logiciel) répondre en chantant menu pour afficher les catégories de produits, et vous en apprendrez plus sur ces méthodes plus tard.

Comment afficher les catégories de produits dans la barre latérale

existent une barre latérale (dans un logiciel) L'affichage des catégories de produits est une excellente stratégie d'optimisation qui permet aux acheteurs de naviguer dans la boutique tout en étant informés de l'évolution de l'offre. Toujours voir la catégorisation optionnelleLes utilisateurs peuvent ainsi explorer le produit plus en profondeur.

Méthode de réglage

• Aller dans le backend de WordPressVoyager vers Apparence > Widgets.
• localiserune barre latérale (dans un logiciel)(Sidebar) et cliquez sur le menu déroulant.

• Trouver des widgets "Catégories de produits.
• Faire glisser leWidget dans la barre latéraledistrictpuis personnaliser les réglages.
• Des widgets supplémentaires peuvent être ajoutésPar exemple, le filtrage des prix, le filtrage des catégories, etc. pour améliorer la fonctionnalité de la barre latérale.

Ainsi, après avoir affiché les catégories de produits dans la barre latérale de WooCommerce, le client peut Navigation plus aisée dans les différentes catégories de produitsLes services d'aide à l'achat et à la vente permettent d'améliorer l'expérience d'achat.

Comment afficher les catégories de produits WooCommerce dans le menu

Afficher dans le menu Classification des produits Il s'agit d'un moyen intuitif de donner aux clients un aperçu rapide des catégories de produits vendus dans la boutique.

Méthode de réglage

• Aller dans le backend de WordPressVoyager vers Apparence > Menu.

• Cliquez sur "Options d'écran" dans le coin supérieur gauche.puis cochez "Catégories de produits" (Catégories de produits).

• Dans le panneau de gauche, l'option "Catégorie de produits" apparaît.Cliquez pour agrandir et voir toutes les catégories de la boutique.
• Sélectionnez la catégorie à ajouter au menupuis cliquez sur "Ajouter au menu Bouton.

• Cliquez sur "Enregistrer le menu". pour terminer les réglages.

De cette manière, les catégories de produits de la boutique WooCommerce apparaissent dans le menu de navigation du site, ce qui permet aux clients de parcourir et de sélectionner rapidement les articles.

Autres actions de catégorisation des produits pouvant être requises par les boutiques WooCommerce

Dans certains cas, il est nécessaire de nestle peut-être mettre en ordre Classification des produits, par exemple :

• Éviter les chevauchements entre les classifications
• Les images montrent déjà clairement les catégories sans étiquetage supplémentaire.
• Adapter l'affichage des catégories à des besoins spécifiques

En voici quelques-uns WooCommerce Product Category Related ActionsCela vous permettra de gérer les catégories de votre boutique de manière plus souple.

Comment masquer les catégories de produits dans WooCommerce

Dans WooCommerce, vous pouvez masquer les catégories de produits de deux façons :

1. Utilisation de plug-ins
2. Code d'utilisation

Méthode 1 : masquer les catégories de produits à l'aide d'un plugin

Il est possible d'utiliser Cacher les catégories et les produits pour WooCommerce pour masquer les catégories. Le plugin est un outil payant et coûte $4,09/mois.

Après avoir installé et activé le pluginVous le trouverez dans les options de WooCommerce. Visibilité des produits Le cadre.

procédure

1. entrer dans WooCommerce → Visibilité des produits → Visibilité globale.
2. Sélectionnez les catégories de produits que vous souhaitez masquer.
3. Enregistrer les modificationsles catégories cachées disparaîtront de la page de la boutique.

Cette méthode convient aux utilisateurs qui ne souhaitent pas modifier le code, elle est simple et facile à gérer.

Comment cacher les catégories de produits WooCommerce avec du code

Il est également possible de masquer les catégories de produits en utilisant un code personnalisé. Voici un exemple de code qui utilise la fonction get_term Filtres permettant de contrôler l'affichage des catégories de produits :

add_action('woocommerce_before_shop_loop', 'show_product_categories', 20 ) ;
function show_product_categories() {
// Affiche les catégories de produits
echo do_shortcode( '[product_categories]' ) ; } }
}
add_action('woocommerce_before_shop_loop', 'show_product_categories', 20 ) ;

function show_product_categories() {

// Affiche les catégories de produits

echo do_shortcode( '[product_categories]' ) ; } }

}
add_action('woocommerce_before_shop_loop', 'show_product_categories', 20 ) ;

function show_product_categories() {

// Affiche les catégories de produits

echo do_shortcode( '[product_categories]' ) ; } }

}

Comment masquer le titre de la catégorie de produit, la quantité de produit et le tri par catégorie dans WooCommerce

Cacher le titre de la catégorie de produit de WooCommerce

Le code suivant peut être utilisé pour Cacher le titre de la catégorie de produit: :

add_action( 'init', function() {
remove_action( 'woocommerce_shop_loop_subcategory_title', 'woocommerce_template_loop_category_title' , has_action( 'woocommerce_shop_loop_subcategory_title', 'woocommerce_template_loop_category_title' ) ). loop_subcategory_title', 'woocommerce_template_loop_category_title' ) ).
} ) ;
add_action( 'init', function() {

remove_action( 'woocommerce_shop_loop_subcategory_title', 'woocommerce_template_loop_category_title' , has_action( 'woocommerce_shop_loop_subcategory_title', 'woocommerce_template_loop_category_title' ) ). loop_subcategory_title', 'woocommerce_template_loop_category_title' ) ).

} ) ;
add_action( 'init', function() {

remove_action( 'woocommerce_shop_loop_subcategory_title', 'woocommerce_template_loop_category_title' , has_action( 'woocommerce_shop_loop_subcategory_title', 'woocommerce_template_loop_category_title' ) ). loop_subcategory_title', 'woocommerce_template_loop_category_title' ) ).

} ) ;

Cacher le nombre de produits dans une catégorie de produits WooCommerce

Si vous ne voulez pas que la page de la catégorie s'affiche Nombre de produitsVous pouvez utiliser les éléments suivants code court de se cacher :

add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {
return null.
}, 10, 2 ) ;
add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {

return null.

}, 10, 2 ) ;
add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {

return null.

}, 10, 2 ) ;

Trier par catégorie Produits WooCommerce

L'extrait de code suivant peut être utilisé Trier les produits WooCommerce par catégorie: :

add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {
return null.
}, 10, 2 ) ;
add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {

return null.

}, 10, 2 ) ;
add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {

return null.

}, 10, 2 ) ;

Comment définir la taille de l'image de la catégorie de WooCommerce

Les étapes suivantes peuvent être suivies Redimensionner les images des catégories de WooCommerce: :

• Aller dans le backend de WordPressVoyager vers Apparence > Personnaliser.

• Dans le panneau de personnalisationCliquez sur WooCommerce > Images de produits.

• Dans les paramètres de l'imageSélection Taille par défaut peut-être Cliquez sur "Personnaliser" Régler manuellement la taille de l'image.

Cela permet d'ajuster facilement la Taille des images des catégories de WooCommerceLe système de gestion de l'information a été modifié, ce qui le rend plus compatible avec l'agencement de l'atelier.

WooCommerce Display Product Category Common Problems and Solutions (en anglais)

Il existe quelques problèmes courants que les utilisateurs peuvent rencontrer lors de l'affichage des catégories de produits dans la boutique WooCommerce. Vous trouverez ci-dessous les solutions à ces problèmes.

Problème 1 : Les catégories de produits ne sont pas affichées dans le menu

Parfois, les catégories de produits créées n'apparaissent pas dans la liste des catégories de produits. Menu du site web Au milieu.

prescription

• entrer dans Apparence > Menu(Menus).
• Cliquez sur le coin supérieur droit de l'écran "Options d'écran"(Options d'écran).
• tique "Classification des produits"(Catégories de produits).

• Dans la colonne de gauche, vous pouvez maintenant voir les catégories de produits. Sélectionnez la catégorie que vous souhaitez ajouter au menu et cliquez sur le bouton "Ajouter au menu(Ajouter au menu).

Problème 2 : Les images des catégories ne s'affichent pas

Il arrive que les pages de catégories de WooCommerce n'affichent pas les images des catégories.

prescription

• S'assurer que chaque classification a été Mise en place des images.
• entrer dans Produits > Classification(Produits > Catégories).
• Cliquez sur le nom de la catégorie sous le "Editer".(Editer).
• Faites défiler vers le bas jusqu'à "Vignettes"(vignette), cliquez sur le bouton "Télécharger/ajouter des images"(Télécharger/Ajouter une image).

• Enregistrer les modificationspuis rafraîchir la page pour vérifier si la modification a été prise en compte.

Problème 3 : Ordre d'affichage incorrect des catégories

Il arrive que les catégories de WooCommerce soient affichées dans le mauvais ordre.

prescription

• entrer dans Produits > Classification(Produits > Catégories).
• dépense ou frais Glisser-déposer mode (de vie) réorganiser.

Problème 4 : Affichage de catégories de produits vides

Par défaut, WooCommerce Toutes les catégories seront affichées, y compris celles qui n'ont pas de produits.

prescription

Si vous souhaitez masquer les catégories vides dans la rubrique thématique functions.php papiers Ajoutez l'extrait de code suivant :

add_filter('woocommerce_product_subcategories_args', 'hide_empty_categories' ) ;
function hide_empty_categories( $args ) {
$args['hide_empty'] = 1 ;
return $args ;
}
add_filter('woocommerce_product_subcategories_args', 'hide_empty_categories' ) ;

function hide_empty_categories( $args ) {

$args['hide_empty'] = 1 ;

return $args ;

}
add_filter('woocommerce_product_subcategories_args', 'hide_empty_categories' ) ;

function hide_empty_categories( $args ) {

$args['hide_empty'] = 1 ;

return $args ;

}

Problème 5 : Les pages des catégories ne sont pas indexées par les moteurs de recherche

Parfois, les pages de catégories de WooCommerce Non indexé par les moteurs de recherchequi affecte le classement des moteurs de recherche.

prescription

• Vérifier les paramètres du plugin SEO(par exemple Yoast SEO peut-être Rang Math), assurez-vous que la page de la catégorie n'est pas réglée sur "noindex".
• entrer dans Paramètres > Lecture(Paramètres > Lecture), assurez-vous que "Empêcher les moteurs de recherche d'indexer ce site".(Décourager les moteurs de recherche d'indexer ce site)non vérifié.

résumés

L'affichage des catégories et sous-catégories de produits dans la boutique WooCommerce est important pour fournir les informations suivantes Une expérience d'achat claire et organisée C'est essentiel. En classant les produits par catégories, il est plus facile pour les clients de trouver ce dont ils ont besoin.