在Opencart 2.x中更改类别视图中一行中的产品数量

Question

我现在正在一家商店工作，我想在分类视图中连续显示4种产品，但我不知道如何解决这个问题。当我在浏览器中切换“检查”元素时，我看到以下代码：

<div class="row">
<div class="product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12">..</div>
<div class="product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12">..</div>
<div class="product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12">..</div>
<div class="clearfix visible-lg"></div>..</div>
<div class="product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12">..</div>

在这里，当我从col 4更改为col lg-3时，我删除了inbe，并使用明文可见，它看起来像是我想要的，但是当我搜索

catalog/view/theme/default/template/product/category.tpl

  <div class="row">
        <?php foreach ($products as $product) { ?>
        <div class="product-layout product-list col-xs-12">
          <div class="product-thumb">

但它指的是列表视图。我能在哪里设置这个诡计？

Answer 1

因此，我找到了解决方案:必须在// Product中更改目录/view/javascript/Common.js：

// Product Grid
    $('#grid-view').click(function() {
        $('#content .product-layout > .clearfix').remove();

        // What a shame bootstrap does not take into account dynamically loaded columns
        cols = $('#column-right, #column-left').length;

        if (cols == 2) {
            $('#content .product-layout').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-6');
        } else if (cols == 1) {
            $('#content .product-layout').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-6');
        } else {
            $('#content .product-layout').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-6');
        }

         localStorage.setItem('display', 'grid');
    });

并在common.js中清除：

//添加cols1 =$(‘#列-右，#列-左’).length；

if (cols1 == 2) {
    $('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
} else if (cols1 == 1) {
    $('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix visible-lg"></div>'); /*3n+3*/
} else {
    $('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix"></div>');