How to use Masonry album layout?
Masonry album layout
Masonry layout is useful when you want to display a gallery of images and you don’t want to crop them. You can use this layout in a component view and in a module.
To display an album in Masonry layout follow these steps:
-
In Album settings tab (in menu item or module settings) set Album layout to Masonry
-
set Image width to a preferred value
-
set Image resizing to Fit width
![dj-mediatools album settings album layout view](/templates/yootheme/cache/40/djmediatools_album_settings_layout-40b16a24.png)
![dj-mediatools album settings images dimensions](/templates/yootheme/cache/69/djmediatools_album_settings_images_domensionss-6982554c.png)
Your album should look similar to this from our example:
![dj-mediatools masonry album layout example view](/templates/yootheme/cache/a4/masonry_gallery_view1-a4fa2cbf.png)
If you’d like to display image descriptions as well, the best way is to place them below the image. To do that please:
-
In settings - Slide setting set Show Title parameter to Yes
-
You can change title color as well
-
Set Show description parameter to Yes
-
Set description limit
-
You can change description color as well
![dj-mediatools slide settings title](/templates/yootheme/cache/8c/djmediatools_slide_settings_title-8cb20fa0.png)
![dj-mediatools slide settings desciption](/templates/yootheme/cache/c2/djmediatools_slide_settings_description-c2895cf3.png)
If you want to change background of description box you need to back to album settings button and scroll to infobox settings. Then you can set up a position and background color.
![dj-mediatools alum settings infobox](/templates/yootheme/cache/26/djmediatools_album_settings_infobox-26765c0b.png)
Your album should look similar to this from our example:
![dj-mediatools masonry album view example](/templates/yootheme/cache/e0/masonry_gallery_view3-e0f41905.png)