如何在Opencart中顯示每行5列？

Question

如何在opencart中顯示每行5列？

我試過的是擴展 - >模塊 - >精選然後編輯模塊。我已將限制更改爲5並減少了寬度和高度，但更改後顯示的寬度和高度相同。我無法獲得每列五列。請建議我如何實現它。

謝謝。

Answer 1

這裏是在目錄/視圖/主題/ promoglasses /模板/模塊

<div class="tab-title"> 
 
<h2>Popular Products</h2> 
 
<ul class="tabs tabs-popular-products tab_categorys"> 
 
<li class="active" rel="tab129-popular-products">POPULAR Products</li> 
 
</ul> 
 
</div> 
 
<br /> 
 
<br /> 
 
<br /> 
 

 
<div class="row"> 
 
    <?php foreach ($products as $product) { ?> 
 
    <div class="product-layout col-sm-5ths"> 
 
    <div class="product-thumb transition"> 
 
     <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div> 
 
     <div class="caption"> 
 
     <h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4> 
 
     <div class="label-cont"> As low as </div> 
 
     <div class="label-price"> 
 
     <?php if ($product['price']) { ?> 
 
     <p class="price"> 
 
      <?php if (!$product['special']) { ?> 
 
      <?php echo $product['price']; ?> 
 
      <?php } else { ?> 
 
      <span class="price-new"><?php echo $product['special']; ?></span> <span class="price-old"><?php echo $product['price']; ?></span> 
 
      <?php } ?> 
 
      <?php if ($product['tax']) { ?> 
 
      
 
      <?php } ?> 
 
     </p> 
 
     <?php } ?> 
 
     
 
     </div> 
 
     <div class="label-sup"> 
 
     <b> 
 
      <sup>(C)</sup> 
 
     </b> 
 
     </div> 
 
     <br /> 
 
     <p><?php echo $product['description']; ?></p> 
 
     <?php if ($product['rating']) { ?> 
 
     <div class="rating"> 
 
      <?php for ($i = 1; $i <= 5; $i++) { ?> 
 
      <?php if ($product['rating'] < $i) { ?> 
 
      <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> 
 
      <?php } else { ?> 
 
      <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span> 
 
      <?php } ?> 
 
      <?php } ?> 
 
     </div> 
 
     <?php } ?> 
 
     
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    <?php } ?> 
 
</div>

我popular.tpl文件對於CSS部分在這裏我已經寫了類同事的代碼SM-5度：

.col-sm-5ths { 
 
    float: left; 
 
    width: 20%; 
 
    min-height: 1px; 
 
    position: relative; 
 
}