Question

我正在尝试自定义WooCommerce结帐流程，使其与Shopify相似！这意味着-结帐流程分为以下几个步骤：客户信息，运输，付款。在每一步的右侧，都有带有总计的产品列表（包括优惠券和发货信息）！

对于乘法步骤，我正在使用插件。

对于右边的产品列表，我使用的是/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 ...

问题-更改装运方式时，如何显示装运信息并更新所有总计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”，不是“重绘”。

我要实现的是-该表（我在右侧（并且仍为名称为“ checkout”的形式，但没有类“ woocommerce-checkout-review-order-table”））“重绘“在发货方式更改/优惠券插入/删除时）！

使用自定义ajax函数完全重建此代码的唯一选择是我用php重新封装所有内容并在发货更改/优惠券提交时使用此自定义php函数执行ajax吗？还是有一些更简单/更快速的解决方案？

在Woocommerce中更改送货方式触发ajax update_checkout事件

0 个答案: