Masonry list
Documentation - components
COMPOSER ITEM
HTML DOCUMENTATION AND MORE
ADMIN PREVIEW
USAGE
A big component for show images, video or any other content you want with a grid list. Grid list support pagination, load more, lightbox and more.
ADVANCED LIST USAGE
Every item is a new grid item so add a new item for every grid item you want. This grid component is perfect for Image box, Advanced image box, Content box, Team box, Testimonials box and Blog box components.
CUSTOM MASONRY ITEMS HEIGHT
To set a custom height to the single item, disable the auto masonry and for every item click on code button and on custom css classes add class
ADVANCED LIST USAGE
Every item is a new grid item so add a new item for every grid item you want. This grid component is perfect for Image box, Advanced image box, Content box, Team box, Testimonials box and Blog box components.
CUSTOM MASONRY ITEMS HEIGHT
To set a custom height to the single item, disable the auto masonry and for every item click on code button and on custom css classes add class
row-NN where NN is a number from 1 to 18 (ex. row-6), you can see the rows list on HTML documentation. The custom height work for the image box component.OPTIONS
- Images list Add the images and you're done
- Advanced list Insert every content you want, every add item is a grid item
- Pagination If checked the pagination is active and options are available
- Load more If checked the load more is active and options are available, load more is a pagination variant
- Show menu If not checked the menu is hidden
- Menu position Menu position
- Menu style Menu style, can change for every skins
- Columns List columns
- Row height Set a fixed height for all the items and create a grid layout, not use this feature if not required
- Auto masonry Create a masonry layout automatically
- Margins Masonry items margins
- Images size All images are auto resized and you can choose what size to use, the best size is the smaller size without lost of quality, if your slider show small images you should use small sizes. Original size show the original uploaded image, never use this size if you not compressed the image before upload it
- Lightbox animation Images lightbox animation, supported only with Images list
- Hover animation Images hover animation, supported only with Images list
- Icon animation Images icon animation, supported only with Images list
- Hide icon If checked the icon is hidden and is showed on mouse hover, supported only with Images grid
- Icon Images icon, supported only with images grid
- Gallery Add right and left arrows for navigate between the lightbox items of the masonry
- Pagination options - Items per page Number of items showed in every page
- Pagination options - Scroll top Scroll to top of grid when page change
- Pagination options - Animation Image's hover animation
- Pagination options - Size Pagination menu size
- Pagination options - Centered Center the pagination menu
- Pagination options - Simple controls Remove last and first buttons from pagination menu
- Pagination advanced options Advanced plugin options. Check HTML documentation for all details
- Load more - Items per load Number of items showed for every load
- Load more - Lazy load Load new items automatically on page scroll
- Load more - Button text Load more button text
- Load more - Animation Animation of new loaded items