Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Как отобразить 5 товаров подряд, а не 4 в модуле «Рекомендуемые» на главной странице?


 Поделиться

Рекомендованные сообщения

Я настраиваю OpenCart-3 (Bootstrap v3.3.5) на главной странице, на которой показан модуль Рекомендуемые, в котором есть 10 продуктов. По умолчанию они отображаются по 4 штуки подряд. Всего получено 3 строки: 4, 4, 2 товара. Мне нужно, чтобы они отображались в 2 рядах по 5 товаров.

 

Я нашел файл featured.twig и строку в нем. Сменив col-lg-3 на col-lg-2, я могу добиться отображения товара по 6 подряд, но не могу понять, как отобразить ровно 5 подряд.

Полагаю что решение не в этом файле, хотя понять не могу.

featured.twig:

{% for product in products %} 
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

 

 

Я ожидаю, что результат будет:

 

 spacer.png

 

 

Но фактический результат: 

 

spacer.png

Ссылка на комментарий
Поделиться на других сайтах


Бутстрап по умолчанию не умеет строить сетку в 5 колонок. Однако это легко поправимо, загуглите "bootstrap 5 колонок" и найдете решение.

Ссылка на комментарий
Поделиться на других сайтах


10 минут назад, sammygr сказал:

Бутстрап по умолчанию не умеет строить сетку в 5 колонок. Однако это легко поправимо, загуглите "bootstrap 5 колонок" и найдете решение.

 

Спасибо решение найдено
selection-studio.com/5-kolonok-v-bootstrap

 

Я и раньше видел подобные решения, но сработало оно только с третьего раза. Не в тот файл прописывал стили видимо.
Спасибо.

Ссылка на комментарий
Поделиться на других сайтах


46 минут назад, buslikdrev сказал:
  Скрыть контент


.bus-col-lg-24{float:left}
.bus-col-md-24{float:left}
.bus-col-sm-24{float:left}
.bus-col-xs-24{float:left}
.bus-col-lg-24{position:relative;min-height: 1px;padding-right:15px;padding-left:15px}
.bus-col-md-24{position:relative;min-height: 1px;padding-right:15px;padding-left:15px}
.bus-col-sm-24{position:relative;min-height: 1px;padding-right:15px;padding-left:15px}
.bus-col-xs-24{position:relative;min-height: 1px;padding-right:15px;padding-left:15px}
@media (min-width:1200px) {
.bus-col-lg-24{width:20%;}
}
@media (min-width:992px) and (max-width:1199px) {
.bus-col-md-24{width:20%}
}
@media (min-width:768px) and (max-width:991px) {
.bus-col-sm-24{width:20%}
}
@media (max-width:767px) {
.bus-col-xs-24{width:20%}
}

 

 

лишний вес!

 

не ужели незя место  

.bus-col-md

сделать к примеру .bcm? 

я стандартный бутстрап col-sm-12 к примеру меняю сразу на csm12

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

11 минут назад, Ptenec сказал:

я стандартный бутстрап col-sm-12 к примеру меняю сразу на csm12


Одни в своих шаблонах вообще бутстрап убирают, другие сокращают название классов бутстрапа, гениально:ugeek:

А потом покупатели жалуются, что модули корява отображаются. 

И все ради чего? Ради того, чтобы сайту ПС давал больше баллов(не факт что даст, но все равно нужно это делать)

 

П.С. В данной момент говорю про ОС, а не про верстку вообще.

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

11 минут назад, Bn174uk сказал:


Одни в своих шаблонах вообще бутстрап убирают, другие сокращают название классов бутстрапа, гениально:ugeek:

А потом покупатели жалуются, что модули корява отображаются. 

И все ради чего? Ради того, чтобы сайту ПС давал больше баллов(не факт что даст, но все равно нужно это делать)

 

П.С. В данной момент говорю про ОС, а не про верстку вообще.

эм  я говорю именно про col-**-**
я также подстраивая под клиента или себя убираю бутстрап! 
а вот col-**-** оставляю!
и некоторые стили! 
так проще и привычнее! в бутстрапе много того что не нужно если ты подстраиваешь под себя или клиента!
тут выбор за теми кто делает сайт и для кого

Ссылка на комментарий
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.