Woocommerce 주문 검토를 체크아웃의 맨 위로 이동

Woocommerce 주문 검토를 체크아웃의 맨 위로 이동

주문 검토 섹션을 Woocommerce 체크아웃 페이지의 맨 위로 이동하려고 하는데 작동하고 있습니다.

remove_action( 'woocommerce_checkout_order_review',    'woocommerce_order_review', 10 );
add_action( 'woocommerce_before_checkout_form', 'woocommerce_order_review', 20 );

그러나 체크아웃이 열리면 페이지 맨 위가 아닌 주문 검토 섹션으로 스크롤됩니다.

효과:

remove_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
add_action( 'woocommerce_after_checkout_billing_form', 'woocommerce_order_review', 20 );

검토 양식을 이동해도 자동으로 이동하지 않습니다.Your Order표제의이것이 제가 기능에 추가한 것입니다.php

remove_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
add_action( 'woocommerce_before_checkout_form', 'prefix_wc_order_review_heading', 3 );
add_action( 'woocommerce_before_checkout_form', 'woocommerce_order_review', 4 );

/**
 * Add a heading for order review on checkout page. 
 * This replaces the heading added by WooCommerce since order review is moved to the top of the checkout page.
 */
function prefix_wc_order_review_heading() {
    echo '<h3>Your Order</h3>';
}

그리고 기존의 것을 숨기기 위해.Your Order제목(그리고 신용카드 양식을 위한 약간의 공백), 나는 이것을 style.css에 추가했습니다.

.woocommerce-checkout #order_review_heading {
    display: none !important;
}

.woocommerce-checkout #order_review {
    margin-top: 2rem !important;
}

언급URL : https://stackoverflow.com/questions/49374335/moving-woocommerce-order-review-to-top-of-checkout