블로그 게시물 그리드보기

Question

내 PrestaShop 버전의 블로그 모듈을 사용하고는, heree 당신이 날이 그리드 뷰 라인

{if isset($nbposts)} 
<!-- Post list --> 
<div id="post_list" class="post-list"> 
{foreach from=$nbposts item=post name=nbposts} 
    <section class="a-post"> 
     <div class="date"> 
      <span class="month">{$post.date_add|date_format:"%b"}</span> 
      <span class="day">{$post.date_add|date_format:"%d"}</span> 
      <span class="year">{$post.date_add|date_format:"%Y"}</span> 
     </div> 
     <div class="name"> 
      <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="">{$post.name|escape:'htmlall':'UTF-8'}</a> 
      <div class="meta"> 
       <span class="author">{$post.author|escape:'htmlall':'UTF-8'}</span> 
       <span class="in-cols">{$post.in_collections|escape:'htmlall':'UTF-8'}</span> 
       {if $post.num_comment > 0}<span class="num-comment">{$post.num_comment} {l s='Comment(s)' mod='nextblog'}</span>{/if} 
      </div> 
     </div> 
     {if $post.image} 
      <div class="image"> 
      <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="{$post.name|escape:'htmlall':'UTF-8'}"> 
       <img src="{$post.image}" alt="{$post.name|escape:'htmlall':'UTF-8'}" /> 
      </a> 
      </div> 
     {/if} 
     <div class="description nsb"> 
      {$post.description_short|escape:'UTF-8'} 
     </div> 
     <div class="view"> 
      <a class="button post-button" href="{$post.link|escape:'htmlall':'UTF-8'}" title="{l s='Read More' mod='nextblog'}">{l s='Read More' mod='nextblog'}</a> 
     </div> 
    </section> 
{/foreach} 
</div> 
<!-- /Post list --> 

당 2 ~ 3 게시물 수 있도록 도와주세요 수, 게시물을 나열하는 파일입니다 {/ if}

Answer 1

기본 - 부랑rap 테마를 사용하는 경우이 코드를 사용하십시오.

행에서 두 개의 게시물을 사용하려면 섹션 클래스에서 "col-md-6"을 사용하십시오 (예 : 3). 대신 "col-md-4"를 사용하십시오.

{if isset($nbposts)} 
<!-- Post list --> 
<div id="post_list" class="post-list col-md-12"> 
{foreach from=$nbposts item=post name=nbposts} 
<section class="a-post col-md-6"> 
    <div class="date"> 
     <span class="month">{$post.date_add|date_format:"%b"}</span> 
     <span class="day">{$post.date_add|date_format:"%d"}</span> 
     <span class="year">{$post.date_add|date_format:"%Y"}</span> 
    </div> 
    <div class="name"> 
     <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="">{$post.name|escape:'htmlall':'UTF-8'}</a> 
     <div class="meta"> 
      <span class="author">{$post.author|escape:'htmlall':'UTF-8'}</span> 
      <span class="in-cols">{$post.in_collections|escape:'htmlall':'UTF-8'}</span> 
      {if $post.num_comment > 0}<span class="num-comment">{$post.num_comment} {l s='Comment(s)' mod='nextblog'}</span>{/if} 
     </div> 
    </div> 
    {if $post.image} 
     <div class="image"> 
     <a href="{$post.link|escape:'htmlall':'UTF-8'}" title="{$post.name|escape:'htmlall':'UTF-8'}"> 
      <img src="{$post.image}" alt="{$post.name|escape:'htmlall':'UTF-8'}" /> 
     </a> 
     </div> 
    {/if} 
    <div class="description nsb"> 
     {$post.description_short|escape:'UTF-8'} 
    </div> 
    <div class="view"> 
     <a class="button post-button" href="{$post.link|escape:'htmlall':'UTF-8'}" title="{l s='Read More' mod='nextblog'}">{l s='Read More' mod='nextblog'}</a> 
    </div> 
</section> 
{/foreach} 
</div> 
<!-- /Post list --> 

{/if}