Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Masonry gallery with Zentools 2

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hello :)
I’m trying to reproduce a Masonry gallery as in your example ( bambootheme.com/showcase/apr16/zentools/zentools2/masonry ), it’s just impossible…



I tried all the possible combinations with the same configuration of your example, but it always remains an empty space at the bottom of the gallery ( joomlatest.cloudaccess.host/index.php ).



Ok the pictures didn't have the same dimension, but were all in landscape mode. Honestly I tried everything, is there a trick to display all images perfectly without leaving empty spaces?

Also, I noticed that when I change settings in the “Masonry style” section of the module, nothing change, is it normal?

I found this similar post on the forum, but it didn’ t help me….

Thank you ;)
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
Last Edit: 2 years 6 months ago by Lorenzo.
The administrator has disabled public write access.
Hi There,

ARe you using the latest version of the module?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Are you using a custom css file in the zentools2 module?

and have you adjusted any widths for the image in the theme section?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello Paul,
yes the latest version of Zentools is installed (2.3.3), and yes a custom.css file has been generated for the module that I want publish and by changing the widths of items there is no impact on front end… :dry:
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
I think you would need to either standardise image / combining with percentages width or accept the white space

Some masonry examples on the same page do have white space on them

The module isn't really intended to line up perfectly

With having widths it can only work with the image height without it distorting

e.g. #zentools-110.zt-masonry ul li.zt-item {
margin-bottom: 4px;
width: 24%;
}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Can you also attach a screenshot of the css for the theme tab masonry section

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello Paul and thank you for your support,

…what do you mean by “standardise image”? Do you mean that images must have the same dimension? I looked at the dimension of the images in your examples and it doesn’t seem that they have the same dimension….

As I wrote above there is a problem with "Masonry style" parameters because by changing the values in the "Masonry style" section there is no change in frontend…

Here values for the "Masonry style" section:



Thank you again :)
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Do you have a specific image resize value?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello,
...a small video to illustrate the problem: quick.as/D2LoFjy7Y

I can change the values many times, there is no real change in front end... :huh:

Thank you
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Looking at the video you aren't compiling the less custom css file option

Does it work in you compile it?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ok Paul, it's my fault, I thought you had to compile the file custom.css only once ... I just realized that at every change you have to compile it again. :side: :whistle:

In any case it is difficult to find the right combination in order to have a perfect Masonry type display as in your example, but apparently, as you said, the module isn't really intended to line up perfectly.

In my example, each image has a different dimension. I think that by adopting images with more similar dimensions, you can obtain a satisfactory result...

Thank you Paul ;)
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
no problem Masonry is a little goofy/different with the display

I know it was a real pain to develop and was removed and then added back later on
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers