CG Popup

1 1 1 1 1
Vote 4.31 (39 Votes)

Compat icon 3 x longJoomla 5Ce module, très simple, permet l'affichage d'une popup à une position paramétrable de l'écran. L'affichage utilise la librairie Animate.css. Il respecte la "Content Security Policy".

 

Version 2.4.0 (Update : 05/11/2023)

  • # Javascript variables conflict with other CG Extensions
Version 2.3.3 (Update : 31/07/2023)
  • # Joomla 5.x compatibility
Version 2.3.2 (Update : 01/05/2023)
  • # PHP 8.2 compatibility
Version 2.3.1 (Update : 10/03/2023)
  • # Color selector partially hidden
  • # Color selector to rgb instead of rgba
  • ^ Move CSS amin to media folder
Version 2.3.0 (Update : 08/03/2023)
  • + Implement version parameter in xml
  • - Remove Conseilgouz Layout
  • ^ CG popup is not a package anymore
Version 2.2.10 (Update : 14/02/2023)
  • # Fix button's vertical position
...
Version 1.0.4 : version initialie (Août 2017)

  • Joomla! 4.x/5.x.
  • Joomla! 3.x
Téléchargement du package CG Popup Joomla 4/5

CG_DOWNLOAD_NOT_ALLOWED

(déjà téléchargé 765 fois)

Important : cette version n'est plus maintenue.

Téléchargement du package CG Popup

CG_DOWNLOAD_NOT_ALLOWED

(déjà téléchargé 2715 fois)

 

Ce module se positionne à une position fixe de l'écran: haut, centré, bas, droite, gauche. Il est conseillé de le mettre dans la position debug de votre template.

L'affichage CG Popup est soit direct, soit après une durée paramétrable (delai), soit gérée par le défilement de la page (scroll) ou, depuis la version 2.2.2, lorsque l'on sort de la page (on exit). Ces affichages sont visibles sur cette page, sauf l'option scroll qui est visible sur la page d'accueil  : pavé "avant de migrer..." qui disparaît quand vous "scrollez" la page.

Les effets d'apparition de la popup est gérée par la librairie Animate.css dont une quinzaine d'effet ont été repris.

Attention: lorsque vous sélectionnez la position du module, vérifiez que le module n'est pas caché par un module ayant un z-index supérieur. Dans mon cas, j'ai mis le module du haut en position Logo, celui en bas dans la position Debug.