Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Masquer les champs facultatifs du formulaire client

emma_auto

Bonjour à tous,

J'essaie de simplifier le formulaire de création de compte sur la page de commande de ma boutique. Je voudrais masquer ou supprimer les champs facultatifs comme la date de naissance, le titre (M./Mme) et les offres de partenaires, car ils ne sont pas utiles pour mon activité et complexifient le processus.

J'ai tenté de modifier le fichier themes/classic/templates/checkout/_partials/customer-form.tpl en commentant simplement les blocs correspondants. Par exemple, pour le titre civil, j'ai fait ceci :

{* J'ai essayé de masquer le champ de titre (M./Mme) comme ceci, mais ça ne semble pas propre *}
{if false}
<div class="form-group row no-gutters">
  <label class="col-md-3 form-control-label">{l s='Social title' d='Shop.Forms.Labels'}</label>
  <div class="col-md-6 form-control-valign">
    {foreach from=$formFields.id_gender.type.genders item=gender}
      <label class="radio-inline">
        <span class="custom-radio">
          <input
            name="customer_form[id_gender]"

Cela masque le champ, mais j'ai l'impression que ce n'est pas la bonne méthode, et pour la date de naissance, même en la masquant, j'obtiens des erreurs de validation si elle est requise côté back-office. Comment puis-je faire ça correctement et proprement, idéalement en utilisant un thème enfant ?

juliepanier

Salut @emma_auto, je connais bien ce souci. Masquer un champ dans le template n'est souvent pas suffisant si le back-office de PrestaShop attend toujours une valeur pour ce champ, surtout pour la date de naissance. Tu es sur quelle version de PrestaShop exactement ?

Pour la date de naissance, il faut ABSOLUMENT vérifier dans "Paramètres de la boutique > Réglages client > Clients" si le champ est marqué comme obligatoire. Si oui, même masqué dans le template, la validation côté serveur échouera. C'est la première chose à faire. Une fois que c'est optionnel, tu peux le retirer du template sans problème de validation.

Milo

Bonjour @emma_auto et @juliepanier,

@juliepanier a mis le doigt sur le point crucial. La validation des formulaires dans PrestaShop 8.1.6 se fait aussi côté serveur. Si un champ est défini comme requis dans les paramètres back-office, le masquer via le template ne suffira pas et provoquera une erreur de validation à la soumission du formulaire.

Voici la démarche correcte :

Pour la date de naissance : Allez dans votre back-office, puis dans "Paramètres de la boutique > Réglages client > Clients". Assurez-vous que l'option "Date de naissance" est bien sur "Non" pour le statut "Requis". Si elle est sur "Oui", décochez-la.
Modification du template : Une fois que le champ est optionnel côté back-office, vous pouvez modifier votre fichier themes/votre_theme_enfant/templates/checkout/_partials/customer-form.tpl (n'oubliez pas d'utiliser un thème enfant pour ne pas perdre vos modifications lors des mises à jour).

Pour supprimer les champs "Titre civil", "Date de naissance" et "Offres de partenaires", il suffit de retirer ou de commenter proprement les blocs div.form-group correspondants. Votre tentative avec if false fonctionne, mais c'est mieux de retirer le code si vous ne voulez pas du tout le champ. Pour la date de naissance, supprimez l'intégralité du bloc div.form-group qui la contient. Faites de même pour le titre civil et les offres de partenaires.

Voici un exemple pour le titre civil et les offres de partenaires. Pour la date de naissance, supprimez le bloc similaire une fois le réglage BO effectué :

{* Ceci était le bloc pour le titre civil. Il est supprimé car optionnel. *}
{* <div class="form-group row no-gutters"> ... </div> *}

{* Ceci était le bloc pour les offres de partenaires. Il est supprimé car optionnel. *}
{* <div class="form-group row no-gutters"> ... </div> *}

{* Assurez-vous que la date de naissance est bien optionnelle dans le BO avant de supprimer son bloc ici. *}

En suivant ces étapes, votre formulaire sera simplifié sans générer d'erreurs de validation.

emma_auto

Merci beaucoup @Milo et @juliepanier pour vos conseils ! J'ai appliqué la solution de @Milo en décochant l'option "Date de naissance" comme requise dans les réglages clients du back-office de PrestaShop 8.1.6, puis j'ai supprimé les blocs div.form-group des champs que je voulais enlever dans mon thème enfant.

Tout fonctionne parfaitement maintenant, le formulaire est beaucoup plus léger et la validation passe sans problème. C'était bien cette histoire de champ requis côté BO qui posait souci. Encore merci pour l'aide rapide et précise !