Comment afficher le formulaire d'inscription dans une popup

On peut se poser la question de savoir si, possédant un module de connexion, il pouvait être intéressant d'activer ce même module via une fenêtre popup depuis un article (ou tout autre élément de texte). L'ouverture de la fenêtre sera activé par un lien standard. Certains templates offrent la possibilité de fermer une partie du "content" (BEEZ par exemple), cette solution apparaît alors plus convaincante, un lien dans le texte d'un article pour pouvoir s'enregistrer.

Pré-Requis :

Joomla 3.1 (savoir créer :  un menu et des liens de menu - un article associé à une catégorie)

Community Builder 1.9 (optionnel car on peut utiliser le module de connexion par défaut de joomla)

Le plugin captcha (ou Recaptacha) de Community Buiulder (ou celui de joomla suivant ce que l'on veut utiliser)

Le plugin JCE (dernière version de préférence) avec JCE comme éditeur de texte

 

L'article

Créer un article basique avec un texte dans lequel on va sélectionner un mot (ou une phrase) qui servira de lien pour afficher le formulaire. L'affecter à une catégorie pour

rester dans les standards.

Le menu

Créer un menu simple (qui ne doit pas apparaître sur le front-end) mais qui doit être actif. On peut utiliser par exemple un menu que l'on appellera menu caché.

b2ap3_thumbnail_Menu-Cach.jpg

Pour le rendre invisible, il suffit de ne pas lui affecter de module :

Dans ce menu, on crée un lien de menu (par exemple : Enregistrement) auquel on spécifie en "Type de lien de menu" ==> Comprofiler et Registration Page comme affiché dans la screenshoot ainsi que les autres paramètres.

b2ap3_thumbnail_Lien-de-menu-du-menu-cach.jpg


Fermer et enregistrer l'ensemble du menu.

Maintenant nous ouvrons l'article créé auparavant et on sélectionne le mot (ou la phrase) qui doit servir de lien

(Exemple) : Pour vous enregistrer, cliquez ici

Une fois que le texte est sélectionné, un clic droit sur insérer / modifier un lien ou à défaut, sélectionner l'icône dans votre éditeur habituel.

b2ap3_thumbnail_Crer-le-lien.jpg

La fenetre s'ouvre et on distingue trois onglets. Celui qui nous interesse est le troisième Popups. On le sélectionne et on choisit dans la liste déroulante

le menu Popups JCE Mediabox. On obtient l'image suivante :

b2ap3_thumbnail_popup.jpg

Les paramètres importants sont :

Dimension : Précisez la largeur (width) et la hauteur (Height) et cochez la case Proportionnel. Pour affiner l'affichage la fenêtre, vous serez amené à tester les

dimensions jusqu'à ce que l'ensemble vous convienne.

Popup automatique : Sélectionner la valeur "une fois".

Masquer le lien : Valeur à NON

Type de contenu : Sélectionner la valeur Lien interne (suivant les upgrades, il peut-êre ajouté le terme Ajax au lien interne. Cela ne porte pas à conséquence).

Pour cet onglet, les valeurs qui viennent d'ête précisées suffisent.

Il faut maintenant revenir sur le premier onglet pour définir le lien vers l'élément qui nous interesse : Le formulaire

Sélectionner l'onglet Liens

b2ap3_thumbnail_Lien.jpg

Dans la partie "Rechercher un lien" sélectionner le menu et descendre l'arborescence pour afficher le menu caché et sélectionnez le lien de menu "Enregistrement".

Le champ URL de l'onglet Liens se remplira tout seul, vous pouvez ajouter un texte particulier pour afficher dans le formulaire et préciser dans la partie basse

de l'onglet l'élément Attributs :

Cible : Choisissez Afficher dans une nouvelle fenêtre.

Le reste des paramètres ne sont que des informations d'affichage que vous pourrez compléter si vous le voulez.

Il ne vous reste plus qu'à cliquer sur INSÉRER, le lien est effectif.

Vous sauvegardez et fermez l'article et vous vous rendez sur le front-end, sélectionnez votre article et cliquez sur le lien, vous devriez obtenir ceci :

b2ap3_thumbnail_formulaire-inscription.jpg

Les champs ne ressemblent pas forcément à cette vue étant donné que le formulaire a été travaillé et adapté au besoin.

Néanmoins, la plupart des champs y figurant doivent normalement être visibles sur votre formulaire.

Enjoy

La boutique

Trucs @ Astuces Joomla! 3Le livre 100 Trucs & Astuces pour Joomla! 3
vous permet de faire les bons choix parmi ceux qui s'offrent à vous lors de la création de votre site web ou lors de l'ajout de fonctionnalités ou d'extension grâce à de simple conseils, de vous simplifier la tâche grâce à des astuces et des mini-tutoriels pour gagner du temps dans la gestion de votre site Joomla!, ainsi que dans l'organisation de sa sécurité, son référencement, ses performances, et bien plus encore.

Notez cet article:
1
Comment tester un site E-commerce avec Paypal Sand...
Comment rapporter un bug Joomla! sur Joomlacode.or...

Articles en relation

Commentaires

 
Pas encore de commentaire
Déjà inscrit ? Connectez-vous ici
Guest
samedi 25 mai 2019
Si vous souhaitez vous inscrire, veuillez saisir un nom d'utilisateur, mot de passe et nom.

Image Captcha

Sur ce site, nous utilisons des cookies.