Мобильная версия категории

[qwertisound]

Всем привет!
Есть последняя преста и дефолтный шаблон.Заметил что в мобильной версии для смартфонов не важно какое разрешение или браузер, в вертикальном состоянии выводится только одна колонка картинок категорий\подкатегорий. Хотя справа места предостаточно чтобы вывести еще одну колонку.
Вопрос как выводить в 2 колонки?

[DarinSr]

Prestashop 1.6.1.6 тема "default-bootstrap".
На странице категорий картинки под-категорий показывает в ряд.
Если хотите чтобы вмещалось больше изображений, уменьшите размер medium_default. В "default-bootstrap" он 125х125px.

[qwertisound]

У меня выводится на смартфоне вот так. И справа есть явно место под вывод еще одной колонки.

[qwertisound]

Не совсем понятно как может быть проблема именно в разрешении картинки категории в 125px когда общая ширина поля как видно из скриншота 540px и как я говорил для же на fullhd смартфонах все равно выводиться одна колонка.

[qwertisound]

на демо сайте престы тоже самое

[Adik]

В настроках шаблона в Включение мобильной версии шаблона выберите Я хочу отключить её.

[qwertisound]

В настроках шаблона в Включение мобильной версии шаблона выберите Я хочу отключить её.

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

[DarinSr]

На демо, если вы выбрали показ на мобильных устройствах, ширина экрана устанавливается в 320px.
В теме "default-bootstrap" нет отдельной мобильной версии. Тема сделана одна всех устройств.
Ширина блока под-категории 180px. Если у вас ширина экрана 540px, то показывать доджно 2 в ряд.

[qwertisound]

На демо, если вы выбрали показ на мобильных устройствах, ширина экрана устанавливается в 320px.
В теме "default-bootstrap" нет отдельной мобильной версии. Тема сделана одна всех устройств.
Ширина блока под-категории 180px. Если у вас ширина экрана 540px, то показывать доджно 2 в ряд.

Как видно на скрине на моем сайте и на демо, показывается только одна колонка, на fhd смартфонах тоже самое.
Если, в браузере с компа попытаться сузить окно то там, все нормально выводится в 2е колонки.

[qwertisound]

На демо, если вы выбрали показ на мобильных устройствах, ширина экрана устанавливается в 320px.
В теме "default-bootstrap" нет отдельной мобильной версии. Тема сделана одна всех устройств.
Ширина блока под-категории 180px. Если у вас ширина экрана 540px, то показывать доджно 2 в ряд.

На демо престы я вообще ничего не выбирал, адаптация экрана произошла автоматически.

[DarinSr]

Измените вертикальный вид на горизонтальный в телефоне, будет 2 в ряд.
Если хотите изменить вывод на горизонтальном, то нужно переопределить для #subcategories ul > li и #subcategories ul li .subcategory-image стили в файле /themes/default-bootstrap/css/category.css добавить разрешения для мобильных

Код: [Выделить]

@media screen and (max-width: 480px) {

[qwertisound]

Измените вертикальный вид на горизонтальный в телефоне, будет 2 в ряд.

Если хотите изменить вывод на горизонтальном, то нужно переопределить для #subcategories ul > li и #subcategories ul li .subcategory-image стили в файле /themes/default-bootstrap/css/category.css добавить разрешения для мобильных

Код: [Выделить]

@media screen and (max-width: 480px) {

- К сожалению, это не совсем то:) Кстати, если перевернуть в горизонт, то будет показываться 3 ряда.
- на столько все сложно? Нету ли в css места которое отвечает за вывод в 2 колонки для мобильной версии?

[Миколас]

Код: [Выделить]

@media screen and (max-width: ...)Вот это правило и отвечает за показ на мобильном или планшете.