Question

我正在将自定义WooCommerce结帐设计集成到WordPress / WooCommerce中。我已经体验到我的自定义HTML部分正在循环。此图显示了类为“ left-box”的div和类为“ form-wrapper”的div是如何循环的：

https://imgur.com/a/4xfqXLh

我尝试查看是否有缺少的div关闭标签-没有运气。我正在编辑作为WooCommerce模板文件的form-checkout.php，并在子主题中对其进行编辑。

此代码示例是文件的开头，直到form-wrapper div标签的结尾。

defined( 'ABSPATH' ) || exit;

if ( ! is_ajax() ) {
    do_action( 'woocommerce_review_order_before_payment' );
}
?>
    <div class="custom-payment-form form-wrapper clearfix">
                    <div class="left-box">
                    <div class="price-tag">
                        <h2>3<span>€</span>
                        </h2>
                    </div>
                    <div class="img-wrapper" style="background-image:url(<?php bloginfo('stylesheet_directory'); ?>/woocommerce/checkout/assets/images/left-box-img.png)">
                        <!-- <img src="assets/images/left-box-img.png" alt=""> -->
                    </div>
                    <div class="mobile-order-details">
                        <h4>Redbull X 24
                            <span>3€</span>
                        </h4>
                        <p>Redbull sugar free</p>
                        <p>Delivery
                            <span> 3€</span>
                        </p>

                        <p>Total
                            <span id="green-color">3€ </span>
                        </p>
                    </div>
                </div>

<div id="payment" class="woocommerce-checkout-payment">
    <?php if ( WC()->cart->needs_payment() ) : ?>
        <ul class="wc_payment_methods payment_methods methods">
            <?php
            if ( ! empty( $available_gateways ) ) {
                foreach ( $available_gateways as $gateway ) {
                    wc_get_template( 'checkout/payment-method.php', array( 'gateway' => $gateway ) );
                }
            } else {
                echo '<li class="woocommerce-notice woocommerce-notice--info woocommerce-info">' . apply_filters( 'woocommerce_no_available_payment_methods_message', WC()->customer->get_billing_country() ? esc_html__( 'Sorry, it seems that there are no available payment methods for your state. Please contact us if you require assistance or wish to make alternate arrangements.', 'woocommerce' ) : esc_html__( 'Please fill in your details above to see available payment methods.', 'woocommerce' ) ) . '</li>'; // @codingStandardsIgnoreLine
            }
            ?>
        </ul>
    <?php endif; ?>
    <div class="form-row place-order">
        <noscript>
            <?php
            /* translators: $1 and $2 opening and closing emphasis tags respectively */
            printf( esc_html__( 'Since your browser does not support JavaScript, or it is disabled, please ensure you click the %1$sUpdate Totals%2$s button before placing your order. You may be charged more than the amount stated above if you fail to do so.', 'woocommerce' ), '<em>', '</em>' );
            ?>
            <br/><button type="submit" class="button alt" name="woocommerce_checkout_update_totals" value="<?php esc_attr_e( 'Update totals', 'woocommerce' ); ?>"><?php esc_html_e( 'Update totals', 'woocommerce' ); ?></button>
        </noscript>

        <?php wc_get_template( 'checkout/terms.php' ); ?>

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

        <?php echo apply_filters( 'woocommerce_order_button_html', '<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '">' . esc_html( $order_button_text ) . '</button>' ); // @codingStandardsIgnoreLine ?>

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

        <?php wp_nonce_field( 'woocommerce-process_checkout', 'woocommerce-process-checkout-nonce' ); ?>
    </div>
</div>
    </div>

如何修复此HTML循环？我希望它不会循环，而只是作为正常的HTML序列加载。预先谢谢你

如何解决：HTML代码在WooCommerce模板文件中“循环”

0 个答案: