WooCommerce 的簡單輕量級願望清單,帶有大量用於自定義的掛鉤,以適合您的 WooCommerce 主題。在 WooCommerce 3.x 上進行了測試,但可以在任何 WooCommerce 4.x 安裝中使用。
預設情況下,外掛將願望清單圖示新增到 WooCommerce 存檔頁面和 WooCommerce 單個產品頁面。除了圖示,您還可以切換到基於文字的連結,或新增刪除願望清單專案。
可以使用 [jvm_woocommerce_add_to_wishlist] 簡碼將願望清單新增到頁面。有關更高階的自定義,請參見下面的 hook,javascript API 和模板部分。
鉤子
對於高階使用者和開發人員,提供了一些 WordPress 操作和過濾器來修改心願單的行為。
從 achive 頁面刪除按鈕的用法示例:
remove_action(’woocommerce_after_shop_loop_item’,’jvm_woocommerce_add_to_wishlist’,15);
用法示例切換到文字連結而不是圖示:
add_filter(’jvm_add_to_wishlist_class’,function($ class){
返回’jvm_add_to_wishlist 文字’;
});
動作
可用操作:
jvm_woocommerce_wishlist_loaded
jvm_woocommerce_wishlist_before_wishlist
jvm_woocommerce_wishlist_after_wishlist
jvm_woocommerce_wishlist_before_wishlist_contents
jvm_woocommerce_wishlist_after_wishlist_contents
jvm_woocommerce_wishlist_before_add_to_wishlist
jvm_woocommerce_wishlist_after_add_to_wishlist
篩選器
jvm_add_to_wishlist_class
jvm_add_to_wishlist_icon_html
jvm_woocommerce_wishlist_product_ids
功能
jvm_woocommerce_wishlist_get_count()
jvm_woocommerce_wishlist_get_wishlist_product_ids()
範本
您可以在主題中覆蓋預設的願望清單頁面。從外掛目錄複製
templates / wishlist.php
至:
您的主題目錄/jvm-woocommerce-wishlist/wishlist.php
修改副本中需要的內容。
Javascript API
為了進一步整合主題,外掛中的 javascript 檔案具有一些自定義事件,這些事件會針對願望清單使用者活動觸發。
add.JVMWooCommerce 願望清單
remove.JVMWooCommerceWishlist
beforeupdate.JVMWooCommerce 願望清單
afterupdate.JVMWooCommerce 願望清單
用法示例:
$(document).on(“ beforeupdate.JVMWooCommerceWishlist”,function(e){
console.log(e);
//做類似更新某些自定義計數器,顯示訊息之類的操作。
});