嗨再次 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 使用者也希望您的參與。