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);
//做類似更新某些自定義計數器,顯示消息之類的操作。
});