Masquer les champs facultatifs sur la page de paiement

Certains champs sont facultatifs dans le formulaire de paiement. Voici une liste de tous les champs qui sont facultatifs et qui peuvent donc être masqués si vous le souhaitez :

• Prénom
• Nom de famille
• Numéro de téléphone
• Mot de passe
• Adresse de facturation
• Ville de facturation
• État de facturation
• Code postal de facturation
• Pays de facturation
• Adresse de livraison
• Ville d'expédition
• État d'expédition
• Code postal d'expédition
• Pays d'expédition
• Mode d'expédition

Vous pouvez en savoir plus en lisant le Champ de formulaire SmartTag article.

Afin de démontrer comment masquer ces options de champ sur le formulaire de paiement, nous utiliserons le champ Numéro de téléphone comme exemple.

A titre d'exemple, voici comment masquer le champ du numéro de téléphone

Si vous souhaitez supprimer le numéro de téléphone de la page de paiement, ne pas supprimer le SmartTag™ du formulaire, procédez plutôt comme suit :

[MM_Form_Field type='hidden' name='phone' isRequired='false']

Lorsque le champ du numéro de téléphone est inclus de cette manière, il n'apparaît pas dans le formulaire de paiement.

Empêcher la création d'espaces vides lors du masquage d'un champ

Par défaut, WordPress convertit automatiquement les doubles sauts de ligne en balises de paragraphe HTML (<p>...</p>). Pour éviter que cela ne se produise, consultez et suivez les instructions décrites dans l'article Des lignes supplémentaires sont ajoutées à la page de paiement.

Voici une autre astuce pour empêcher les espaces vides d'apparaître

Si vous avez essayé l'article ci-dessus et que vous obtenez toujours des espaces vides, ou si vous ne voulez tout simplement pas vous préoccuper d'un autre plugin, il vous faudra alors placer un SmartTag™ immédiatement après un autre SmartTag™ sur la même ligne, comme indiqué ci-dessous :

<p class="mm-formField">

<label>Mot de passe :</label>

[MM_Form_Field type='input' name='password'][MM_Form_Field type='hidden' name='phone' isRequired='false']

</p>

Lorsque le champ du numéro de téléphone est inclus de cette manière, il n'apparaîtra pas dans le formulaire de paiement, et vous ne devriez pas avoir d'espaces blancs ou vides sous le champ du mot de passe.

Si vous souhaitez contrôler davantage l'apparence de la page, vous pouvez essayer de personnaliser la feuille de style MM ou de la remplacer par une feuille de style de votre choix :

Guide pour styliser le CSS des pages principales et des widgets