Afficher une page cms dans un popup sur Prestashop

C’est une demande qui revient souvent sur le forum de Prestashop, j’ai donc décidé de créer un module pour gérer ça.

Ce plugin fait parti de mes différents modules Prestashop pour créer des popups.

En plus de vous permettre d’afficher le contenu d’une page CMS, ce module donne également la possibilité d’afficher à peu près tout ce que vous voudrez.

En effet, lorsque vous créez une nouvelle lightbox, trois éléments principaux vous seront demandés: la largeur, la hauteur et le code.
Le code c’est en réalité du code html que vous pourrez soit taper directement (si vous avez quelques connaissances dans ce langage) soit générer à l’aide de l’éditeur wysiwyg classique de Prestashop.
Vous avez ainsi une totale liberté quant au contenu que vous désirez faire apparaître dans votre popup.

Prenons un exemple, imaginons que vous vouliez utiliser le popup pour afficher une vidéo par dessus votre site, il vous suffira de créer une nouvelle lightbox, d’indiquer en largeur et hauteur les dimensions de votre vidéo puis de copier le code que vous trouverez sur youtube, Dailymotion ou n’importe quel autre site de partage de vidéos.

Une fois votre popup enregistrée, vous obtiendrez le code d’un lien que vous pourrez placer où bon vous semblera dans votre site (Directement dans les fichiers de votre thème par exemple ou dans la description d’un produit, etc).

Si vous désirez afficher le contenu d’une page CMS c’est encore plus simple. Vous n’aurez même pas besoin de créer une nouvelle lightbox, il suffit de créer un lien en indiquant l’id de la page CMS à afficher et de le placer sur votre site. Voici un exemple de lien de type CMS.

[html]

<a href= »# » onClick= »showOpartAjaxPopup(1,450,600,’cms’); return false; »>Votre texte</a>

[/html]

Quelques explications:

– La fonction showOpartAjaxPopup permet d’ouvrir la lightbox.
– Le chiffre 1 correspond à l’id de votre page CMS (vous pouvez retrouver les id des pages CMS dans le menu préférences/cms).
– le chiffre 450 correspond à la largeur de votre lightbox.
– le chiffre 600 correspond à la hauteur de votre lightbox.
– la mention ‘cms’ permet d’indiquer au script qu’il doit chercher une page cms.

Téléchargement

Module OpartAjaxPopup

Vous pouvez également découvrir le module planned popup qui permet lui aussi d’afficher des pages cms dans vos popup mais avec comme particularité de permettre l’affichage automatique du popup.

Subscribe
Recevoir un email pour
guest

0 Commentaires
Inline Feedbacks
View all comments