Количество товаров в строке

[YoJiG]

Простите если поиском пользоваться не умею:

OPENCART.CMS Версия 2.1.0.2.1 Тема дефолтная.

Собсно нужно уменьшить кол-во товаров в строке. По умолчанию их 4-ре стоит.

Если добавлять что либо справа или слева - они сжимаются и получается как то кривовато.

Плюс блоки становятся не ровными разными по высоте. А в одном блоке вообще горизонтальный скрол появился.

 

На др форуме наткнулся на тему поменять в common.js код.

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(3n+3)').after('<div class="clearfix visible-lg"></div>');
    } else {
        $('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix"></div>');
    }

Но его там нет. Во общем и тут на форуме поиском тоже не нашел как поменять.

 

И еще как отображение цены прикрепить к низу блока с пимпой купить, а то болтается где-то неровно посредине между описанием и нижним блоком.

 

Как я понимаю это из-за описания, в настройках стоит выводить 100 букв в описании, значит примерно они должны быть тут равны, откуда такой разброс тогда?

Есть подозрения, что пробелы не считаются и из-за них получается в некоторых описаниях лишняя строка, которая влияет на отображение.

Немного покопался в стилях - что то туплю или не знаю как сделать, во общем не получилось.

Собсно как бы выровнять все по линеечке ))) и как бы сделать вывод трех товаров, а не четырех.

 

[WarStyle]

Ссылку на сайт дайте, так быстрее будет.

[YoJiG]

12 часа назад, WarStyle сказал:

Ссылку на сайт дайте, так быстрее будет.

Отправил.

 

Ладно- пока разная высота не сильно имеет знает, это описаниями подгоним, а вот вопрос про кол-во выводимых товаров на странице в ряд остается.

Надо сделать не четыре, а три-  как?

[admin]

21 минуту назад, YoJiG сказал:

Отправил.

это секретно?

[YoJiG]

9 минут назад, admin сказал:

это секретно?

да нет, не секретно ...  :))))

Я как то по привычке )))

https://fl62.ru

[admin]

если на скринах модуль табов тот что у вас вверху на главной

то идете сюда catalog/view/theme/default/template/module/product_tab.tpl

в других модулях или к примеру на странице категории по аналогии

находите отето

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

делаете как то так

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">

по поводу отступа цены от текста если говорим опять таки про тот же модуль то ищем в этом файле

catalog/view/theme/default/stylesheet/stylesheet.css

на строке 554 отакое

.product-thumb .caption {
  min-height: 180px; меняем отето например на 160
  padding: 0 20px;
}

 

[YoJiG]

37 минут назад, admin сказал:

 

 

.product-thumb .caption {
  min-height: 180px; меняем отето например на 160
  padding: 0 20px;
}

 

Пробовал - не очень получается. 

 

Вы предлагаете уменьшить высоту блока в котором отображается, а хотелось бы именно цену подвинуть вниз.

 

[admin]

так у вас цена внизу этого блока

соответственно если блок выше чем нужно для его содержимого то цена дальше от кнопок

[YoJiG]

44 минуты назад, admin сказал:

если на скринах модуль табов тот что у вас вверху на главной

то идете сюда catalog/view/theme/default/template/module/product_tab.tpl

в других модулях или к примеру на странице категории по аналогии

находите отето

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

делаете как то так

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">

 

 

О кстати, только сегодня включил модуль рекомендованные. Там по при выводится.

Пошел искать и сравнивать табы и рекомендованные. Подскажите модуль рекомендованные - это какой файлик? featured.tpl ? Спасибо.

[YoJiG]

4 минуты назад, admin сказал:

так у вас цена внизу этого блока

соответственно если блок выше чем нужно для его содержимого то цена дальше от кнопок

 

Именно. Цена привязана к тексту в блоке и имеет от нее какой то отступ.

Меньше текста цена выше, больше текста цена ниже. (вот тут еще вопрос видимо с пробелами встает: почему не считается в кол-во отображаемых символов?)

Надо привязать не к тексту, а к границе блока с "пимпой" купить, что бы цена была на какой-от отступ выше границы..

[admin]

8 минут назад, YoJiG сказал:

это какой файлик? featured.tpl

да

3 минуты назад, YoJiG сказал:

Надо привязать не к тексту, а к границе блока с "пимпой" купить,

тогда выносите ее из контейнера и вставляйте куда вам заблагорассудится но это повлечет за собой правки везде и вся

[YoJiG]

2 минуты назад, admin сказал:

да

тогда выносите ее из контейнера и вставляйте куда вам заблагорассудится но это повлечет за собой правки везде и вся

Понятно.  Будем подгонять описаниями )

[YoJiG]

Под итог: 

Модуль "табы"

 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

Модуль рекомендованные:

<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

Поставил в табы product-layout  - стало по три выводится.

 

Подскажите пожалуйста а

col-lg-4 col-md-4 col-sm-6 col-xs-12

по сравнению с предыдущим что меняет?

Как я понимаю: это колонки на разных разрешениях, а как и что к чему?

 

 

[Blade]

Подскажите пжл, по аналогии с табами - если необходимо изменить количество товаров в категории, сейчас стоит 3, а надо 4 ( Пример)

1.править надо только view/theme/default/template/category.tpl  или это изменение затронет другие файлы ?

2.файл product.tpl в данном случае не нужен ?

[YoJiG]

По идее должно затронуть только вывод товара в категории.

[admin]

В 08.05.2016 at 04:28, spown сказал:

1.править надо только view/theme/default/template/category.tpl  или это изменение затронет другие файлы ?

2.файл product.tpl в данном случае не нужен ?

ес итис

[Blade]

2 часа назад, admin сказал:

ес итис

ок, сенкс

[7ochukwu]

В 11.05.2016 at 01:16, Blade сказал:

ок, сенкс

Добрый день, как вы решили даунную ситуацию? у меня та же проблема - 3 товара в ряду, я скопировал Ваш див класс карточки товара в инспекторе и он уменьшил карточу и стал их группировать по 4. Но как это прописать в php в файле category.tpl  - вот в чем проблема.. Как Вы решили это?

 

[jaffagold]

Это надо прописывать в common.js

\catalog\view\javascript\common.js

Скрытый текст

    // Product Grid
    $('#grid-view').click(function() {
        // What a shame bootstrap does not take into account dynamically loaded columns
        var cols = $('#column-right, #column-left').length;

        if (cols == 2) {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');/*разметка с учетом двух боковых колонок*/
        } else if (cols == 1) {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');/*разметка с учетом одной боковой колонки*/
        } else {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');/*разметка с учетом отсутствия боковых колонок*/
        }

выделенное меняете на col-lg-3

P.S.  изменения проявятся по всему сайту, где используется переключение отображения блоков Список-Сетка

[Blade]

В 18.10.2017 at 07:25, 7ochukwu сказал:

Добрый день, как вы решили даунную ситуацию? у меня та же проблема - 3 товара в ряду, я скопировал Ваш див класс карточки товара в инспекторе и он уменьшил карточу и стал их группировать по 4. Но как это прописать в php в файле category.tpl  - вот в чем проблема.. Как Вы решили это?

 

решили ?

если нет

напишите в личку и сайт скиньте