时间戳

首页 > 解决方案 > WooCommerce 中的动态进度条

wordpress - WooCommerce 中的动态进度条

问题描述

我使用在购物车页面上显示消息“您当前的订单总额是 % 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' 
            );

        }
    }
}

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

例如，基于此：带标签的动态进度条

对于 WooCommerce，我找不到类似的东西。我希望这段代码对许多开发人员有用。

标签： wordpresswoocommerce

解决方案

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

推荐阅读