Using own lightbox

Not really. Most lightboxes would have to adapt to Photonic’s markup, and while not difficult, it is not something that will work out of the box.

Which one are you looking to use?

It’s called ARI Fancy Lightbox; I doubt that it’s a commonly used lightbox option. Thank you for your time and response!

• This reply was modified 5 years, 11 months ago by Ped.

Umm… if it this plugin, it uses Fancybox3 behind the scenes, and Photonic offers that as one of the options.

I realize that, but I am unable to change the options on the one built into this plugin. And when I set the Photonic option to “None”, there is no lightbox.

I realize that, but I am unable to change the options on the one built into this plugin

Not following you. What are you unable to change?

And when I set the Photonic option to “None”, there is no lightbox

… As is to be expected! “None” literally would take out any lightbox from Photonic and would turn all photos into regular links. That has been by design since the very first release of Photonic.

ARI Fancy Lightbox has a multitude of options that I can change within WordPress, and the inclusion of Fancybox on this does not. It appears that when I select “Fancybox3” on this plugin, it overrides all lightbox settings I have for all my galleries.

It appears that when I select “Fancybox3” on this plugin, it overrides all lightbox settings I have for all my galleries.

Can you share a link? I am pretty sure that Photonic touches no galleries other than its own. If you are talking about Photonic’s settings being used for its own galleries, that is what it is meant for – Photonic’s galleries and lightbox are all self-contained. Just as I wouldn’t expect Photonic to interfere with another plugin, I would expect the same of the other plugin as well – it shouldn’t interfere with Photonic.

ARI Fancy Lightbox has a multitude of options that I can change within WordPress, and the inclusion of Fancybox on this does not

Can you let me know what options you are trying to change? Photonic covers the transition effects, thumbnails, full-screen, download etc. I am unaware of any big feature of Fancybox3 that Photonic does not handle currently.

You can try: Test Link

These are the following galleries:
1. “Folder Gallery” plugin
2. “Justified Image Grid” using “ARI Fancy Lightbox”
3. “Justified Image Grid” using “ARI Fancy Lightbox”
4. Basic WordPress Gallery
5. Photonic WordPress Gallery

Galleries 2 and 3 do NOT have weird buttons as displayed here when Photonic does not have “Fancybox3” selected, so Photonic is affecting them.

Galleries 2 and 3 do NOT have weird buttons as displayed here when Photonic does not have “Fancybox3” selected, so Photonic is affecting them

Sorry, I am probably not able to spot it, but which “weird buttons”? I am seeing a very basic justified grid gallery with no buttons whatsoever.

Also, it looks like you have modified the file, photonic-fancybox3.js (you are using version 2.12 of Photonic, which was released on 6th December, yet your file has a timestamp of 9th December). Can you install the latest version of Photonic, please?

You are also getting a JavaScript error from your “AnimOnScroll” plugin.

One more question – you do seem to have an assortment of multiple plugins (JetPack, ARI FB3, Justified Grid etc.) to help you achieve your desired layout, and Photonic covers all or at least most of their functionality with a single plugin. Are you considering using all of them together with Photonic?

That would be adding load and redundancy to your site – generally you shouldn’t be adding multiple plugins for the same purpose. E.g. you have Justified Image Grid (which is one of Photonic’s layouts), and you have a dedicated FB3 plugin (again, Photonic can be extended to cover native WP galleries and non-Photonic photos, but not NextGen if you are using it). You also seem to be fetching photos from Instagram (which Photonic can do for you). My suggestion would be to either keep all of those plugins and drop Photonic, or vice versa.

• This reply was modified 5 years, 11 months ago by Sayontan Sinha.

I have now updated to 2.13 on the plugin page. I have not modified the photonic-fancybox3.js directly.

https://www.pedrokaawaloa.com/files/ari-alone.png
https://www.pedrokaawaloa.com/files/ari-photonic.png

Here are two files that show what happens when I have ARI activated and choose Fancybox3 for Photonic. When I disable ARI, I do get the correct lightbox for Photonic as shown here:

https://www.pedrokaawaloa.com/files/photonic.png

I am aware that I am using multiple plugins. Unfortunately, the lightbox options available in Photonic are lacking compared to ARI Fancybox

Unfortunately, the lightbox options available in Photonic are lacking compared to ARI Fancybox

Specifically which one are you looking for, that you want to use and Photonic does not have?

There are large group of options available, especially as ARI Fancybox is focused strictly on manipulation and use of the lightbox alone. Thank you so much for your time and efforts in this regard, though.

When I disable ARI, I do get the correct lightbox for Photonic as shown here:

https://www.pedrokaawaloa.com/files/photonic.png

This screenshot doesn’t look right, too. If you observe, even for Photonic, the zoom icon doesn’t show up as a magnifying glass, and the arrows should be shaped like arrows – not triangular blocks (those are cases where Photonic’s definitions being overwritten by ARI). The issue here is not that Photonic is overriding ARI’s settings, but both have CSS definitions that are clashing.

I don’t think Photonic is interfering with ARI’s gallery settings (not CSS, but the gallery itself) in any way. If you observe, in your ARI galleries, even with Photonic active you have only the “Full screen” button in the top right. But for Photonic you have 3 buttons – “Zoom”, “Slideshow” and “Thumbs”. On the other hand, ARI is interfering with Photonic galleries: the “social sharing” icons that you see in Photonic on the left are coming from ARI – Photonic’s own icons are grey and turn into a different colour upon hover.

There is no way for you to get around that, except to use a different lightbox for Photonic, like LightGallery (which looks similar to FancyBox3, or rather, FancyBox3 looks like LightGallery – LightGallery is older).

Before we do that, do let me know, which specific feature are you looking for that is supported by ARI and not Photonic? Maybe we can go from there.