Ajouter une classe css aux champs du formulaire de commande

Si vous voulez personnalisez le formulaire de commande dans WooCommerce, vous pouvez ajouter une classe css en ajoutant le code ci-dessous dans le fichier function.php de votre thème WordPress.

add_filter('woocommerce_billing_fields', 'custom_woocommerce_billing_fields');

function custom_woocommerce_billing_fields( $fields ) {
	
  $fields['billing_first_name']['input_class'] = array( 'form-control' ); // Champ Prénom
  
  $fields['billing_last_name']['input_class'] = array( 'form-control' ); // Champ Nom
  return $fields;
}

Liste des champs par défaut

• Facturation
  • billing_first_name
  • billing_last_name
  • billing_company
  • billing_address_1
  • billing_address_2
  • billing_city
  • billing_postcode
  • billing_country
  • billing_state
  • billing_email
  • billing_phone
• Adresse de livraison
  • shipping_first_name
  • shipping_last_name
  • shipping_company
  • shipping_address_1
  • shipping_address_2
  • shipping_city
  • shipping_postcode
  • shipping_country
  • shipping_state
• Login
  • account_username
  • account_password
  • account_password-2
• Information complémentaire
  • order_comments