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);
//做类似更新某些自定义计数器,显示消息之类的操作。
});