Attention: astuce fonctionnelle sur une version de Magento 2.4 Enterprise. Je crois que toute la partie attributs des customers n’est pas disponible en version Community Edition. Mais cette astuce pourrait très bien fonctionner avec les deux versions.
PHTML à modifier
Créer le fichier de surcharge app/design/frontend/MyVendor/mytheme/Magento_Customer/templates/widget/name.phtml pour remplacer l’élément Select par des boutons Radio:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<?php if ($prefix) : ?> <div class="field field-name-prefix<?= $block->isPrefixRequired() ? ' required' : '' ?>"> <?php if ($block->getPrefixOptions() === false) : ?> <label class="label" for="<?= $block->escapeHtmlAttr($block->getFieldId('prefix')) ?>"><span><?= $block->escapeHtml($block->getStoreLabel('prefix')) ?></span></label> <?php endif; ?> <?php if ($block->getPrefixOptions() === false) : ?> <div class="control"> <input type="text" id="<?= $block->escapeHtmlAttr($block->getFieldId('prefix')) ?>" name="<?= $block->escapeHtmlAttr($block->getFieldName('prefix')) ?>" value="<?= $block->escapeHtmlAttr($block->getObject()->getPrefix()) ?>" title="<?= $block->escapeHtmlAttr($block->getStoreLabel('prefix')) ?>" class="input-text <?= $block->escapeHtmlAttr($block->getAttributeValidationClass('prefix')) ?>" <?= $block->isPrefixRequired() ? ' data-validate="{required:true}"' : '' ?>> </div> <?php else : ?> <?php foreach ($block->getPrefixOptions() as $_option) : ?> <?php if (!$block->escapeHtml(__($_option) == " ")) : ?> <div class="field choice"> <div class="control"> <input type="radio" name="<?= $block->escapeHtmlAttr($block->getFieldName('prefix')) ?>" id="<?= $block->escapeHtmlAttr($block->getFieldName('prefix')) ?>[<?= $block->escapeHtmlAttr($_option) ?>]" value="<?= $block->escapeHtml(__($_option)) ?>" <?php // S'assurer que le préfixe coché lors de l'inscription soit récupéré pour un affichage ultérieur ?> <?php if ($option == $block->getObject()->getPrefix()) : ?> checked="checked" <?php endif; ?> class="radio"/> <label class="label" for="<?= $block->escapeHtmlAttr($block->getFieldName('prefix')) ?>[<?= $block->escapeHtmlAttr($_option) ?>]"> <span><?= $block->escapeHtml(__($_option)) ?></span> </label> </div> </div> <?php endif; ?> <?php endforeach; ?> <?php endif; ?> </div> <?php endif; ?> |
A savoir:
Sans ajouter le bout de code ci-dessous, l’information sur le préfixe coché lors de l’inscription ne sera PAS récupérée pour des affichages ultérieurs des préfixes dans les pages du site.
Par exemple, dans la page « Modifier les informations de mon compte », les boutons radio représentant les préfixes disponibles s’affichaient bien, mais celui qui avait été coché lors de l’inscription n’était pas coché!
|
1 2 3 4 |
<?php // S'assurer que le préfixe coché lors de l'inscription soit récupéré pour un affichage ultérieur ?> <?php if ($option == $block->getObject()->getPrefix()) : ?> checked="checked" <?php endif; ?> |
Manipulations à effectuer en BO – Afficher les préfixes (Madame, Monsieur) dans le formulaire de création de compte
- Se rendre dans STORES > Attributes > Customer
- Dans la liste des attributs, sélectionner l’Attribute Code « prefix »
- Scroller jusqu’au volet « Storefront Properties »
- Passer le champ « Show on Storefront » à « Yes »
- Cliquer sur le bouton orange « Save Attribute »
- Se rendre ensuite dans STORES > Settings > Configuration
- Passer le Scope au store voulu
- Dans la navigation de gauche, aller dans CUSTOMERS > Customers Configuration
- Ouvrir le volet « Name and Address Options »
- Au niveau du champ « Prefix Dropdown Options », décocher la case « Use Defaults »
- Dans le champ « Prefix Dropdown Options », saisir les préfixes séparés par des point-virgules (exemple: Madame;Mademoiselle;Monsieur)
- Cliquer sur le bouton orange « Save Config »
- Se rendre ensuite dans SYSTEM > Tools > Cache Management
- Cocher les « Cache Type » « Configuration » et « Page Cache » (leur « Status » est normalement en « INVALIDATED »
- Au niveau de la liste de sélection située en haut à gauche du tableau, sélectionner « Refresh » et cliquer sur le bouton gris « Submit »