Инициировать событие ajax update_checkout при изменении методов доставки в Woocommerce

Question

Я пытаюсь настроить процесс оформления заказа WooCommerce так, чтобы он был похож на Shopify!Это значит - процесс оформления заказа разбит на этапы: информация о клиенте, доставка, оплата.А справа от каждого шага есть список товаров с итогами (включая информацию о купоне и отгрузке)!

Для шага умножения я использую плагин.

Для списка товаров справа Iиспользуя таблицу из /checkout/review-order.php для той же таблицы с конкретными настройками, но удаляя таблицу класса "woocommerce-checkout-review-order-table" (в противном случае это создает проблемы), например:

<div class="checkout-right-side-product-list">
<table class="shop_table">

    <thead>
        <tr>
            <th class="product-name"><?php _e( 'Product', 'woocommerce' ); ?></th>
            <th class="product-total"><?php _e( 'Total', 'woocommerce' ); ?></th>
        </tr>
    </thead>
    <tbody>
        <?php
            do_action( 'woocommerce_review_order_before_cart_contents' );

            foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
                $_product     = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );

                if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_checkout_cart_item_visible', true, $cart_item, $cart_item_key ) ) {
                    ?>
                    <tr class="<?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>">
                        <td class="product-name">
                            <?php
                            $thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );
                            echo '<div class="checkout-cart-thumbnail">' . $thumbnail . '<span class="product-quantity">' . $cart_item['quantity'] . '</span></div>';
                            echo '<div class="checkout-cart-name">' . $_product->get_name() . '<br />' . wc_get_formatted_cart_item_data( $cart_item ) . '</div>'; ?>
                        </td>
                        <td class="product-total">
                            <?php echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); ?>
                        </td>
                    </tr>
                    <?php
                }
            }

            //do_action( 'woocommerce_review_order_after_cart_contents' );
        ?>
    </tbody>
    <tfoot>

        <tr class="cart-subtotal">
            <th><?php _e( 'Subtotal', 'woocommerce' ); ?></th>
            <td><?php wc_cart_totals_subtotal_html(); ?></td>
        </tr>

        <?php foreach ( WC()->cart->get_coupons() as $code => $coupon ) : ?>
            <tr class="cart-discount coupon-<?php echo esc_attr( sanitize_title( $code ) ); ?>">
                <th><?php wc_cart_totals_coupon_label( $coupon ); ?></th>
                <td><?php wc_cart_totals_coupon_html( $coupon ); ?></td>
            </tr>
        <?php endforeach; ?>

        <tr class="cart-shipping">
            <th><?php _e( 'Shipping', 'woocommerce' ); ?></th>
            <td><?php  echo WC()->cart->get_cart_shipping_total(); 
 ?></td>
        </tr>



        <?php foreach ( WC()->cart->get_fees() as $fee ) : ?>
            <tr class="fee">
                <th><?php echo esc_html( $fee->name ); ?></th>
                <td><?php wc_cart_totals_fee_html( $fee ); ?></td>
            </tr>
        <?php endforeach; ?>

        <?php if ( wc_tax_enabled() && ! WC()->cart->display_prices_including_tax() ) : ?>
            <?php if ( 'itemized' === get_option( 'woocommerce_tax_total_display' ) ) : ?>
                <?php foreach ( WC()->cart->get_tax_totals() as $code => $tax ) : ?>
                    <tr class="tax-rate tax-rate-<?php echo sanitize_title( $code ); ?>">
                        <th><?php echo esc_html( $tax->label ); ?></th>
                        <td><?php echo wp_kses_post( $tax->formatted_amount ); ?></td>
                    </tr>
                <?php endforeach; ?>
            <?php else : ?>
                <tr class="tax-total">
                    <th><?php echo esc_html( WC()->countries->tax_or_vat() ); ?></th>
                    <td><?php wc_cart_totals_taxes_total_html(); ?></td>
                </tr>
            <?php endif; ?>
        <?php endif; ?>

        <?php do_action( 'woocommerce_review_order_before_order_total' ); ?>

        <tr class="order-total">
            <th><?php _e( 'Total', 'woocommerce' ); ?></th>
            <td><?php wc_cart_totals_order_total_html(); ?></td>
        </tr>

        <?php do_action( 'woocommerce_review_order_after_order_total' ); ?>

    </tfoot>
</table>
</div>

Для отправки в качестве третьего шага я настроил /checkout/review-order.php для отображения способов доставки

<div class="checkout-shipping-wrapp">
<?php if ( WC()->cart->needs_shipping() && WC()->cart->show_shipping() ) : ?>
    <?php do_action( 'woocommerce_review_order_before_shipping' ); ?>
        <table class="checkout-shipping-table">
            <tbody>
             <?php wc_cart_totals_shipping_html(); ?>
            </tbody>
        </table>
    <?php do_action( 'woocommerce_review_order_after_shipping' ); ?>
<?php endif; ?>
</div>

Проблема в том, что теперь информация о доставке в правой части таблицы не меняется при изменении способа доставки.изменено ...

Вопрос - как можно отобразить информацию о доставке и обновить все итоговые данные ajax при изменении способа доставки ...?

РЕДАКТИРОВАНИЕ (ситуация более расширенная): WooCommerce имеет /checkout / review-order.php, где по умолчанию таблица с классами "shop_table woocommerce-checkout-review-order-table", вся эта таблица полностью "перерисовывается"после добавления / удаления купона, изменения способа доставки, изменения способа оплаты.Он обнаруживает таблицу по woocommerce-checkout-review-order-table и ajax перерисовывает ее!Но теперь я полностью изменил этот файл, чтобы показать только методы пересылки (мой второй фрагмент кода).

И вся таблица из этого файла была взята и использована в /checkout/review-order.php, / checkout / form-billing.php и /checkout/payment.php, когда я отображаю таблицу с правой стороны в виде итогов корзины.И я удаляю этот класс "woocommerce-checkout-review-order-table" (потому что тогда при изменении метода shippment эта таблица перерисовывает все, что находится в review-order.php, а это не то, что мне нужно), и таблица показываетХОРОШО.Но, конечно, при изменении метода пересылки эта таблица, которая теперь находится справа и не имеет класса "woocommerce-checkout-review-order-table", не "перерисовывается".

И что я хочудобиться - чтобы эта таблица (которая у меня есть на правой стороне (и все еще находится в форме с именем "оформить заказ", но без класса "woocommerce-checkout-review-order-table") "перерисовывает" при изменении метода shippment / купонеinsert / remove)!

Является ли единственной возможностью полностью перестроить ее с помощью пользовательской функции ajax, где я пересчитываю все с помощью php и выполняю ajax с помощью этой пользовательской функции php при отправке изменения / отправки купона?Или есть более простое / быстрое решение?