Grid list

Documentation - components

COMPOSER ITEM


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.

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
  • Columns Number of grid's columns
  • Row height Height of grid items, not required, if not setted the height is based on content
  • Margins Grid 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 list
  • Icon Images icon, supported only with images list
  • Gallery Add right and left arrows for navigate between the lightbox items of the grid
  • 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