wordpress 将Woocommerce订单审核移至结账页面顶部

bfrts1fy  于 2022-11-28  发布在  WordPress
关注(0)|答案(2)|浏览(126)

我试图将订单审查部分移动到Woocommerce结帐页面的顶部,这是工作:

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

但是,当结帐打开时,它会向下滚动到订单审查部分,而不是页面顶部。

8iwquhpp

8iwquhpp1#

这是可行的:

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

7d7tgy0s2#

移动审查表单不会自动移动Your Order标题。

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;
}

相关问题