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

Question

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

我试过的是扩展 -> 模块 -> 特色然后编辑模块。我已将限制更改为 5 并减小了宽度和高度，但更改后显示相同。我无法获得每行五列。请建议我如何实现它。

谢谢。

Answer 1

这是我在 catalog/view/theme/promoglasses/template/module

中的 popular.tpl 文件

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

对于这里的 CSS 部分，我已经为 class col-sm-5ths:

编写了代码

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

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

How to display 5 columns per row in Opencart?

opencart2.x