如何在启用HPOS的WooCommerce后台订单列表添加自定义按钮?
WooCommerce HPOS 订单页面添加自定义按钮的替代方案
启用HPOS后,WooCommerce订单不再依赖WordPress的帖子存储机制,原manage_posts_extra_tablenav钩子因此失效。你可以使用HPOS专属的钩子实现订单页面顶部添加自定义按钮,推荐用woocommerce_orders_list_toolbar_after或woocommerce_orders_list_toolbar_before钩子,以下是具体代码示例:
add_action( 'woocommerce_orders_list_toolbar_after', 'add_custom_order_button' ); function add_custom_order_button() { ?> <button type="button" class="button button-primary" id="custom-order-btn">我的自定义按钮</button> <?php }
如果需要按钮执行特定功能,可添加JS逻辑扩展:
add_action( 'woocommerce_orders_list_toolbar_after', 'add_custom_order_button_with_js' ); function add_custom_order_button_with_js() { ?> <button type="button" class="button button-primary" id="custom-order-btn">批量导出订单</button> <script> jQuery(document).ready(function($) { $('#custom-order-btn').on('click', function() { // 这里添加自定义逻辑,比如跳转导出页面或执行AJAX请求 alert('自定义按钮被点击!'); }); }); </script> <?php }
上述代码会把按钮放在订单列表顶部工具栏右侧,若想放在左侧,替换钩子为woocommerce_orders_list_toolbar_before即可。
内容的提问来源于stack exchange,提问作者Mehdi
相关产品推荐
相关产品推荐

