Comment afficher le formulaire d’inscription dans une popup

Nous allons voir comment activer un module de connexion via une fenêtre popup depuis un article.

Comment afficher le formulaire d’inscription dans une popup Nous allons voir comment activer un module de connexion via une fenêtre popup depuis un article. 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é.

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.

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.

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 :

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

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 :

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