Super-tiny lightbox

Hello,

Could you provide a link to a page where the problem occurs? If it is private, you can send it by email ([email protected]).

BTW, the plugin doesn’t detect size of loaded content (for iframe content including PDF files). By default it uses the following width and height values which are defined in a CSS file:

width: 80%;
height: 80%;

These values can be overridden if add data-options attribute to “A” element:

<a href='https://www.ari-soft.com' class='ari-fancybox-iframe' data-options='{"iframe":{"css":{"width":"20%","height":"150px"}}}'>Open lightbox</a>

Hi,

Thanks for the quick reply.

The link is test.apologia.se, if you scoll down to the section “Om” and down to Vision there is a read me button which now goes to a external link.

It seems to be the fancybox-outer elements overflow-y: auto; that causes the issue. When I remove it things look good IMO =)

Any suggestions as the where it’s suitable to change that CSS value?

The problem occurs because old version of Fancybox library (2.1.4) is loaded by your theme. We are investigating further how to resolve this problem and report about results soon.

The conflict can be resolved if remove wp-content/themes/thegem/js/fancyBox/jquery.fancybox.pack.js file. Try to activate “Remove 3rd party plugins” parameter which is located on “Advanced” tab on “ARI Fancy Lightbox -> Settings” page. If it doesn’t help, then a custom PHP code should be placed in child theme functions.php to remove the script. It will look like:

wp_deregister_script( 'jquery_fancybox' );

Just specify correct script name.

Wow! I’m really impressed by your support =D Just clicking “Remove 3rd party plugins” worked great!

A thousand thanks =)

You are welcome ??

After making some progress with the PDF-link I noticed another issue occured which I’m not sure how to fix.

My plan in to make the pages which is in my search results display in a lightbox. I’ve tried manually adding target=”_blank” and the class=”ari-fancybox ari-fancybox-iframe” but notice that:

– When I have “Remove 3rd party plugins” checked the links does not open in a lightbox but rather takes me to a new page (in a new tab).

– When “Remove 3rd party plugins” is not checked (and functions.php is not modified and …pack.js is not removed) and I manually add target and class attribute the link does in a lightbox but in a very narrow one =(.

Do you have any ideas on how to resolve this is other thoughts I’d be very happy =)

If search results are loaded via AJAX then it requires to init new elements (anchors in search results) each time when search is completed. Is custom DOM event raised when search is completed?

Not yet, but I’ll write that code in a while. What I’m curious about is if I need something more than ari-fancybox and ari-fancybox-iframe classes and target _blank in order for it to work? It seems so given that I don’t get any light when i manually add thoose values in inspector

If you use PRO version then the following javascript code can be called to attach the lightbox to elements which are added dynamically:

ARI_FANCYBOX_INSTANCE.convertElements()

or use the following code for free version:

jQuery('.ari-fancybox-iframe').fancybox(jQuery.extend(true, {}, ARI_FANCYBOX_HELPER.defaults.lightbox, ARI_FANCYBOX && ARI_FANCYBOX.lightbox ? ARI_FANCYBOX.lightbox : {}, {type: 'iframe', iframe: {scrolling: 'auto'}}))

I bought Ari Fancy Lightbox Pro in order to get that functionality.

For pro or commercial product support please contact the author directly on their site.

https://www.ari-soft.com/

As the author is aware, commercial products are not supported in these forums. As you are their customer I am sure they will have no problem supporting you there.