在WooCommerce结账页面，当使用移动设备时，将产品部分移到顶部

Question

我想在移动设备上使用 WooCommerce 结算页面时，将产品部分移到顶部。我不希望账单部分位于顶部。

我尝试了以下操作，但未能成功：

add_action('wp_footer', 'mobile_checkout');
function mobile_checkout() {
    if ( wp_is_mobile() && is_checkout() ) {
        remove_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
        add_action( 'woocommerce_before_checkout_billing_form', 'woocommerce_order_review', 1 );
    }
}

有什么办法可以将它移动？

- user14906105

Answer 1

这应该足够：

function action_woocommerce_before_checkout_billing_form() {
    // Test if the current browser runs on a mobile device (smart phone, tablet, etc.)
    if ( wp_is_mobile() ) {
        remove_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
        add_action( 'woocommerce_before_checkout_billing_form', 'woocommerce_order_review', 5 );
    }
}
add_action( 'woocommerce_before_checkout_billing_form', 'action_woocommerce_before_checkout_billing_form', 1 );

- 7uc1f3r