使用 WordPress Hooks 自定義您的 WooCommerce 商店
已發表: 2020-01-14
最後更新 - 2020 年 2 月 24 日
在本文中，我們將介紹在為 WordPress 開發 WordPress 主題或插件時最重要的主題之一： WordPress 鉤子，我們將解釋動作鉤子和過濾器鉤子之間的區別。
鉤子嵌入在整個 WordPress 核心、大多數 WordPress 主題和所有頂級 WordPress 插件中。 WordPress Hooks 是一個事件驅動的系統，允許您添加自己的新代碼，或編輯 WordPress 生態系統中的現有代碼。
WooCommerce 鉤子
WordPress 掛鉤本質上是 php 函數，可讓您將自己的代碼添加到 WordPress，或在整個 WordPress 中編輯現有代碼，而無需在自定義 WordPress 站點和/或 WooCommerce 商店時編輯核心文件。
鉤子也在整個 WooCommerce中使用，允許開發人員通過操作鉤子輕鬆添加自己的自定義功能，或編輯 WooCommerce 插件中內置的功能，以通過過濾器鉤子進一步自定義您的在線商店。
WooCommerce 操作和過濾器：
您可以使用 2 種不同類型的掛鉤來進一步自定義您的 WooCommerce 商店。 雖然建議您不要直接編輯主題或插件文件，但建議您創建一個子主題，然後將 php 代碼片段插入到 functions.php 文件中，或者您可以使用WooCustomizer插件，它可以讓您無需知道如何編碼即可編輯大量過濾器。
動作掛鉤：
使用do_action( 'action_name' )函數在整個 WooCommerce 中放置動作掛鉤，因此，您可以使用動作名稱來指定要在何處執行要添加的代碼。
要添加您的自定義代碼，您只需在其中創建一個包含代碼的新 php 函數，然後通過在add_action()函數中添加操作名稱作為第一個參數來指定您希望代碼運行的位置。
例子：
add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}
所以你只是對 WooCommerce 代碼說 - “當這個 do_action 運行時添加我的操作”。
過濾器掛鉤：
使用apply_filter( 'filter_name', $variable )函數在整個 WooCommerce 中調用過濾器掛鉤。 這允許您操作傳遞給函數的變量，然後根據需要返回變量值。
例子：
add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}
與動作掛鉤類似，您創建自己的 php 函數並指定使用哪個過濾器，但這次您傳入一個已經存在的變量，並使用您的函數將輸出操作為您需要的輸出。
使用過濾器掛鉤，您需要返回一個值。
您不確定自己使用 WooCommerce 掛鉤創建子主題、添加或編輯自己的 php 函數嗎？
使用 WooCustomizer 自定義您的 WooCommerce 商店
看看新的WooCustomizer插件...... WooCustomizer 具有許多功能來編輯和進一步自定義您的 WooCommerce 商店，而無需任何編碼知識或需要添加您自己的代碼。
WooCustomizer 提供了許多現有的 WooCommerce 鉤子，用於編輯和為您的 WooCommerce 商店添加額外的功能。
WooCustomizer 插件提供的一些功能：
- 編輯商店和產品頁面的產品“特價”橫幅
- 編輯不同產品類型的“添加到購物車”按鈕
- 刪除任何商店、產品、用戶帳戶和/或購物車頁面元素
- 在您的商店產品中添加“新產品”或“售罄”橫幅
- 自定義添加到購物車按鈕、銷售橫幅等的設計
- 為用戶編輯用戶帳戶選項卡和基本結帳字段
- 將產品統計信息添加到管理員用戶的網站前端
- 將登錄/註銷菜單項添加到任何選定的菜單
+ 更多
下載 WooCustomizer
想要更多的 WooCommerce 商店？
WooCustomizer 還附帶了一個高級版本，它提供了很多額外的功能來增加銷售額並為您的 WooCommerce 商店添加額外的有用功能。
WooCustomizer Pro 包括：
WooCommerce 的目錄模式
從您的 WooCommerce 商店輕鬆刪除所有“添加到購物車”和購買功能，將您的商店變成漂亮的在線目錄。 將這些設置應用於所有產品、選定產品或僅應用於已註銷的用戶，提示用戶創建帳戶並登錄以購買您的產品。
WooCommerce 的自定義感謝頁面
WooCustomizer 提供了為 WooCommerce 構建您自己的自定義感謝頁面的能力，使用默認的 WordPress 編輯器或您喜歡的任何其他頁面構建器。 將客戶重定向到您的新默認感謝頁面，根據他們購買的產品將他們重定向到不同的頁面，或者根據他們在您的商店中購買產品的方式將他們重定向到頁面。
WooCommerce 的產品快速查看
讓您的用戶可以選擇預覽完整的產品信息，並輕鬆地“添加到購物車”或從商店或存檔頁面上的彈出窗口中瀏覽所有圖像。 這有助於您的用戶更快地瀏覽商店。
WooCommerce Ajax 搜索
幫助用戶更快地找到您的產品？ 將簡單的 ajax 產品搜索添加到您的搜索欄、小部件區域或商店頁面，以在您的用戶開始輸入搜索您的產品時顯示產品預測。
WooCommerce 菜單車
打開 WooCommerce 的 WooCustomizers Menu Cart 並選擇您希望在哪個菜單中顯示 WooCommerce 購物車。添加一個下拉式迷你購物車籃，以便您的用戶可以添加或刪除產品、查看他們的購物車或直接結帳。
查看 WooCustomizer
使用我們的特殊優惠券可在首次購買WooCustomizer時享受 15% 的折扣
LW15OFF
開始使用鉤子編輯！
現在您已經了解了 WordPress 掛鉤在 WordPress 和 WooCommerce 中的工作原理，您可以輕鬆地在 WooCommerce 在線商店中添加或編輯所需的功能。
請注意：不要忘記此代碼應始終添加到子主題或站點自定義插件中，以便在更新 WordPress 主題時不會丟失編輯。
如果您仍然對添加自己的代碼以進一步編輯您的 WooCommerce 商店有點不確定，那麼我們建議您試用WooCustomizer 插件。 它採用了所有可用的 WooCommerce 鉤子並創建了一個可視化界面來編輯代碼，所有這些都內置在 WP Customizer 中，此外它還提供了更多內容，例如產品統計信息、登錄/註銷菜單項等等。