«Bodysite» — сертифицированное агентство «Яндекс.Маркет»Подробнее
Идеи по улучшению

Изменение параметров адаптивного шаблона

mars
12 июля 2019 12:44
Есть решение
+2

Здравствуйте!

Подскажите пожалуйста, как изменить порог, когда товары в мобильной версии будут отображаться по 2+ в строку.

Сейчас это работает следующим образом:

Если ширина экрана <=550px то товары отображаются по 1 в строку.

Если же ширина больше то и количество товаров в строке увеличивается до 2+.

Подскажите можно ли изменить порог в 550px и сделать так что бы минимальное количество товаров в строку было 2 начиная с размера 400px например? Если да, то в каком направлении примерно копать?

п.с. на сегодняшний день плотность экранов большинства мобильных устройств позволяет без каких либо "напрягов" просматривать по 2 товара в строке. Как пример на Iphone XS MAX с диагональю экрана 6.5 дюймов выводится по 1 товара в строку, что лично меня очень сильно напрягает. Хотелось бы изменить


4 комментария
Поддержка Bodysite
+1

Начиная с версии 1.5 есть вид "Плитка в 2 колонки".

Шевский Константин Сергеевич
Шевский Константин Сергеевич
+1

Спасибо за предложение! В версии 1.3.2 эти параметры (1 слайд товара при пороге в 550px, например) будут вынесены в общую JS-конфигурацию темы дизайна, которую можно будет изменить с помощью блоков приложения "Сайт".

mars
+1

Это касается не только слайдеров, но и самого каталога. Я думаю что одним JS тут дело не обойдется. Придется поправить и стили.

Как видно на скриншоте начиная с 560+ появляется второй товар в строку. Но по моему мнению 560 это много. Можно сделать либо что бы всегда отображалось по 2 на мобилках, либо уменьтшить этот порог до 300, что бы отображать по 1 товару на совсем маленьких экранах.


Вот так было в одной из других тем которую я использовал до мегашопа. Глубина просмотра с мобильных устройств была выше. Можно посмотреть тут https://mrchili.ru/m/category/skladnye-nozhi/

mars
+1

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

Добавить комментарий
Чтобы добавить комментарий, войдите в личный кабинет