Masonry list - Lists

Documentation - components

  1. Home
  2. Components
  3. Masonry list – ...
Masonry list - Lists
Lists docsMasonry docsContent boxAdvanced image boxBlog box

Preview

Menu

This it the item title

Aliquam. Non morbi, primis veniam commodi habitant tenetur montes vulputate sunt voluptatibus.

This it the item title

Aliquam. Non morbi, primis veniam commodi habitant tenetur montes vulputate sunt voluptatibus.

This it the item title

Aliquam. Non morbi, primis veniam commodi habitant tenetur montes vulputate sunt voluptatibus.

This it the item title

Aliquam. Non morbi, primis veniam commodi habitant tenetur montes vulputate sunt voluptatibus.

This it the item title

Aliquam. Non morbi, primis veniam commodi habitant tenetur montes vulputate sunt voluptatibus.

Load more

Admin preview

Usage

This component show all the items of the selected post type with a masonry list. Select the post type to show and you're done. To create a new post type add a new list from WordPress menu. The items can be showed with different box types like image box or content box, click the link above for more details.

Options

  • Post type The lists post type you want to show
  • Category Show only the items of selected category. If you get a Page Not Found error on category pagination go to Settings > Reading and set the post numbers with number < 10
  • Box Select the box type check content box, advanced image box and blog box documentations for live preview
  • Columns Number of grid's columns
  • Row height Height of grid items, if not setted the height is based on content, use this if you see problems with the grid layout
  • Margins Grid items margins
  • Pagination type Pagination is the classic WordPress pagination, HTML paginations load all the items on page load and hide it with CSS, this pagination types are very fast for few items but can increase the page size and load time if too many item, if no pagination you should set Items per page to 999
  • Items per page Number of items showed in every page or load, if no pagination you should set Items per page to 999
  • Animation Pagination animation, load more not supported
  • Button size Pagination menu size or load more button size
  • Show menu Boxed design, change for every skin
  • Menu position Menu position
  • Menu style Menu style
  • Auto masonry Generate automatically a masonry layout, work for image boxes
  • Box options - Boxed Boxed design, change for every skin
  • Box options - Boxed inverse Boxed design with white background, change for every skin
  • Box options - Button text If setted every item will show a read more button that link to the single item page
  • Box options - Hidden content Supported only for advanced image boxes, hide the content and show it on mouse hover
  • Box options - Show extra 1 Hide / show the extra 1 content of the single items, you can set this content into the admin page of the single item, on top right area
  • Box options - Show extra 2 Hide / show the extra 2 content of the single items, you can set this content into the admin page of the single item, on top right area
  • Box options - Animation Animation of the grid item boxes, different for every box type
  • Pagination options - Scroll top Scroll to top of grid when page change
  • Pagination options - Centered Center the pagination menu
  • Pagination options - Prev text Previous button text
  • Pagination options - Next text Next button text
  • Load more options - Lazy load Load new items automatically on page scroll
  • Load more options - Button text Load more button text
  • Box options - Button size Set the button size
  • Box options - Button style Set the button style
  • Box options - Animated button Set the button animation on mouse hover
  • Box options - Title length Set the title max number of showed chars and add ... if the text has been cutted
  • Box options - Excerpt length Set the excerpt or subtitle max number of showed chars and add ... if the text has been cutted