Comments on: Quick Tip: Triggering custom Popups in Prestashop

By: NemoPS

NemoPS — Fri, 29 Jun 2018 00:55:00 +0000

Hmmm that’s strange, are you passing the link to the image as argument? the .fancybox() should be attached to a link, not to the img tag

By: J. Donovan

J. Donovan — Thu, 28 Jun 2018 13:54:00 +0000

Hi Nemo,

I am working on a custom module, and I am adding fancybox to my images.

The thing is, I only want the triggered pop up to show the clicked image in full size and at the moment the result I am getting is the equivalent of what I would get if I pushed my image into a text editor.

Why can’t “myfancybox” show a jpg and do you have a fix to this ?

Thanks for your work.

By: NemoPS

NemoPS — Mon, 05 Feb 2018 04:49:00 +0000

themesclassicassetsjscustom.js should be the file you are looking for

By: Stephen Schmidt

Stephen Schmidt — Sat, 03 Feb 2018 13:30:00 +0000

IN my child theme, i edited custom.js adding the lines

$(document).ready(function(){
$(‘.myfancybox’).fancybox({type:’ajax’});
});

The link created does not go to a fancybox, but loads a screen. Do I need to insert line:

$this->context->controller->addjQueryPlugin( ‘fancybox’ );

Where or what file would i create to insert this code that would make it available from all pages.

I am running Prestashop 1.7.2.4

By: Stephen Schmidt

Stephen Schmidt — Sat, 03 Feb 2018 11:16:00 +0000

In prestashop 1.7 Where do I add the Js lines that you previously added to global.js?

By: NemoPS

NemoPS — Tue, 28 Jun 2016 09:08:00 +0000

You must include it with a module that hooks to the header then, to have it on all pages

$this->context->controller->addjQueryPlugin( ‘fancybox’ );

By: michael

michael — Fri, 24 Jun 2016 09:41:00 +0000

Hi,

Thank you for your response, i did as you asked and found that the fancybox function was uncaught, which led me to find that the fancybox code was not loaded on the homepage of my website, but it is loaded on the product page.

Should i put the code $(‘.myfancybox’).fancybox({type:’ajax’}); in my product.js in this case?

Or should fancybox be loaded on every page of my website and for some reason it is not?

Thanks again!

Michael

By: NemoPS

NemoPS — Thu, 23 Jun 2016 19:42:00 +0000

I’d see if anything in the code you write is broken (using the js console)
It’s more than likely some kind of typo

By: michael

michael — Wed, 22 Jun 2016 15:54:00 +0000

Hi Nemo,

I have used many of your tutorials, they are very very helpful, thank you for this.

In this tutorial i have followed the video and managed to implement a custom popup as required.

One problem i have found, as soon as i add the script in the global.js, javascript becomes broken in general across my website. for example home featured products no longer show on the home page, mouse hover elements no longer work.

Any thoughts on this would be hugely appreciated.

I am running the latest version of prestashop 1.6.1.4

By: JD Dishan

JD Dishan — Fri, 28 Aug 2015 16:38:00 +0000

this is scr