WooCommerce 是 WordPress 最好用的電商插件，可以輕松搭建產品頁、購物車和支付系統(tǒng)。但默認的產品頁面可能不符合你的需求？別擔心，其實用簡單的代碼就能自定義產品詳情頁，讓它更符合你的店鋪風格。下面介紹怎樣動手修改。

一、WooCommerce 產品詳情頁的結構簡介

默認情況下，WooCommerce 會使用內置模板展示產品頁面，打開路徑為：

/wp-content/plugins/woocommerce/templates/single-product/

常見的結構包括：

• 產品標題（woocommerce_template_single_title）
• 產品價格（woocommerce_template_single_price）
• 產品圖片（woocommerce_show_product_images）
• 產品簡短描述（woocommerce_template_single_excerpt）
• 添加到購物車按鈕（woocommerce_template_single_add_to_cart）
• 產品標簽與分類（woocommerce_template_single_meta）
• 產品詳情（描述、評論 Tab）（woocommerce_output_product_data_tabs）

這些部分通過 WordPress 的鉤子系統(tǒng)（actions 和 filters）被加載和控制。

二、如何用代碼自定義產品詳情頁？

WooCommerce 的可定制性非常強，只需要幾行代碼，就可以添加、刪除、重新排序產品頁面的元素。

打開路徑為： WordPress- Appearance – Theme File Editor

1. 移除默認模塊（如刪除產品標簽）

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

把這段代碼添加到當前主題的 functions.php 文件中就可以。

2. 添加自定義內容（如在價格下方插入一句話）

add_action( 'woocommerce_single_product_summary', 'custom_text_after_price', 11 );
function custom_text_after_price() {
    echo '<p class="custom-message">?? 本商品支持7天無理由退換貨</p>';
}

這里的數(shù)字 11 是優(yōu)先級，確保它在價格（默認優(yōu)先級為 10）之后加載。

3. 更改模塊位置（如將短描述移動到“添加到購物車”按鈕下）

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 35 );

只需要調整鉤子的加載順序，就可以實現(xiàn)位置的靈活變動。

三、替換產品詳情頁模板文件

如果需要更徹底地更改結構，可以通過下面的方式覆蓋 WooCommerce 默認模板：

• 在當前主題或子主題中創(chuàng)建目錄 /your-theme/woocommerce/single-product/
• 從插件的模板目錄中復制所需文件（如 price.php, title.php 等）到上述路徑
• 修改這些模板，就可以實現(xiàn)結構自定義，不影響后續(xù) WooCommerce 更新

四、實用自定義建議

• 在產品圖片下添加產品編號或庫存狀態(tài)
• 根據(jù)用戶是否登錄顯示不同信息
• 搭配 ACF 插件顯示品牌、產地等自定義字段
• 只對某類產品啟用不同的布局邏輯

五、開發(fā)者調試技巧

啟用 WooCommerce 的模板調試功能，可以快速查看模板來源和鉤子位置：

add_filter( 'woocommerce_developer_mode', '__return_true' );

配合 Query Monitor 插件使用，查看加載的鉤子、模板路徑和執(zhí)行優(yōu)先級。

六、總結

WooCommerce 產品詳情頁完全可以通過代碼靈活自定義。只需要掌握基本的鉤子機制與模板覆蓋方法，就可以根據(jù)實際業(yè)務自由調整展示內容和順序，讓產品頁更專業(yè)、更有品牌特色。

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