嗨再次 Woo 開發者 🙂

在這篇文章中，我為 WooCommerce Archive 頁面創建了一個可視化的 HTML 鉤子指南（這是與 Shop，Category，Tag 頁面相同的頁面）。這個視覺指南屬於我的 “ 可視鉤指南系列 ”，我已經放在一起，以便您可以通過查看他們的實際位置（您也可以複製/粘貼）快速輕鬆地找到 WooCommerce 鉤。如果您喜歡本指南，對您有幫助，請在評論中通知我！

感謝這個 WooCommerce Archive Visual Hooks 指南，現在可以轉到您的模板的 functions.php 文件，並使用 “ add_action（’place-hook-here’，’your-PHP-function-here’）; “ – 然後，您可以將您的自定義功能準確地放在您喜歡的地方！

請享用！

WooCommerce 存檔頁 [Visual Hook Guide]

WooCommerce 存檔頁面默認 add_actions

// These are actions you can unhook/remove!

add_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );

add_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );

add_action( 'woocommerce_before_shop_loop', 'wc_print_notices', 10 );
add_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );
add_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

add_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 );

add_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );

如何添加此代碼？

1 、您可以將 PHP 代碼片段放置在主題或子主題的 functions.php 文件的底部（如果是 CSS 代碼，請添加到子主題的 style.css 文件底部）修改之前建議先備份原始文件，若出現錯誤請先刪除此代碼。

2 、 WordPress 4.9 後改進了主題編輯器，對於 CSS 代碼也可打開網站前台編輯器的【自定義】，複製代碼添加到自定義 css 中。

此代碼是否可用？

如需幫助或是您有更好的方案想分享？請到薇曉朵 WooCommerce 中文論壇留言告知，我們希望可以幫到更多國內的 WooCommerce 用戶也希望您的參與。