Friday, October 30, 2020

Post Grid Features

  • Custom post type source
  • Custom total items
  • 4 styles display(Show all, Load more button, Lazy load, Pagination)
  • 39 item styles
  • Show/hidden Filter
  • Set items per row
  • Set gap between grid items
  • 42 styles of load animation
  • Design pagination
  • Order / Sort order items
  • Design load more button
  • Design filter list
  • Custom filter list
  • Advanced design options

This element contain all styles and features as Post Masonry Grid element. You can see here

General Features, Item style grid, Item style masonry, Item style media

And here is some special style are added.

[vc_video link=”https://www.youtube.com/watch?v=5zNjFXlhHQ0″]

Grid Pagination

Item style: Default with 6 column

[vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”6″ element_width=”2″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_01_left” arrows_color=”pink” paging_design=”fill_square_dots” paging_color=”pink” grid_id=”vc_gid:1507608690360-c226d1ff-78f3-6″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”]

Grid Pagination

Item style: Default with 4 column

[vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”4″ element_width=”3″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_12_left” arrows_color=”pink” paging_design=”fill_square_dots” paging_color=”pink” grid_id=”vc_gid:1507608690364-af90606d-07e0-10″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”]

Grid Pagination

Item style: Scale with rotation 4 column

[vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”4″ element_width=”3″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_02_left” arrows_position=”outside” arrows_color=”pink” paging_design=”pagination_default_dark” paging_color=”pink” loop=”yes” item=”basicGrid_ScaleInWithRotation” grid_id=”vc_gid:1507608690366-be892367-8ce1-4″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”]

Grid Pagination

Item style: Slide from left –  4 column 2 row

[vc_basic_grid post_type=”post” max_items=”16″ style=”pagination” items_per_page=”8″ element_width=”3″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_12_left” arrows_color=”pink” paging_design=”pagination_rounded_square_dark” paging_color=”pink” loop=”yes” item=”basicGrid_SlideFromLeft” initial_loading_animation=”swing” grid_id=”vc_gid:1507608690369-01e8247a-2ed4-0″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”]

Pagination slide

Item style: Slide with content

[vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”3″ paging_design=”pagination_rounded” paging_color=”pink” loop=”yes” autoplay=”5″ item=”basicGrid_FadeInWithSideContent” initial_loading_animation=”bounceIn” grid_id=”vc_gid:1507608690371-bb9cb030-be11-1″ paging_animation_in=”zoomIn” paging_animation_out=”zoomOut”]