Issue when no lightbox plugin selected

Question: any reason why you are not using Photonic’s option, Photonic → Settings → Generic Options → Generic Settings → Photonic Lightbox for non-Photonic Images? That way you would only require one plugin, not two.

Also, is your Magnific plugin trying to open this URL in a lightbox? If the other plugin is trying to open this in a lightbox then there is no way you can make this work, even if I give you code to take out the URL – basically when you click on an album thumbnail using Photonic, Photonic automatically pulls all the photos in the album and displays them. If the other plugin cannot do this, you will not be able to see your photos.

To summarize, there are two types of JS actions in Photonic:

1. The first is to show a lightbox on images on pages …
2. … But the second filters out specific types of elements (like album thumbnails) and does additional processing for them

If the other plugin is adding a lightbox link to an album thumbnail, you will never be able to do point #2 above. So that would be an issue with the other plugin, not Photonic. Can you filter out specific CSS classes with the other plugin (so that they don’t get the Magnific popup)? If yes, then you can add the filter for the class on the album thumbnail (all albums get a CSS class photonic-level-2-thumb), and those will not be associated with the Magnific plugin and you don’t need to do anything for Photonic either.

1) I’m not using any lightbox from option, because I have already optimized solution for the whole site. No need to rely on inclusion from plugin.
2) No there are no other plugin interfering.
3) I did’t get into the code, but it was obvious that when “none” option is selected it generates wrong code for gallery, a hrefs are wrong. When switched to “Magnific”, it worked. So obviously none option is with problem

4) There is no problem with js, only html code that is outputted is wrong. The value of a href is wrong, img is alright. I turned off js execution, and html output is still wrong.

I hope you see what I mean.

3) I did’t get into the code, but it was obvious that when “none” option is selected it generates wrong code for gallery, a hrefs are wrong. When switched to “Magnific”, it worked. So obviously none option is with problem

The only difference between “none” and a lightbox is that Photonic adds some additional CSS classes for a lightbox. There is no difference in the rest of the markup. The href is the same in both cases.

If you are seeing a different href in each case, can you provide me with the a tag data in both the cases, one with “none” and one with “Magnific”? Please provide the whole structure of one a tag, including the nested img tag.

It would also help if you can provide me with a URL. As far as I can see in the code there is no difference in the href attributes in both cases, but I may be wrong.

My previous response was typed from my phone, so I couldn’t give you some more information.

If you still feel that different markup is being generated in the none vs. magnific cases (or that the markup for none is incorrect), you can try changing one particular line of code:

• Go to wp-content/plugins/photonic/extensions/Photonic_Google_Photos_Processor.php, line 541. You should see this:
  $object['main_page'] = $album->productUrl;
• Change it to:
  $object['main_page'] = '#';
• Save the file

If my understanding is correct, this is not going to help you in any way with your current setup. True, you are not going to go to an invalid URL … but you are also not going to see any photos in the album if you do this. See the demo page for the default behaviour by clicking on one of the album thumbnails. The photos in the album either open up in a lightbox directly, or an overlaid popup shows up with the photos, which you can click to open the lightbox (see the last example on the demo page). Hence my comment about your other plugin interfering with this behaviour.

If, however, with this clicking on an album thumbnail shows you all the photos within an album, can you share the link of your page with me? I would like to investigate what is happening.

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

Hi – following up here. Did you need more inputs for this? Did changing the URL help?

Hi, sorry for late answer.

Change to ‘#’ didn’t make any change.

To compare:
markup (first picture, not full markup) for none:

<div class="photonic-google-image photonic-google-photo photonic-pad-photos photonic-level-1 photonic-thumb photonic-thumb-random">
			<a  href="https://photos.google.com/lr/album/ALs5n1ljmdcD5D8D0KIhN3nLYQ79Px8eZZNffezwCwBqV6jFHRBcFzcD8SyKNPbWPr3HCWIflTF1/photo/ALs5n1n7SHVuFpXMhBcHZ5h-zfSrW6NVn4gOeDnGi0rZNT1mPkKswrzIny8Mey0E-SpNO-aXSKx3kuBJpeOHL0GFccc-DDz1wg" title="" data-title=""   data-photonic-deep="gallery[photonic-google-album-1]/ALs5n1n7SHVuFpXMhBcHZ5h-zfSrW6NVn4gOeDnGi0rZNT1mPkKswrzIny8Mey0E-SpNO-aXSKx3kuBJpeOHL0GFccc-DDz1wg/" >
				<img alt="" src="https://lh3.googleusercontent.com/lr/AGWb-e5AsPfpAungtOvwITu8AdMk1RL9cLRnB86SvR6fwLty-6uJOSA5fPLpdA0Kykn9pOPAhSCgBeDhJYV75u8ALLfGZoSHtOLF6lgMrVvgPniFQkEjgpKVZ9Ez2GJZI0TqoWKZ4dGnKvrLmFLjC5gDYWClPitoX-2eYB4jlX-uQM3IlTicO_kbmJ9UUz9xdp8kSb-xet7X6fMAL35lQTYRDbKDmaG4Hli-xp3zbwcx5xzUtbxhDlhuN6xAVhtfzgZvhh_gadEwphHhCs8py6aen_Jqfnuzp5sfqiE4D2czAX52r3Ed_pggZTjpNLaDS_1tkXdwls-sDp8JIG438iKoGIy7zGTGAPkghYShq-9LFh-1NacFtLtUZErYyT-pJwKHTc7rtjgrVrhg1d0qxRZijvx2nDxhzuyEMfEnzGi2u8FgyympHFwJrGWA9Ce2mJPx0u4SiTwjsFLvOOggGzljV739EFn9m9OIR8w2SF7FOyzIxQuGoNOLxAr0GKlcf2F-AtD0VNSYerLOvL84wN8_buiPabVvICSAVuwZpXuh-KsYUIiQG2wuNlOWYKpN7PGBlO0JE0sr0_-qxHmjg1Np1c6QdQa9ROw4F0h8GfPseM2LsyKWI_zD27Rdt71mNMqVA5NY_j3wlzS2lrrTvuk_vwRbXM0sTrHZ_tiAoWaF6oCRTCpI1m6BzjEmcUdRZ_5dEnoI9nML7ebhJfq3LxfPECdNw4L5Q6rW2i-xzZ92jJ14ktg83oEh9C0dZiXORBlHhQoFdgjA4V70Ggybp3ELrqIzDKML4HAKgHHBStd5bzmQrPAwcQYe4zuQfPnqGdJ9pqw_0e0hHLucOe5bqp4Miwx6d1pN3LgbX_TR0xDQMR2Y68clQ1PLMXtKfk922yMOoRJlzeDTMQ=w1600-h1600"  class='random' />
</a>
</div>

…

2) markup for magnific

<div class='photonic-google-stream photonic-stream' id='photonic-google-stream-1'>
	<div id='photonic-google-stream-1-container' class='title-display-regular photonic-level-1-container photonic-random-layout photonic-thumbnail-effect-none'  data-photonic-stream-query="columns=auto&layout=random&more=&display=in-page&panel=&filter=&filter_type=include&fx=slide&timeout=4000&speed=1000&pause=1&strip-style=thumbs&controls=show&popup=hide&caption=title&thumb_size=150&main_size=1600&tile_size=1600&crop_thumb=crop&count=100&media=photos&video_size=m37&date_filters=&content_filters=&access=all&type=google&style=default&id=13277&view=photos&album_id=ALs5n1ljmdcD5D8D0KIhN3nLYQ79Px8eZZNffezwCwBqV6jFHRBcFzcD8SyKNPbWPr3HCWIflTF1&overlay_size=150&overlay_crop=crop"  data-photonic-gallery-columns="auto">
		<div class="photonic-google-image photonic-google-photo photonic-pad-photos photonic-level-1 photonic-thumb photonic-thumb-random">
			<a  class='photonic-launch-gallery launch-gallery-magnific magnific mfp-image'  rel='lightbox-photonic-google-stream-1'  href="https://lh3.googleusercontent.com/lr/AGWb-e76yjm-mK_m-fEEveZwqWuroEOtYuC-tdhzB29kFGGRHY7YNtXHWbPm2RBY5MFJhqmx8fxWN5zyYAhCzXBUYE8KY0Uc8j9BCYWTrnKL9M-6za-QmT2AuvVC9cCpDDO1mUNFUShz0Kyo-hxFwbYKHyRQN4C6G8HxWM3mnEZuCRoNT50w9sDexbU4VQby7gvfQrHTFwtjqCLucGsInzlbwENo0Q2zEblOMFbkCWFqBNTJhl6a3__bFBETXUOffXUDOBYuipkHgQqp3zQdYQssieKAgG2NBcClR2_bC79HqcU1FzwSOoncxhOP3uiBg5UlSsY2Dc0PmrCIXyTd_eCbx-62YUTLiebFsGjQrbJoVL18z4WZ_zWmqcGt6xwCqX9HwkO76JPVWCHgUX5kMOrXo0ZNam3Z-nNKmCUaZMP7HIQUaNM6ap9iRscqFcbMcC0fwmaBTH7I5ixGkV-JDqNfTbRUiNRpFzjbo33dYnw9KLiPyApjVjR7j0M4nl4KDF47l2YvbHavDgdQxT8bFkn3vt6bj1tNOIljS2fUut0pI6dunOSQErvYdMdhrtJaPWJUnMvOTQGNimBAe-a0e0FekCogD2SGmxaoqttYmY4UWlfN2PvbxQd8DhSz-GjWNk3NkuFfus9B-xcvh5vCCQUjm-3s1bQo4rLkjRSSjcEWlCYbD_3zpWKslDTrAO_QIK3KgH6JmxlvS2qz8DrWLuCPtLKHfXTMTCuoHZ9rrQYmNF8W4yFksvYgRLxDe0bvGs86WHFqAzryFWjTXSpknW49Tu_QNtaZVG2Tl07nqn_IWUjC5PV_o8eHGcbqEET2GXPRdABqoEpD9uzY3SG_Jjs4UYNs36Ch2CkMDaBkw-elIaPgiLwzSBtBmtgDDVPK3ldk2HLC0DWN4A=w1600-h1600" title="" data-title=""   data-photonic-deep="gallery[photonic-google-album-1]/ALs5n1n7SHVuFpXMhBcHZ5h-zfSrW6NVn4gOeDnGi0rZNT1mPkKswrzIny8Mey0E-SpNO-aXSKx3kuBJpeOHL0GFccc-DDz1wg/" >
				<img alt="" src="https://lh3.googleusercontent.com/lr/AGWb-e76yjm-mK_m-fEEveZwqWuroEOtYuC-tdhzB29kFGGRHY7YNtXHWbPm2RBY5MFJhqmx8fxWN5zyYAhCzXBUYE8KY0Uc8j9BCYWTrnKL9M-6za-QmT2AuvVC9cCpDDO1mUNFUShz0Kyo-hxFwbYKHyRQN4C6G8HxWM3mnEZuCRoNT50w9sDexbU4VQby7gvfQrHTFwtjqCLucGsInzlbwENo0Q2zEblOMFbkCWFqBNTJhl6a3__bFBETXUOffXUDOBYuipkHgQqp3zQdYQssieKAgG2NBcClR2_bC79HqcU1FzwSOoncxhOP3uiBg5UlSsY2Dc0PmrCIXyTd_eCbx-62YUTLiebFsGjQrbJoVL18z4WZ_zWmqcGt6xwCqX9HwkO76JPVWCHgUX5kMOrXo0ZNam3Z-nNKmCUaZMP7HIQUaNM6ap9iRscqFcbMcC0fwmaBTH7I5ixGkV-JDqNfTbRUiNRpFzjbo33dYnw9KLiPyApjVjR7j0M4nl4KDF47l2YvbHavDgdQxT8bFkn3vt6bj1tNOIljS2fUut0pI6dunOSQErvYdMdhrtJaPWJUnMvOTQGNimBAe-a0e0FekCogD2SGmxaoqttYmY4UWlfN2PvbxQd8DhSz-GjWNk3NkuFfus9B-xcvh5vCCQUjm-3s1bQo4rLkjRSSjcEWlCYbD_3zpWKslDTrAO_QIK3KgH6JmxlvS2qz8DrWLuCPtLKHfXTMTCuoHZ9rrQYmNF8W4yFksvYgRLxDe0bvGs86WHFqAzryFWjTXSpknW49Tu_QNtaZVG2Tl07nqn_IWUjC5PV_o8eHGcbqEET2GXPRdABqoEpD9uzY3SG_Jjs4UYNs36Ch2CkMDaBkw-elIaPgiLwzSBtBmtgDDVPK3ldk2HLC0DWN4A=w1600-h1600"  class='random' />
</a>
</div>

…

The only difference is changed option in settings.

• This reply was modified 5 years, 9 months ago by jurij_c. Reason: markup

Sorry, I didn’t get a notification that you had responded, and I am just now seeing this.

As you can see from the code you pasted, what I had told you earlier is correct: there is no difference in the URLs when you select none or something else.

This is a problem with the the way you are using the other script to capture “onclick” behavior – it is interfering with Photonic code. If you don’t want to use the lightbox bundled with photonic, you have to specifically exclude the album thumbnails from your own lightbox code.

This is really a problem with your other plugin, but I can help you with that. You will have to tell me what code is being used to trigger the lightbox with your other plugin and I can tell you how to modify it.

Hello, the markup is different.
<a href="https://photos.google.com/lr/album/ALs5n1ljmdcD5D8D0KIhN3nLYQ79Px8eZZNffezwCwBqV6jFHRBcFzcD8SyKNPbWPr3HCWIflTF1/photo/ALs5n1n7SHVuFpXMhBcHZ5h-zfSrW6NVn4gOeDnGi0rZNT1mPkKswrzIny8Mey0E-SpNO-aXSKx3kuBJpeOHL0GFccc-DDz1wg" title="" data-title="" data-photonic-deep="gallery[photonic-google-album-1]/ALs5n1n7SHVuFpXMhBcHZ5h-zfSrW6NVn4gOeDnGi0rZNT1mPkKswrzIny8Mey0E-SpNO-aXSKx3kuBJpeOHL0GFccc-DDz1wg/" >

<a class='photonic-launch-gallery launch-gallery-magnific magnific mfp-image' rel='lightbox-photonic-google-stream-1' href="https://lh3.googleusercontent.com/lr/AGWb-e76yjm-mK_m-fEEveZwqWuroEOtYuC-tdhzB29kFGGRHY7YNtXHWbPm2RBY5MFJhqmx8fxWN5zyYAhCzXBUYE8KY0Uc8j9BCYWTrnKL9M-6za-QmT2AuvVC9cCpDDO1mUNFUShz0Kyo-hxFwbYKHyRQN4C6G8HxWM3mnEZuCRoNT50w9sDexbU4VQby7gvfQrHTFwtjqCLucGsInzlbwENo0Q2zEblOMFbkCWFqBNTJhl6a3__bFBETXUOffXUDOBYuipkHgQqp3zQdYQssieKAgG2NBcClR2_bC79HqcU1FzwSOoncxhOP3uiBg5UlSsY2Dc0PmrCIXyTd_eCbx-62YUTLiebFsGjQrbJoVL18z4WZ_zWmqcGt6xwCqX9HwkO76JPVWCHgUX5kMOrXo0ZNam3Z-nNKmCUaZMP7HIQUaNM6ap9iRscqFcbMcC0fwmaBTH7I5ixGkV-JDqNfTbRUiNRpFzjbo33dYnw9KLiPyApjVjR7j0M4nl4KDF47l2YvbHavDgdQxT8bFkn3vt6bj1tNOIljS2fUut0pI6dunOSQErvYdMdhrtJaPWJUnMvOTQGNimBAe-a0e0FekCogD2SGmxaoqttYmY4UWlfN2PvbxQd8DhSz-GjWNk3NkuFfus9B-xcvh5vCCQUjm-3s1bQo4rLkjRSSjcEWlCYbD_3zpWKslDTrAO_QIK3KgH6JmxlvS2qz8DrWLuCPtLKHfXTMTCuoHZ9rrQYmNF8W4yFksvYgRLxDe0bvGs86WHFqAzryFWjTXSpknW49Tu_QNtaZVG2Tl07nqn_IWUjC5PV_o8eHGcbqEET2GXPRdABqoEpD9uzY3SG_Jjs4UYNs36Ch2CkMDaBkw-elIaPgiLwzSBtBmtgDDVPK3ldk2HLC0DWN4A=w1600-h1600" title="" data-title="" data-photonic-deep="gallery[photonic-google-album-1]/ALs5n1n7SHVuFpXMhBcHZ5h-zfSrW6NVn4gOeDnGi0rZNT1mPkKswrzIny8Mey0E-SpNO-aXSKx3kuBJpeOHL0GFccc-DDz1wg/" >

Please provide me with a URL so that I may investigate. When I put in Magnific as my lightbox on my test environment I get identical URLs, i.e. the album URL shows up in both cases. There HAS to be something unique with your website.

Unfortunately as last time I was testing it on localhost. And didn’t investigated more after, so I would leave it as is. Greetings

P.S. The issue was not with Magnific. But with “None” selected!

• This reply was modified 5 years, 9 months ago by jurij_c.