You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在启用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 22:02:04