Créer des popups réactifs pour Joomla
EV Easy Modal est une extension Joomla qui permet la création facile et rapide de belles fenêtres contextuelles modales. Pas besoin d’apprendre les bibliothèques javascript et JQuery difficiles. Simple et efficace.
UPDATE - Plus de 40 Nouvelles transitions ajoutées (Pro)
Voir nouveau Joomla Popup Transitions
UPDATE - Nouvelles fonctionnalités ajoutées (Pro)
Exit Intent Popup
(Pas pour Mobile. Attendez 3 secondes, puis essayez de fermer l’onglet Demo)
Afficher le popup sur le défilement de la page
(Faites défiler jusqu’au bas de la page pour voir PopupDemo. N’importe quel coin/n’importe quel niveau de défilement possible.)
Show Module dans Popup
(Cliquez pour voir le module de connexion dans popup. Demo )
Nouveaux modèles intégrés
Device targeting.
Afficher sur les mobiles ou les ordinateurs ou afficher sur tous les appareils
Popup placements.
Centre, en haut à gauche, en haut à droite, en bas à gauche, en bas à droite
Avec ou sans superposition d’arrière-plan
Démo Link - Version gratuite - NON réactif
A simple popup sur le chargement de la page
Ceci est un exemple simple d’une fenêtre contextuelle. Vous pouvez entrer n’importe quel contenu HTML de votre choix et il sera affiché lors du chargement de la page. En version gratuite, vous ne pouvez créer que des popups non réactifs. Veuillez vérifier les démos de la version PRO pour les popups réactifs.
Des liens de demo - PROVersion - Responsive
ProExample One - Sur le chargement de la page
Avec la version Pro, vous obtenez 4 styles supplémentaires. Vous pouvez sélectionner l’un de vos choix. Dans les balises spéciales, vous pouvez également écrire css et javascript. Contrairement aux démos ci-dessous, cette fenêtre contextuelle est affichée sous la forme d’un div.
Exemple pro deux - Lors du chargement de la page
Vous avez plus de sources de données disponibles autres que HTML. Cette vidéo est diffusée à l’aide d’un IFRAME. Vous pouvez sélectionner une URL pour récupérer du contenu directement, sélectionner un article Joomla à afficher dans une fenêtre contextuelle ou utiliser un champ textarea pour contourner toutes les restrictions de l’éditeur WYSIWYG.
Exemple pro trois - Lors du chargement de la page
C’est un popup HTML personnalisé avec des styles personnalisés définis dans le html popup lui-même à l’aide de la balise html 'style'. C’est pourquoi cette fenêtre contextuelle montrant un style complètement différent de celui de notre modèle de site Web. Une autre chose. Cette fenêtre contextuelle ne peut être fermée qu’à l’aide du bouton à l’intérieur de la fenêtre contextuelle. Nous avons écrit
jQuery.colorbox.close();
inininclick attribut de ce bouton pour vous donner une idée. Vous n’êtes pas limité et pouvez utiliser vos connaissances avancées dans le html popup.
Ouvre une fenêtre contextuelle sur un clic d’un lien ou d’un élément de menu Exemple quatre
Au lieu d’afficher une fenêtre contextuelle lors du chargement de la page, cet exemple vous montre une page distincte avec un lien pour afficher la fenêtre contextuelle.
Pro Exemple Cinq Popup fixe - Lors du chargement de la page
Ce popup est similaire à l’exemple trois ci-dessus, mais a une position fixe.
Comment utiliser?
- Installer l’extension
- Créer un Popup. Il existe différentes options dans l’écran Détails de la fenêtre contextuelle. La version Pro a des options plus puissantes.
- Voir votre popup en frontend lors du chargement de la page.
Composants fonctionnalités
- Classement standard
- Prix: Création de popups faciles
- Easy Création de popup
- Automatic popup on page load
- Sumeau automatique lors du chargement de la page
- Pas besoin d’apprendre des bibliothèques Javascript et JQuery complexes
- Composement HTML intégral, y compris les scripts et les styles
- Hauteur et largeur personnalisables
- Pro Version
- GBP 29
- Pro Version
- Toutes les fonctionnalités de la version gratuite et suivantes
- Plus de popup Sources
- 5 styles intégrés
- Le champ Texte libre pour la coupe rapide Afficher le contenu contextuel de l’article URL
- Show Joomla dans popup
- Popup Affectation aux éléments de menu
- Contrôler au fil du temps pour afficher à nouveau la fenêtre contextuelle
- Affiler la fenêtre contextuelle en cliquant sur un lien ou un bouton
- Extra Colorbox options
- et bien d’autres...
Si vous avez besoin d’améliorations ou d’une nouvelle fonctionnalité, veuillez nous contacter. Nous serons heureux d’ajouter vos nouvelles fonctionnalités demandées.
Popup Sources
Il existe différentes façons de définir le contenu de votre prochaine fenêtre contextuelle modale. Vous pouvez simplement utiliser l’éditeur HTML. Ajoutez des styles et des balises de script à l’aide d’accolades doubles. Par exemple, utilisez {{script}} et {{/script}} au lieu des balises de début et de fin html 'script' normales. Faites de même avec style et d’autres balises html si nécessaire.
Dans la version Pro, il vous donne des sources supplémentaires comme TextArea, URL et champs d’articles Joomla pour faciliter votre travail.
Unlimited number of Popups
C’est une excellente fonctionnalité pour créer autant de popups que vous le souhaitez. Dans Pro Version, vous pouvez affecter chaque fenêtre contextuelle à un ou plusieurs éléments de menu. Par exemple, si vous avez un site Web de commerce électronique, vous pouvez afficher différentes offres de réduction pour la catégorie des appareils électroménagers et les catégories de téléphones mobiles. Il en va de même pour d’autres sites Web. Comme dans un site Web de blog, vous pouvez afficher différentes fenêtres contextuelles pour la section politique et la section technologie.
Popups périodiques
Avec l’extension EV Easy Modal, vous pouvez afficher une fenêtre contextuelle une fois par jour, hebdomadaire, bihebdomadaire, mensuelle, etc.
Screenshots
Les mises à jour les plus
Sélectionnez un modèle et modifiez simplement le texte. Super facile.
Tériels propriétés de votre boîte de dialogue contextuelle.
Options d’activation.
Popup Creation
Affecter une fenêtre contextuelle à des éléments de menu
Plus d’aide
Sous-vous avez un lien comme celui-ci:
<a id="demo-popup-4" href="#">here</a>
#demo-popup-4
dans le champ "Afficher sur le clic de l’ID d’élément » de l’onglet "Activation » dans les détails de la fenêtre contextuelle dans le back-end Joomla.
Un exemple de travail est donné ici:
https://www.everlive.net/click-to-see-popup.html