實用的 WordPress ICP 備案許可管理器

WooCommerce 可視鉤子指南:存檔/店鋪/購物車頁面

嗨再次 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 );  

如何新增此程式碼?

1 、您可以將 PHP 程式碼片段放置在主題或子主題的 functions.php 檔案的底部 (如果是 CSS 程式碼,請新增到子主題的 style.css 檔案底部) 修改之前建議先備份原始檔案,若出現錯誤請先刪除此程式碼。

2 、 WordPress 4.9 後改進了主題編輯器,對於 CSS 程式碼也可開啟網站前臺編輯器的 【自定義】,複製程式碼新增到自定義 css 中。

此程式碼是否可用?

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

文章沒看懂?程式碼不會用?需要幫助您可以

小新 的頭像