Blog-Artikel Kurzansicht

Question

Ich bin ein Blog-Modul in meinem Prestashop verwenden, heree ist die Datei, die die Beiträge auflistet, können Sie mir bitte helft sie eine Rasteransicht 2 oder 3 Beiträge pro Zeile zu machen

{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 --> 

{/ if}

Answer 1

Wenn Sie das Standard-Boostpack-Design verwenden, verwenden Sie diesen Code.

Wenn Sie 2 Beiträge hintereinander haben möchten, verwenden Sie "col-md-6" in der Sektionsklasse (wie im Beispiel), wenn 3 stattdessen "col-md-4" verwenden.

{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}