Masonry list - List Post Type
Documentation - components
COMPOSER ITEM
HTML DOCUMENTATION AND MORE
PREVIEW
The links below show you some example of the masonry list component for custom post types. These examples are part of the demos and can be downloaded from demo page.
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.
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