• African Home

    Welcome to African Home. Please contact us or feel free to stop by and view our showroom open Mondays - Saturdays.

  • Showroom Open Hours

    Showroom open Monday to Friday

    Monday-Friday: 9 am to 5 pm
    Saturday: 9 am to 4 pm
    Sunday: Closed

  • Customer Service

    +27 (0) 83 338 8078

    Contact Form
Home / Content Grid

Content Grid

Content Grid maybe used on home section to show the latest items from the blog, portfolio or shop. The settings for this shortcode are almost end less. Like all of Blaszok’s shortcodes this one is also available through VisualComposer, which offers a simple drag & drop interface to build complex pages with ease.

Post Grid
[vc_posts_grid loop=”size:4|order_by:date|order:DESC|post_type:post” grid_columns_count=”2″ grid_layout=”title|link_post,image|link_post,text|excerpt” grid_link_target=”_self” grid_layout_mode=”masonry” grid_thumb_size=”full”][/vc_posts_grid]
Portfolio Grid
[vc_posts_grid loop=”size:3|order_by:date|post_type:mpc_portfolio” grid_columns_count=”3″ grid_layout=”image|link_post,text|excerpt” grid_link_target=”_self” grid_layout_mode=”fitRows” grid_thumb_size=”mpcth-horizontal-columns-3″][/vc_posts_grid]
Product Grid
[vc_posts_grid loop=”size:4|order_by:date|post_type:product” grid_columns_count=”4″ grid_layout=”image|link_post,title|link_post,text|excerpt” grid_link_target=”_self” grid_layout_mode=”fitRows” grid_thumb_size=”full”][/vc_posts_grid]
Shortcode Attributes
  • title – set widgets title.
  • grid content – here you can specify the content of the grid you can choose: posts, product from the shop portfolio items, pages or mix of any of previously mentioned.
  • post count – how many posts to display.
  • order – how to sort the posts.
  • categories – filter by categories.
  • tags – filter by tags.
  • taxonomies – filter by taxonomy.
  • author – filter by author.
  • teaser layout – specify in which order to display the teaser (thumbnail, title or excerpt).
  • link target – same window / blank.
  • thumbnail size – specify the size of the thumbnail.
  • items per view – how many images to display per view.
  • extra class – to be used in CSS.