I use this code to change my checkout field layout, using the Woocommerce Checkout shortcode I put in the product page [woocommerce_checkout], it looks fine, but not in the checkout page, 1 sec It will then return to its original state. I tried changing the theme and disabling all plugins except Woocommerce, still happens. how to solve this problem?
/**Remove all possible fields **/ function wc_checkout_fields( $fields ) { echo ''; $fields['billing']['billing_first_name']['priority'] = 10; $fields['billing']['billing_first_name']['label'] = 'Name'; $fields['billing']['billing_first_name']['class'] = array( 'form-row-wide' ); $fields['billing']['billing_address_1']['priority'] = 20; $fields['billing']['billing_address_1']['label'] = 'Address'; $fields['billing']['billing_country']['priority'] = 30; $fields['billing']['billing_country']['label'] = 'Country'; $fields['billing']['billing_country']['class'] = array( 'form-row-first' ); $fields['billing']['billing_state']['priority'] = 40; $fields['billing']['billing_state']['label'] = 'State'; $fields['billing']['billing_state']['class'] = array( 'form-row-last' ); $fields['billing']['billing_city']['priority'] = 50; $fields['billing']['billing_city']['label'] = 'City'; $fields['billing']['billing_city']['class'] = array( 'form-row-first' ); $fields['billing']['billing_postcode']['priority'] = 60; $fields['billing']['billing_postcode']['label'] = 'Postcode'; $fields['billing']['billing_postcode']['class'] = array( 'form-row-last' ); $fields['billing']['billing_phone']['priority'] = 70; $fields['billing']['billing_phone']['label'] = 'Phone'; $fields['billing']['billing_phone']['class'] = array( 'form-row-first' ); $fields['billing']['billing_email']['priority'] = 80; $fields['billing']['billing_email']['label'] = 'Email'; $fields['billing']['billing_email']['class'] = array( 'form-row-last' ); unset( $fields['billing']['billing_last_name'] ); unset( $fields['billing']['billing_address_2'] ); unset( $fields['billing']['billing_company'] ); unset( $fields['order']['order_comments'] ); return $fields; } add_filter( 'woocommerce_checkout_fields', 'wc_checkout_fields' ); With shortcode and first view at checkout
Checkout page changes after 1 second
After disabling JavaScript on your browser
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I tried using this to remove the wc-checkout script and the layout became what I wanted
add_action( 'wp_enqueue_scripts', 'remove_woocommerce_checkout_scripts', 9999 ); function remove_woocommerce_checkout_scripts() { wp_dequeue_script( 'wc-checkout' ); }