<div id="blogMasonry" class="grid">
	{foreach from=$postcategory item=post}
	{assign var="options" value=null}
	{$options.id_post = $post.id_post}
	{$options.slug = $post.link_rewrite}
	<div class="grid__item">
		<a href="{smartblog::GetSmartBlogLink('smartblog_post',$options)}" class="img-wrap"><img src="{$post.thumb_image}" alt="img06" /></a>
		<div class="description description--grid">
				<div class="blog-content">
			        <div class="blog-info">
			            
			            <span class="blog-date">
			              <i class="fa fa-clock-o" aria-hidden="true"></i>
			               <a href="#">
			                    <span class="month-date"><small>{$post.created|date_format:"%B %d, %Y"}</small></span>
			               </a>
			           </span>
			           <span class="comments-number hidden">
			                <i class="fa fa-comment"></i>{$post.totalcomment} {l s="Comment" d='Shop.Theme.Actions'}
			            </span>
			            {if $smartshowauthor ==1}
			            <span class="author-name">
			              <i class="fa fa-user-circle-o" aria-hidden="true"></i>{l s="By" d='Shop.Theme.Actions'} 
			                <a rel="author" href="#">
			                    {if $smartshowauthorstyle != 0}
			                      {$post.firstname} {$post.lastname}
			                    {else}
			                      {$post.lastname} {$post.firstname}
			                    {/if}
			                </a>
			            </span>
			            {/if}
			        </div>
			        <div class="title-desc">
			            <a title="{$post.meta_title}" href='{smartblog::GetSmartBlogLink('smartblog_post',$options)}'><h4>{$post.meta_title}</h4></a>
			            <p>{$post.short_description|strip_tags:'UTF-8'|truncate:{$limitShortDesc}:'...'}</p>
			        </div>
			        <div class="blog-list-footer clearfix">
			          <a href="#" class="readmore pull-left">{l s="Read More" d='Shop.Theme.Actions'}</a>
			          <div class="share-blog-widget pull-right hidden">
			            <span class="blog-icon-share"><i class="fa fa-share-alt" aria-hidden="true"></i></span><a href="#">{l s="Share this post" d='Shop.Theme.Actions'}</a>
			          </div>
			        </div>
			    </div>
			</div>
	</div>
	{/foreach}
</div>
<script>
	new GridFx(document.querySelector('.grid'), {
		imgPosition : {
			x : -0.5,
			y : 1
		}
	});
</script>