Insérer pop-up dans une page CMS | Astuce Prestashop 1.6

Un client désirait insérer un système de pop-up dans la page cms de Prestashop

Je ne voulais pas installer un n-ième module pour faire simplement cela ni insérer un autre script/bibliothèque que ceux inclus dans Prestashop.

Cette astuce Prestashop est valable pour la version 1.6

Voilà l’astuce.

————

1) Ouvrir un ficher qui se nommera Validate.php, insérer le code suivant puis enregistrer le dans override/classes/Validate.php

————

2) Ouvrir un ficher qui se nommera FrontController.php, insérer le code suivant puis enregistrer le dans override/classes/controller/FrontController.php

————

3) Dans le dossier fichier footer.tpl situé dans montheme/footer.tpl rajouter avant la balise :

————

4) Dans le back-office / Préfence / cms :

A noter : ?content_only=1 permet de ne pas avoir le footer et le header dans la fenêtre popup.

I-frame prestashop

Articles similaires

Connaître les modules de la page d’accueil | Astuce Prestashop 1.6
views 17375
Vous avez installé votre boutique Prestashop 1.6 et désirez modifier votre page d'accueil ? Ce petit tuto va vous aider à le faire en indiquant le nom du module que vous devez utiliser pour modifier votre slider, votre menu.... Ils sont facilement accessibles depuis votre back-office PrestaShop en cliquant sur l’onglet « Modules et services ». Si vous désirez aussi modifier le fichier tpl ou cs...
Supprimez le champs « objet » du formulaire de contact | Prestashop 1.6
views 1944
Il est très important d'avoir un formulaire de contact simple, efficace et ergonomique. Pour un premier contact, le formulaire que propose Prestashop est très bien. Le seul champs que je supprimerais est  le champs "Objet". Il vous facilite peut-être la tâche mais il complique celle de votre client. Si le client oublie de faire sa sélection (par défaut Service client ou Webmaster), Prestasho...
Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6
views 4476
Ce tutoriel va vous permettre de greffer le module "menu haut horizontal" dans displayNav Cette astuce Prestashop est valable pour la version 1.6 -------------------------- On va dans un premier temps greffer le module au hook displayNav : 1) Modules > Position > Greffer un module (en haut à droite). Greffer le module "Menu Haut Horizontal sur displayNav. 2) Cliquez su...
Gérer les paniers abandonnés | Astuce Prestashop 1.6
views 5663
Qu'est ce qu'un panier abandonné ?  L’abandon de panier,  c’est lorsque l’un de vos internautes ne finalise pas le processus de commande, après avoir ajouté un ou plusieurs produits dans le panier et cliqué sur le bouton "commander". Un internaute peut décider d'arrêter sa commande à n'importe quelle étape du processus: création de compte, choix de livraison, paiement.... Où consulter la li...
La structure des fichiers du nouveau thème Classic | Prestashop 1.7
views 15439
La version stable de Prestashop 1.7 est sortie ce lundi et comme vous pourrez le constater, la structure des fichiers dans le dossier thème a totalement été remaniée. Maintenant, on retrouve un seul fichier CSS et JS pour tout le site. Les TPL sont classés dans différents dossiers: commandes, clients, catalogues.... Voici la nouvelle structure: A) assets | css ------> theme.css | img ...

10 réponses à “Insérer pop-up dans une page CMS | Astuce Prestashop 1.6”

  1. JF David dit :

    Bonjour,
    Merci pour cette astuce, fort utile.
    Pour mon site en version Prestashop 1.6.1.3, je rencontre toutefois un problème, par ex les CGV ne s’affichent pas dans un popup mais en pleine page. J’ai résolu cette difficulté en remplaçant :

    $(‘a.iframe’).fancybox();

    Par :

    $(document).ready(function() {
    $(‘a.iframe’).fancybox({
    ‘type’ : ‘iframe’,
    ‘width’:680,
    ‘height’:700
    });
    });

    Par ailleurs, j’aimerais savoir à quoi sert l’ajout dans l’override/classes de Validate.php
    Si je ne l’ajoute pas, tout semble fonctionner quand même.

    Cordialement
    JF David

  2. Sophie dit :

    bonjour,

    C’est exactement ce que je recherchais.
    Par contre j’ai également rajouter le code de JF David mais le fenêtre ne s’ouvre toujours pas en pop up.

    Merci

  3. Sophie dit :

    En fait il fallait tout simplement rajouter type= »text/javascript » pour que la balise soit prise en compte.

    $(document).ready(function() {
    $(‘a.iframe’).fancybox({
    ‘type’ : ‘iframe’,
    ‘width’:600,
    ‘height’:600
    });
    });

    Merci

  4. oreys dit :

    Bonjour,
    Je souhaite insérer un lien qui ouvrira une fenêtre popup sur ma page panier, donc un lien à insérer donc mon fichier shopping-cart.tpl, j’ai donc créé le fichier validate.php que j’ai enregistré, pour le deuxième fichier à créer « frontControler.php, de mon côté il existe déjà… Que dois je faire svp?
    Merci 🙂

  5. c_majory dit :

    Bonjour,

    il me faudrait le code de l’override du fichier frontControler.php

  6. AlainR dit :

    Dans ce cas, il ne faut ajouter que  »
    public function setMedia()
    {
    parent::setMedia();

    // Execute Hook FrontController SetMedia
    $this->addjqueryPlugin(‘fancybox’);
    $this->addCSS(_PS_CSS_DIR_.’jquery.fancybox.css’, ‘all’); // @TODO
    Hook::exec(‘actionFrontControllerSetMedia’, array());
    }
     » juste après « class FrontController extends FrontControllerCore
    { »

    Merci pour cette astuce!
    Comme JF David, je n’ai pas modifié Validate.php et ça fonctionne à merveille. À quoi sert ce code ?
    Merci encore!

  7. Romain dit :

    Ok cela fonctionner merci ! Juste un petit souci pour afficher un formulaire mail chimp 🙂

  8. julien dit :

    Bonjour à tous,
    J’ai pris en compte toutes vos remarques,
    ça s’ouvre toujours dans une nouvelle page et non onglet 🙁

    helppp 🙂
    bouton : plus de détails

  9. c_majory dit :

    Bonjour,

    Difficile de dire sans voir mais

    1) vous n’avez pas nettoyé le cache de Prestashop (supprimant le ficher class_index.php qui se situe dans le dossier cache)
    2) Votre thème ne permet pas de le faire
    3) Le code n’est pas bon

    Sinon vous avez ce module : http://www.store-opart.fr/p/4-opartajaxpopup.html

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *