Три колонки товаров в Рекомендуемых

[oio]

Здравствуйте. подскажите пожалуйста как сделать в декстопной версии не зависимо от изменения маштаба страницы 3 колонки товаров РЕКОМЕНДУЕМЫХ на странице HOME

в дефолте opencart 3.0.2.0 . Ранее мобильная версия была изменена на 2 колонки. моя страница http://flower.dn.ua Буду рад любой помощи

спасибо

Змінено 17 жовтня 2019 користувачем oio

[AndreyQ]

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

catalog\view\theme\default\template\extension\module\featured.twig

col-sm-6 = 2 колонки, col-xs-12 = 1 колонка на небольших экранах

[oio]

13 минут назад, AndreyQ сказал:

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

catalog\view\theme\default\template\extension\module\featured.twig

col-sm-6 = 2 колонки, col-xs-12 = 1 колонка на небольших экранах

col-sm-9 = 3 колонки я правильно вас понял?

[AndreyQ]

14 минут назад, oio сказал:

col-sm-9 = 3 колонки я правильно вас понял?

Всего может быть 12

12\4 = 3 колонки

12\6  =  2 колонки

Это очень грубо, потому что еще от ширины экрана эти параметры зависят

Змінено 17 жовтня 2019 користувачем AndreyQ

[oio]

либо 2 либо 4 колонки получается. 3 ни как

[HyperLabTeam]

1 час назад, oio сказал:

col-sm-9 = 3 колонки я правильно вас понял?

12 колонок
9 это 9 занятых одним из 12ти
получается
одна колонка и пустое место

[oio]

col-sm- ? какую цифру прописать  что бы было 3 колонки в декстопной версии?

спасибо

 

[oio]

что и где надо прописать что бы количество колонок не менялось при разном масштабе страницы в декстопной версии как например здесь: rus-buket.ru  ?

 

Змінено 17 жовтня 2019 користувачем oio

[Blast]

20 минут назад, oio сказал:

что и где надо прописать что бы количество колонок не менялось при разном масштабе страницы в декстопной версии как например здесь: rus-buket.ru  ?

 

в первом же ответе вся необходимая информация

col-lg-4 col-md-4

sm и xs это для маленьких экранов

[oio]

фуууух. наконец то я понял что отвечает за БОЛЬШОЙ экран. спасибо огромное

[oio]

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

так у меня заработало как я хотел.

огромное спасибо всем!!!

Змінено 17 жовтня 2019 користувачем oio

[HyperLabTeam]

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

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

так у меня заработало как я хотел.

огромное спасибо всем!!!

http://bootstrap-3.ru/css.php#grid-media-queries

[oio]

5 часов назад, AWARO сказал:

http://bootstrap-3.ru/css.php#grid-media-queries

спасибо

[oio]

вот если бы еще подсказали как сделать на странице поиска и на страницах производителей на большом экране 3 колонки а на мобильном 2 колонки ?

большое спасибо за любую подсказку

[Blast]

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

вот если бы еще подсказали как сделать на странице поиска и на страницах производителей на большом экране 3 колонки а на мобильном 2 колонки ?

большое спасибо за любую подсказку

product/search.twig

product/manufacturer_info.twig

[oio]

23 часа назад, Blast сказал:

product/search.twig

product/manufacturer_info.twig

разжуйте мне пожалуйста в какой строке это изменять. желательно готовое решение, но я буду рад любой подсказке

спасибо

[Blast]

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

разжуйте мне пожалуйста в какой строке это изменять. желательно готовое решение, но я буду рад любой подсказке

спасибо

А что тут разжёвывать? Сделайте ровно то же самое, что и для рекомендуемых в указанных мной файлах

[oio]

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

А что тут разжёвывать? Сделайте ровно то же самое, что и для рекомендуемых в указанных мной файлах

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

[oio]

4 часа назад, oio сказал:

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