在WooCommerce订单快速预览中显示订单总额

要实现这个需求，你可以通过WooCommerce提供的钩子和自定义代码来完成，具体步骤如下：

• 添加功能代码：将以下代码添加到你的WordPress主题的functions.php文件中，或者使用自定义功能插件来存放：

// 在订单预览弹窗底部插入订单总额
add_action( 'woocommerce_admin_order_preview_end', 'show_order_total_in_preview_popup' );
function show_order_total_in_preview_popup( $order ) {
    ?>
    <div class="wc-order-preview-total-block">
        <p><strong><?php esc_html_e( '订单总额:', 'woocommerce' ); ?></strong> <?php echo wp_kses_post( $order->get_formatted_order_total() ); ?></p>
    </div>
    <?php
}

• 添加样式适配：为了让总额显示更贴合弹窗的原有风格，添加以下CSS代码到主题的style.css文件或WordPress后台的「外观-自定义-额外CSS」中：

.wc-order-preview-total-block {
    padding: 12px 16px;
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
    background-color: #f7f7f7;
}

.wc-order-preview-total-block p {
    margin: 0;
    font-size: 14px;
    color: #333;
}

这段代码会在订单预览弹窗的底部区域插入订单总额，样式和弹窗原生设计保持一致，完全匹配你预期的显示效果。

内容的提问来源于stack exchange，提问作者Faiz Ali