Format téléphone 00 00 00 00 00 dans page inscription nouveau utilisateur

[tuaneric]

Bonjour

J'utilise Joomla 3 et Virtuemart 4, je recherche une extension ou plugin (si possible gratuit ) pour avoir format téléphone & mobile 00 00 00 00 00 dans le page inscription nouveau utilisateur.

Merci

[toffffe]

Salut nativement ce n'est pas prévue dans joomla.
Peut-être regarder vers community builder

[pmleconte]

Bonjour,

Au niveau de advanced custom fields de Tassos, il y a le téléphone où on peut paramétrer un mask : voir https://www.tassos.gr/joomla-extensi...elephone-field

Pascal

[toffffe]

Bonjour,

Au niveau de advanced custom fields de Tassos, il y a le téléphone où on peut paramétrer un mask : voir https://www.tassos.gr/joomla-extensi...elephone-field

Pascal

Super et ça a l'air très simple comme toutes ces extensions

[RobertG]

Bonjour,

Si j'ai bien compris, c'est dans le formulaire de création de compte client Virtuemart que cette fonctionnalité est voulue. La question est donc de savoir si le champ personnalisé offert par l'extension de Tassos s'intègre à ce formulaire.

[pmleconte]

Bonjour,

Si j'ai bien compris, c'est dans le formulaire de création de compte client Virtuemart que cette fonctionnalité est voulue. La question est donc de savoir si le champ personnalisé offert par l'extension de Tassos s'intègre à ce formulaire.

Effectivement, je n'avais pas vu la partie Virtuemart

Pascal

[RobertG]

Je viens de faire une recherche et j'ai trouvé Phone Validator d'Alatak https://alatak.net/en/extensions/use...or-plugin.html

[tuaneric]

Bonjour

Le plugin advanced custom fields ne fonctionne pas avec Virtuemart, j'ai trouvé aussi Phone Validator d'Alatak pour international. Il n'a pas autre possibilité juste pour avoir fomat téléphone en France 00 00 00 00 00

Merci

[daneel]

Bonjour

Sous virtuemart, il y a des champs spécifiques que l'on peut définir depuis le composant virtuemart > configuration > formulaire client ( ou shopper fields en anglais ).

On y retrouve les champs natifs (core) de joomla mais aussi ceux de vm avec celui de téléphone (phone_1)




Malheureusement il n'y a pas de masque de saisie dans vm. Au mieux, on peux personnaliser le placeholder pour donner l'exemple.

De mon avis, la solution est de créer un plugin vm userfield qui pourra permettre d'introduire le masque de saisie et d'ajouter des moyens de contrôler la saisie en temps réel en javascript (si possible en évitant jquery). L'alternative étant la solution d'Alatak (pour vm4 avec J4).

[tuaneric]

Bonjour Daneel

Je trouve le code mais comment ajouter dans Joomla et virtuemart avec mon template Hera ?

<form action="/action_page.php">
<label for="phone">Enter a phone number:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="00 00 00 00 00" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format: 00 00 00 00 00</small><br><br>
<input type="submit">
</form>

Merci

[daneel]

Pour remplacer le champ téléphone de vm sans créer de plugin, il faut passer par une surcharge.

En premier, on vérifie que ton template hera ne dispose pas d'une surcharge de user virtuemart
dans le repertoire html (donc à vérifier dans le repertoire du template).

Si ce n'est pas déjà fait, alors dans l'administration de ton site joomla, tu vas dans le template > détails & fichier
puis tu choisis l'onglet substitution. Tu choisis com-virtuemart>user

Une fois la surcharge disponible, tu va dans le répertoire html du template, plus précisément dans
templates > hera > html > com_virtuemart > user

Tu tombe ensuite sur de multiples fichiers. Ce qui nous intéresse c'est le fichier
edit_address_userfields.php

Edite ce fichier avec l'aide d'un editeur de texte comme notepad++ puis vers la ligne 110
tu remplace

<td>
<?php echo $field['formcode'] ?>
</td>

par

<td>
<?php
if ( $field['name']=="phone_1" ) { echo '<input type="text" id="phone_1_field" name="phone_1" placeholder="00 00 00 00 00" pattern="[0-9]{2} [0-9]{2} [0-9]{2} [0-9]{2} [0-9]{2}" size="30" value="" maxlength="32"><br>
<small>Format: 00 00 00 00 00</small>';
} else { echo $field['formcode']; }
?>
</td>

Notes :
Concernant le pattern, j'ai bien défini [0-9]{2} suivi d'un espace pour indiquer 2 chiffres de 0 à 9 puis un espace, etc.
Après test, si je fais une erreur dans le champ téléphone, il m'indique bien qu'il y a un problème de saisie donc cela fonctionne.
Si je respecte le format, le message d'erreur disparaît.

J'ai choisi de ne pas utiliser de plugin de remplacement pour éviter des extensions inutiles donc pas besoin de regular labs ou autres.
De plus, même avec la mise à jour de vm, la surcharge n'est pas écrasé donc la modification restera.
J'ai vérifié sur virtuemart sous Joomla 4 mais je suppose que c'est la même chose sous joomla 3.

Yann

[tuaneric]

Bonsoir Daneel

1. Dans mon template Hera qu'il n'a pas de ficher edit_address_userfields.php

Je suis votre tuto : template > détails & fichier > Créer des substitution -> Substitution créée dans /templates/hera_j3_vm3/html/com_virtuemart/user

Modifier le fichier '/html/com_virtuemart/user/edit_address_userfields.php' dans le template 'hera_j3_vm3'.

J'ai utilisé votre code, j'ai réussi avoir champ Téléphone. C'est possible d'ajouter le code PHP pour avoir champ Portable.

2 J'ai autre problème, j'ai utilisé plugin VP One Page Checkout, a mon avis qu'il faut ajouter aussi votre code PHP dans plugin VP One Page Checkout.

Je vous envois 2 photo.

Merci

[daneel]

Bonsoir,

1. oui on remplace le code précédent par

<td>
<?php
if (substr($field['name'], 0, 6) === 'phone_') { echo '<input type="text" id="'.$field['name'].'_field" name="'.$field['name'].'" placeholder="00 00 00 00 00" pattern="[0-9]{2} [0-9]{2} [0-9]{2} [0-9]{2} [0-9]{2}" size="30" value="" maxlength="32"><br><small>Format: 00 00 00 00 00</small>'; } else { echo $field['formcode']; }
?>
</td>

Le code ci-dessus utilise la fonction substr pour extraire les six premiers caractères de la chaîne de caractères contenue dans $field['name']. Si ces six caractères sont égaux à "phone_" (comme c'est le cas pour le téléphone et portable), alors on affiche le champ avec la pattern et l'indication du format en petits caractères...

2. Pour "VP One Page Checkout", il est préférable de contacter le support commercial de virtueplanet pour en savoir plus pour réaliser éventuellement une surcharge. C'est ma limite ! Autrement il reste la solution rechercher / remplacer avec des extensions comme ReReplacer. Sur ce fait, je ne peux pas t'aider plus loin car je n'utilise pas VP One page check out et encore moins rereplacer.

[tuaneric]

Bonsoir Daneel

J'ai demandé le support VP One Page Checkout, il m'a aidé

Vous n'avez pas besoin de modifier les codes pour cela.

Accédez aux paramètres du plug-in et activez l'option "Afficher l'espace réservé" sous l'onglet Avancé. Maintenant, le plugin affichera la description/l'astuce du champ comme espace réservé.

Ouvrez maintenant les paramètres du champ Phone shopper et ajoutez les textes souhaités dans sa description.

Merci votre aide