中文在线а天堂中文在线新版,中文人妻av久久人妻18,中文字幕乱码中文乱码777

保持電商網(wǎng)站的產品整潔分類，合理組織產品可以讓客戶更輕松地找到他們需要的商品。然而，對于有大量產品分類的大型電商網(wǎng)站來說，會麻煩點。

但是，可以通過 創(chuàng)建分類和子分類 來整齊地排列產品，從而提高客戶的購物體驗，讓他們更方便地瀏覽商店。這一點不能忽略。

在文章中，我們會 一步步指導 如何在 WooCommerce 商店中 顯示產品分類和子分類，幫助你們的網(wǎng)站提升用戶體驗。

無論是 WooCommerce 新手 還是 電商老手，這些技巧都有所幫助。

為什么要在 WooCommerce 中顯示產品分類？

在 WooCommerce 商店中顯示產品分類有下面幾個重要原因：

方便導航：清晰的分類可以讓顧客快速找到他們需要的產品，提升購物體驗。
更好的產品組織：合理分類能使商店布局更加整潔，提高用戶的瀏覽效率。
提高 SEO 排名：在分類名稱中用相關關鍵詞，有助于網(wǎng)站在搜索引擎結果頁面（SERP）中獲得更好的排名。
有助于營銷推廣：展示產品分類方便顧客，還能幫助商家更好地推廣特定產品或活動，提高轉化率。

如何在 WooCommerce 中顯示默認分類、子分類和產品

在設置 WooCommerce 商店時，通常會選擇 “顯示分類/子分類和產品” 選項，方便訪客可以直接從首頁選擇產品，或者通過點擊產品分類頁面來篩選商品。

在 WooCommerce 商店中顯示分類的方法

進入 WooCommerce 設置

前往 WooCommerce → 設置

選擇產品選項

點擊產品選項卡

調整顯示設置

選擇顯示選項
在 商店頁面顯示 和 默認分類顯示 選項中，選擇 同時顯示分類和產品（Show both）

保存更改

點擊 保存更改 按鈕，應用新的設置

注意事項

如果需要 自定義顯示 WooCommerce 分類，可以用代碼修改 functions.php 文件（位于主題文件夾中）。要在編輯前 備份網(wǎng)站，防止發(fā)生意外。

如何在 WooCommerce 中顯示產品分類

WooCommerce 提供了 woocommerce_product_category() 函數(shù)，它可以在輸出產品之前顯示 分類或子分類。這個函數(shù)是可插入的（pluggable），意味著可以在主題中重寫以自定義顯示效果。

步驟：

打開 functions.php 文件（位于主題文件夾中）。
插入下面代碼，用于在商店頁面展示產品分類：

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="' . esc_url( $term_link ) . '" rel="tag" class="' . $term->slug . '">' . $term->name . '</a>';
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}

代碼解析：

get_queried_object_id()：獲取當前查詢的分類 ID。
get_terms( 'product_cat', $args )：獲取該分類下的子分類。
woocommerce_subcategory_thumbnail( $term )：顯示分類縮略圖。
get_term_link( $term )：獲取分類鏈接，并在前端顯示。
add_action( 'woocommerce_before_shop_loop', 'woocommerce_product_category', 100 );：將該函數(shù)掛載到 WooCommerce 商店頁面的產品列表循環(huán)前，確保分類優(yōu)先顯示。

效果：

代碼會在 商店頁面 顯示產品分類，讓用戶可以先瀏覽分類，再選擇具體產品，提高導航體驗。

如何列出 WooCommerce 產品分類的子分類

可以用自定義函數(shù)，通過 父級產品分類的 slug 來獲取 WooCommerce 的子分類，并以超鏈接形式展示出來。

操作步驟：

打開 functions.php 文件（位于當前主題的文件夾中）。
插入下面代碼，用于獲取某個分類下的子分類列表：

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="' . esc_url( $term_link ) . '" rel="tag" class="' . $term->slug . '">' . $term->name . '</a>';
  }
  return '<span class="subcategories-' . $category_slug . '">' . implode( ', ', $terms_html ) . '</span>';
}

代碼解析：

get_term_by( 'slug', $category_slug, $taxonomy )：獲取指定分類的對象。
get_term_children( $parent->term_id, $taxonomy )：獲取該分類下的所有子分類 ID。
遍歷 $children_ids：
- 獲取子分類的 term 對象。
- 獲取分類鏈接 get_term_link( $term, $taxonomy )。
- 生成 <a> 超鏈接，展示子分類名稱。
返回 HTML 代碼，將所有子分類用逗號分隔顯示出來。

效果：

這段代碼可以用于在 WooCommerce 商店頁面 動態(tài)顯示某個產品分類的子分類，方便用戶瀏覽和篩選產品。

如何顯示 WooCommerce 分類描述

可以在 WooCommerce 產品詳情頁的模板文件 中添加代碼，以顯示產品所屬分類的描述信息。

代碼說明：

通過 wp_get_post_terms() 獲取當前產品的 分類信息。
遍歷分類數(shù)組，獲取并輸出分類的 描述內容。

代碼示例：

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>';
 
  }
 
}

效果：

這段代碼將在 產品詳情頁 顯示該產品所屬分類的 描述信息，方便用戶了解該分類的詳細內容。

如何創(chuàng)建自定義插件來顯示 WooCommerce 產品分類

在 WooCommerce 中，通?？梢酝ㄟ^在 functions.php 文件中添加代碼來顯示產品分類和子分類。如果不想修改 functions.php。

解決方案：創(chuàng)建自定義插件

將功能封裝到插件中，可以 避免修改主題文件，還可以 隨時啟用或禁用該功能，更加靈活。

步驟 1：創(chuàng)建插件文件夾

進入 wp-content/plugins 目錄，在其中創(chuàng)建一個新文件夾，例如：
361sale-products-categories-in-archives

步驟 2：創(chuàng)建插件文件

在剛創(chuàng)建的文件夾中，新建一個 PHP 文件，命名為：361sale-product.php
打開該文件，并添加插件基本信息：

<?php
/**
 * Plugin Name: WooCommerce Product Category 
 * Description: Display WooCommerce categories on WooCommerce product pages
**/

步驟 3：添加分類顯示功能

在插件文件中添加下面代碼，用于獲取并顯示產品分類和子分類：

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

現(xiàn)在在函數(shù)中添加下面代碼片段：

$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 '<a href="' .  esc_url( get_term_link( $term ) ) . '" class="' . $term->slug . '">';
                        echo $term->name;
                    echo '</a>';
                echo '</h2>';
                                                                     
            echo '</li>';
                                                                     
 
    }
     
    echo '</ul>';
 
}

上面代碼首先獲取當前查詢的對象，并將其 ID 定義為 $parentid。

然后，它用 get_terms() 函數(shù)查找當前分類下的 子分類。

對于每個子分類，該代碼會：

用 woocommerce_subcategory_thumbnail() 顯示分類縮略圖
在分類名稱外添加超鏈接，指向該分類的 歸檔頁面

創(chuàng)建插件樣式文件

在插件文件夾中創(chuàng)建 css 目錄
在 css 目錄下創(chuàng)建 style.css 文件
插件主文件命名為 cloudways-product.php
在插件文件中添加下面代碼來加載 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' );

這樣，插件就能正確加載 style.css，用于自定義子分類的顯示樣式。

如何在 WooCommerce 商店頁面顯示產品分類

在 WooCommerce 商店頁面顯示產品分類非常簡單，按照下面步驟操作即可：

進入 WordPress 后臺，懸停在 外觀（Appearance） 按鈕上。
點擊“自定義（Customize）” 選項。

向下滾動，找到 WooCommerce > 產品目錄（Product Catalog）。

找到“商店頁面顯示”（Shop Page Display）設置，點擊下拉菜單，選擇 “顯示分類”（Show Categories）。

保存更改，商店頁面現(xiàn)在會顯示產品分類。

這樣，就能輕松在 WooCommerce 商店頁面展示 產品分類，優(yōu)化用戶瀏覽體驗。

此外，還可以通過 側邊欄 和菜單來顯示產品分類，后面可以進一步了解這些方法。

如何在側邊欄顯示產品分類

在 側邊欄 顯示產品分類是一個很好的優(yōu)化策略，它可以讓顧客在瀏覽商店時 始終看到可選的分類，方便他們進一步探索產品。

設置方法

進入 WordPress 后臺，前往 外觀 > 小工具（Widgets）。
找到側邊欄（Sidebar）并點擊下拉菜單。

查找“產品分類（Product Categories）”小工具。
拖動該小工具到側邊欄區(qū)域，然后進行自定義設置。
可以添加其他小工具，例如價格篩選、分類篩選等，增強側邊欄的功能性。

這樣，在 WooCommerce 側邊欄顯示產品分類后，顧客可以 更方便地瀏覽不同分類的商品，提升購物體驗。

如何在菜單中顯示 WooCommerce 產品分類

在菜單中顯示 產品分類 是一種直觀的方式，能夠讓顧客快速了解商店銷售的商品類別。

設置方法

進入 WordPress 后臺，前往 外觀 > 菜單（Menus）。

點擊左上角的“屏幕選項”（Screen Options），然后勾選 “產品分類”（Product Categories）。

在左側面板中，會出現(xiàn)“產品分類”選項，點擊展開，即可看到商店中的所有分類。
選擇要添加到菜單的分類，然后點擊 “添加到菜單”（Add to Menu） 按鈕。

點擊“保存菜單”（Save Menu） 按鈕，完成設置。

這樣，WooCommerce 商店的產品分類就會出現(xiàn)在網(wǎng)站導航菜單中，方便顧客快速瀏覽和選擇商品。

其他 WooCommerce 商店可能需要的產品分類操作

在某些情況下，需要隱藏或排序產品分類，例如：

避免分類之間的重疊
圖片已經(jīng)清楚展示了分類，無需額外標簽
根據(jù)特定需求調整分類顯示方式

下面是一些 WooCommerce 產品分類相關的操作，可以幫助你們更靈活地管理商店分類。

如何在 WooCommerce 中隱藏產品分類

在 WooCommerce 中，可以通過下面兩種方法隱藏產品分類：

使用插件
使用代碼

方法 1：用插件隱藏產品分類

可以用 Hide Categories and Products for WooCommerce 插件來隱藏分類。該插件是付費工具，價格為 $4.09/月。

安裝并激活插件后，你會在 WooCommerce 選項下找到 產品可見性（Product Visibility） 設置。

操作步驟

進入 WooCommerce → Products Visibility → Global Visibility。
選擇你想要隱藏的產品分類。
保存更改，隱藏的分類將在商店頁面中消失。

這種方法適用于不想改代碼的用戶，操作簡單且方便管理。

如何用代碼隱藏 WooCommerce 產品分類

也可以用自定義代碼的方式來隱藏產品分類。下面是一個示例代碼，它用了 get_term 過濾器來控制產品分類的顯示：

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

function show_product_categories() {

// Display product categories

echo do_shortcode( '[product_categories]' );

}

如何在 WooCommerce 中隱藏產品分類標題、產品數(shù)量及按分類排序

隱藏 WooCommerce 產品分類標題

可以用下面代碼來 隱藏產品分類標題：

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' ) );

} );

隱藏 WooCommerce 產品分類中的產品數(shù)量

如果你不希望在分類頁面顯示 產品數(shù)量，可以使用以下 短代碼 來隱藏：

add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {

return null;

}, 10, 2 );

按分類排序 WooCommerce 產品

可以用下面代碼片段 按分類對 WooCommerce 產品進行排序：

add_filter( 'woocommerce_subcategory_count_html', function( $markup, $category ) {

return null;

}, 10, 2 );

如何設置 WooCommerce 分類圖片大小

可以按照下面步驟 調整 WooCommerce 分類圖片大小：

進入 WordPress 后臺，前往 外觀 > 自定義（Customize）。

在自定義面板中，點擊 WooCommerce > 產品圖片（Product Images）。

在圖片設置中，選擇 默認尺寸 或 點擊“自定義” 手動設置圖片大小。

這樣，就可以輕松調整 WooCommerce 分類圖片的尺寸，讓其更符合商店布局。

WooCommerce 顯示產品分類常見問題及解決方案

在 WooCommerce 商店中顯示產品分類時，用戶可能會遇到一些常見問題。下面是這些問題的解決方案。

問題 1：菜單中不顯示產品分類

有時，已創(chuàng)建的產品分類不會出現(xiàn)在 網(wǎng)站菜單 中。

解決方案

進入 外觀 > 菜單（Menus）。
點擊右上角的 “屏幕選項”（Screen Options）。
勾選 “產品分類”（Product Categories）選項。

在左側欄中，現(xiàn)在可以看到產品分類。選擇要添加到菜單的分類，然后點擊 “添加到菜單”（Add to Menu）。

問題 2：分類圖片未顯示

有時，WooCommerce 分類頁面可能不會顯示分類圖片。

解決方案

確保每個分類都已 設置圖片。
進入 產品 > 分類（Products > Categories）。
點擊分類名稱下方的 “編輯”（Edit）。
向下滾動到 “縮略圖”（Thumbnail）部分，點擊 “上傳/添加圖片”（Upload/Add Image）。

保存更改，然后刷新頁面檢查是否生效。

問題 3：分類顯示順序錯誤

有時候，WooCommerce 分類可能會以錯誤的順序顯示。

解決方案

進入 產品 > 分類（Products > Categories）。
用 拖拽（Drag-and-Drop） 方式 重新排列分類順序。

問題 4：顯示空的產品分類

默認情況下，WooCommerce 會顯示所有分類，包括沒有產品的分類。

解決方案

如果想隱藏空分類，在 主題的 functions.php 文件 中添加下面代碼片段：

add_filter( 'woocommerce_product_subcategories_args', 'hide_empty_categories' );

function hide_empty_categories( $args ) {

$args['hide_empty'] = 1;

return $args;

}

問題 5：分類頁面未被搜索引擎索引

有時，WooCommerce 分類頁面 不會被搜索引擎索引，影響 SEO 排名。

解決方案

檢查 SEO 插件設置（如 Yoast SEO 或 Rank Math），確保分類頁面未被設置為 “noindex”。
進入 設置 > 閱讀（Settings > Reading），確保 “阻止搜索引擎索引本站點”（Discourage search engines from indexing this site）未被勾選。

總結

在 WooCommerce 商店中顯示產品分類和子分類對于提供 清晰有序的購物體驗 至關重要。通過對產品進行分類，可以讓客戶更輕松地找到所需商品。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息