Edit History

To add the fancybox plugin to PS 8.2 I used this article: https://mypresta.eu/prestashop-17/cms-page-fancybox-gallery.html

Fancybox opens, but the buttons (controls left / right) are not displayed.

I then proceeded as follows and tried to extend the startup script, but nothing works correctly and the controls buttons are not displayed:

example#1:

jQuery(document).ready(function() {
   jQuery('a.fancybx').fancybox({
        openEffect      : 'elastic',
        closeEffect     : 'elastic',
        nextEffect      : 'easeOutBack',
        prevEffect      : 'easeInBack',
        overlayShow   :   'true',
        cyclic    :   'false',
        showNavArrows :   'true'
    })
});  

 

example#2:

$(document).ready(function() {
   $('a.fancybx').fancybox({
        openEffect      : 'elastic',
        closeEffect     : 'elastic',
        nextEffect      : 'easeOutBack',
        prevEffect      : 'easeInBack',
        overlayShow   :   'true',
        cyclic    :   'false',
        showNavArrows :   'true'
    })
});  

 

example#3:

document.addEventListener("DOMContentLoaded", function (event) {

 $("a.fancybox").fancybox();

});

 

example#4:

document.addEventListener("DOMContentLoaded", function (event) {

 $("a.fancybox").fancybox({
        openEffect      : 'elastic',
        closeEffect     : 'elastic',
        nextEffect      : 'easeOutBack',
        prevEffect      : 'easeInBack',
        overlayShow   :   'true',
        cyclic    :   'false',
        showNavArrows :   'true'
    });

});

 

All these scripts open fancybox, but the navigation arrows are missing and I always scroll to the top of the web page. I've already tried a lot of things, I also added the rel="" tag and I don't know if I should use any other tags, but I rather think that there is an error somewhere in the script.

 

Don't you know any practical tips?

Thank you very much and have a nice day.
Peter