Динамический индикатор в 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' 
            );

        }
    }
}

Как сделать индикатор выполнения на основе этого кода?Чтобы клиент четко показал, какая минимальная сумма заказа и сколько он добавил продуктов.

Например, исходя из этого: Динамический индикатор выполнения с метками

Iне мог найти ничего подобного для WooCommerce.Я надеюсь, что этот код полезен для многих разработчиков.

Answer 1

Как вариант, вы можете сделать это с помощью JavaScript.Когда ваш сайт загружает страницу с корзиной, распечатайте код JS с текущей суммой заказа через хуки или измените шаблон страницыДалее, когда кнопка с селектором количества обновляется, вы показываете индикатор выполнения с необходимыми данными.