WooCommerce 中的动态进度条

Question

我使用在购物车页面上显示消息“您当前的订单总数是%s 来下订单”的代码，并锁定按钮，直到客户收集到一定数量的正确数量的产品。

代码如下：

/* Set a minimum order amount for checkout */
add_action( 'woocommerce_checkout_process', 'wc_minimum_order_amount' );
add_action( 'woocommerce_before_cart' , 'wc_minimum_order_amount' );

function wc_minimum_order_amount() {
    // Set this variable to specify a minimum order value
    $minimum = 1000;

    if ( WC()->cart->total < $minimum ) {

        if( is_cart() ) {

            wc_print_notice( 
                sprintf( 'Your current order total is %s — you must have an order with a minimum of %s to place your order ' , 
                    wc_price( WC()->cart->total ), 
                    wc_price( $minimum )
                ), 'error' 
            );

        } else {

            wc_add_notice( 
                sprintf( 'Your current order total is %s — you must have an order with a minimum of %s to place your order' , 
                    wc_price( WC()->cart->total ), 
                    wc_price( $minimum )
                ), 'error' 
            );

        }
    }
}

如何根据这段代码制作进度条？向客户清楚地显示了订单的最低数量以及他添加了多少产品。

例如基于此：Dynamic Progress Bar with Labels

我在 WooCommerce 中找不到类似的东西。我希望这段代码对许多开发者有用。

Answer 1

作为选项，您可以使用 JavaScript 来实现。 当您的网站加载购物车页面时，通过挂钩或更改模板页面打印具有当前订单总额的 JS 代码。 接下来，当带有数量选择器的按钮更新时，您会显示包含所需数据的进度条。