This can be configured in the Page Properties->Miscellaneous.
Due to license restrictions it is not allowed to distribute FancyBox v5.
However, if you copy the files from
https://github.com/fancyapps/ui
to
Documents\WYSIWYG Web Builder\system\lightbox\fancybox
then the application will use these files instead of the included ones (FancyBox v1).
please note you cannot use the script (update) without having to purchase a license due to it is 'commercial' and cannot be used 'freely'. for that reason you should buy fancybox 5 if you use that on your projects. fancybox purchase website is https://www.fancyapps.com/pricing/
Note:
1. download last version of fancybox from https://github.com/fancyapps/ui

2. copy fancybox.css and fancybox.umd.js to \system\lightbox\fancybox folder.

3. rename that files to jquery.fancybox.min. you should see jquery.fancybox.min.js and jquery.fancybox.min.css in system folder.

4. create a new file with named lightbox.css. Copy this code in the file and save it to system folder:
Code: Select all
[attribute]
rel=$ID$
[copyrights]
company=Janis Skarnelis
url=http://fancybox.net/
[init]
script=$("a[rel^='$ID$']").fancybox({$SETTINGS$});

5. open jquery.fancybox.min.js with notepad. add this code:
Code: Select all
$(document).ready(function(){Fancybox.bind();});
