嗨再次 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_before_main_content
店
woocommerce_archive_description
woocommerce_before_shop_loop
顯示全部 4 條結果
默認排序按受歡迎程度排序按平均值排序按新價格排序按價格排序:從低到高按價格排序:從高到低
woocommerce_after_shop_loop
woocommerce_after_main_content
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 );
可以在哪裏添加此代碼?
您可以將 PHP 代碼片段放置在主題或子主題的 functions.php 文件的底部(如果是 CSS 代碼,請添加到主題的 style.css 文件底部),修改之前建議先備份原始文件,若出現錯誤請先刪除此代碼。
這段代碼是否正常可用?
或者是您有更好的解決方案想要分享?請到薇曉朵 WooCommerce 中文論壇留言告知,我們希望可以幫到更多國內的 WooCommerce 用户也希望您的參與。
需要關於 WooCommerce 的幫助?
請觀看我們提供的免費視頻教程或到薇曉朵 WooCommerce 中文論壇提問,會有專業技術團隊提供相關幫助。