Change Image Tile

You might want to try the “Masonry” layout instead of the “Mosaic” layout.

Also note that in your example images are cropped. E.g. the first picture in the gallery shows only a part of the person’s hands, but when you open the picture in a lightbox, the full hands show up.

Basically, layouts can be of 3 types without cropping (not just in Photonic, but anywhere):

• Perfect rectangle with images of same height within rows – this is the justified grid layout (also called the random layout in Photonic)
• Layout with images showing up in fixed width columns with vertical stacking – this is the masonry layout. In the masonry layout the columns will be of different heights. If you want to avoid differing heights you will either require image cropping (like the link you provided), or different widths for each column (I haven’t seen this implementation anywhere).
• Perfect rectangle with multiple grids of the same height within rows. Each grid can have a further breakdown into rows / columns. This is the mosaic layout in Photonic (and as far as I am aware, Photonic is the only free plugin with this).

Thank you for response !
I had try masorny layout too, both of them looks good in the boxed layout page, but has huge sizes with the fullwidth page. So sorry, that it`s impossible to such types in Fullwidth.

thank you

• This reply was modified 6 years, 5 months ago by denye.
• This reply was modified 6 years, 5 months ago by denye.
• This reply was modified 6 years, 5 months ago by denye.

Not following you – what is the issue with a full-width page?

Yes, with fullwidth page only .
Mosaic gallery looks like : https://clip2net.com/s/3WVwzh6
Masorny looks like this : https://clip2net.com/s/3WVyEeH ( live url : https://goo.gl/AJ6yHf )

I want to try set up Justify gallery, but small issue with this type :
– when I put shortcode – gallery looks not justify : https://clip2net.com/s/3WVtLMY
– If I change viewport – https://clip2net.com/s/3WVtOUG
gallery view changes to justify and looks perfect : https://clip2net.com/s/3WVuuMA

live Justify gallery URL : https://goo.gl/esy8mL

please , help me to sort it out

Thank you , Sayontan!

Masonry is not an effective layout when you only have 4 images. With more images you can combine the Masonry layout with the setting Photonic → Settings → Generic Options → Layouts → Masonry Layout – Minimum Column Width to get a more effective display (see the documentation on this feature).

For the justified grid, Photonic has a call to force a resize at the end of a page load. But it looks like some other plugin at your end is blocking it. I unfortunately cannot help you here, as it looks like a conflict with something else (maybe even your theme). In more than 99% of the cases the resize works automatically, but in case of conflicts such as this, you have to either disable the conflicting plugin, or add an explicit call to resize via the footer.php file of your child theme.

Tank you! I see!

If WPBackery plugin ( Visual Composer to turn off ) – the Gallery will be justified !
(https://c2n.me/3WVPBez)
So may be this is conflict with the Visual Composer ?

• This reply was modified 6 years, 5 months ago by denye.

Can’t say. That is not a free plugin, so I cannot really test it out.

As I said, in such cases if you have a child theme it is possible to put a few lines of code in the child theme’s footer.php to ensure that the resizing happens.

Hello, sorry for one more question,
could you, please, tell me a few words which code I have to put into a child theme ?
I`ve remove all scripts exclude photonic from header, still no resizing to fullwidth page.

I give up ?? I thinks non-fullwidth container – looks good !
anyway, thank you for help

You will need this right before the </body> tag:

<script type='text/javascript'>
jQuery(window).load(function() {
	photonicJustifiedGridLayout(true);
});
</script>

It works !

With Fullwidth mode Justified Grid looks more better ( imho ) !

Thank you Sayontan !

Great support !

• This reply was modified 6 years, 5 months ago by denye.
• This reply was modified 6 years, 5 months ago by denye.