Comment désactiver l’auto-complétion des champs de la page commande sous WooCommerce ?

Par défaut, WooCommerce ajoute l’attribut « autocomplete » à presque tous les champs de la page commande. Par exemple, « billing_phone » a pour attribut « autocomplete=tel », « billing_country » a pour attribut « autocomplete=country » et ainsi de suite.

Lorsque l’utilisateur est déconnecté ou qu’il n’a jamais effectué d’achat auparavant, les champs de la page de paiement de WooCommerce sont éventuellement remplis automatiquement par le navigateur sur la base des données/adresses sauvegardées.

Aujourd’hui, nous allons voir comment désactiver ce comportement de remplissage automatique, de sorte que le client soit forcé d’entrer des données dans une entrée vide, et peut-être de cette façon vous pouvez appliquer votre validation personnalisée ou un modèle, tel qu’un format de numéro de téléphone spécifique. C’est parti !

Par défaut, WooCommerce permet aux champs vides de la page de commande de se remplir automatiquement avec les données du navigateur. Voyons comment désactiver cette fonction pour un champ spécifique !

Avec le code PHP ci-dessous, nous allons désactiver l’auto-complétion du champ de numéro de téléphone (billing_phone).

add_filter( 'woocommerce_checkout_fields', 'wootimeo_disable_autocomplete_checkout_fields' );
   
function wootimeo_disable_autocomplete_checkout_fields( $fields ) {
    $fields['billing']['billing_phone']['autocomplete'] = false;
    return $fields;
}Langage du code : PHP (php)

Vous pouvez aussi cibler n’importe lequel de ces champs :

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

Livraison

  • shipping_first_name
  • shipping_last_name
  • shipping_company
  • shipping_address_1
  • shipping_address_2
  • shipping_city
  • shipping_postcode
  • shipping_country
  • shipping_state

Compte

  • account_username
  • account_password
  • account_password-2

Commande

  • order_comments

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *