Ajouter une classe css personnalisée aux champs de paiement WooCommerce

@Arachides souligné, que, si nous voulons ajouter des classes CSS pour certains types d'entrée?

Après l'expérimentation avec les solutions posté ici, jusqu'à présent, (merci à tout le monde!), Je suis venu avec un mod à l'aide d'un simple commutateur "cas", dans laquelle la logique est pris de /woocommerce/includes/wc-template-functions.php. La fonction de nous permettre de cibler tous les types d'entrée à la fois, que ce soit par défaut les types d'entrée ou même personnalisé.

Il n'y a pas besoin de réécrire le woocommerce_form_field fonction pour simplement changer la $defaults args pour les types d'entrée. Il est valable de mentionner que cette fonction peut également nous permettre d'ajouter beaucoup plus que juste des classes css pour les champs.

-- Voici donc la fonction --

/*********************************************************************************************/
/** WooCommerce - Modify each individual input type $args defaults /**
/*********************************************************************************************/
add_filter('woocommerce_form_field_args','wc_form_field_args',10,3);
function wc_form_field_args( $args, $key, $value = null ) {
/*********************************************************************************************/
/** This is not meant to be here, but it serves as a reference
/** of what is possible to be changed. /**
$defaults = array(
'type'              => 'text',
'label'             => '',
'description'       => '',
'placeholder'       => '',
'maxlength'         => false,
'required'          => false,
'id'                => $key,
'class'             => array(),
'label_class'       => array(),
'input_class'       => array(),
'return'            => false,
'options'           => array(),
'custom_attributes' => array(),
'validate'          => array(),
'default'           => '',
);
/*********************************************************************************************/
//Start field type switch case
switch ( $args['type'] ) {
case "select" :  /* Targets all select input type elements, except the country and state select input types */
$args['class'][] = 'form-group'; //Add a class to the field's html element wrapper - woocommerce input types (fields) are often wrapped within a <p></p> tag  
$args['input_class'] = array('form-control', 'input-lg'); //Add a class to the form input itself
//$args['custom_attributes']['data-plugin'] = 'select2';
$args['label_class'] = array('control-label');
$args['custom_attributes'] = array( 'data-plugin' => 'select2', 'data-allow-clear' => 'true', 'aria-hidden' => 'true',  ); //Add custom data attributes to the form input itself
break;
case 'country' : /* By default WooCommerce will populate a select with the country names - $args defined for this specific input type targets only the country select element */
$args['class'][] = 'form-group single-country';
$args['label_class'] = array('control-label');
break;
case "state" : /* By default WooCommerce will populate a select with state names - $args defined for this specific input type targets only the country select element */
$args['class'][] = 'form-group'; //Add class to the field's html element wrapper 
$args['input_class'] = array('form-control', 'input-lg'); //add class to the form input itself
//$args['custom_attributes']['data-plugin'] = 'select2';
$args['label_class'] = array('control-label');
$args['custom_attributes'] = array( 'data-plugin' => 'select2', 'data-allow-clear' => 'true', 'aria-hidden' => 'true',  );
break;
case "password" :
case "text" :
case "email" :
case "tel" :
case "number" :
$args['class'][] = 'form-group';
//$args['input_class'][] = 'form-control input-lg'; //will return an array of classes, the same as bellow
$args['input_class'] = array('form-control', 'input-lg');
$args['label_class'] = array('control-label');
break;
case 'textarea' :
$args['input_class'] = array('form-control', 'input-lg');
$args['label_class'] = array('control-label');
break;
case 'checkbox' :  
break;
case 'radio' :
break;
default :
$args['class'][] = 'form-group';
$args['input_class'] = array('form-control', 'input-lg');
$args['label_class'] = array('control-label');
break;
}
return $args;
}

La fonction ci-dessus complètement résolu la question du ciblage de la caisse des entrées d'un formulaire à la fois, qui est vraiment simple pour le formulaire de commande par défaut les types d'entrée ou même personnalisé de nouveaux. Il ne semble pas être possible si, pour imprimer chaque type d'entrée sortie html, sans création d'une nouvelle fonction @abhisek montre sur sa réponse.

Bonus

Il semble que la fonction peut également affecter d'autres formes champs imprimé par Thème des fonctions du ou des modèles en dehors de la page de paiement.
J'ai réussi à conditionnellement appliquer la fonction, sur la page de paiement à l'aide de la is_page() fonction. Votre page de paiement peuvent avoir un autre slug, le changement que de réfléchir en conséquence.

Si vous avez besoin d'appliquer uniquement la fonction de la page de paiement, procédez comme suit:

Commentaire add_filter()

//add_filter('woocommerce_form_field_args','wc_form_field_args', 10, 3);

Et l'utilisation add_action au lieu

add_action('woocommerce_form_field_args', 'wc_form_field_args', 10, 3);

function wc_form_field_args( $args, $key, $value = null ) {
...
//Right after 
return $args;
//Place the following
if ( !is_page('checkout') ) {
add_filter('woocommerce_form_field_args','wc_form_field_args', 10, 3);
} else {
remove_filter('woocommerce_form_field_args','wc_form_field_args', 10, 3);
}
}

Après cela, la fonction n'affecte que la page de paiement formulaire.