Особое внимание обратите управлению адаптивностью на следующих участках
- Многоуровневое многоколоночное меню(пример ниже)
- В каталоге и списках товаров в других блоках (пример ниже)
- В списках элементов инфоблоков общего назначения (новости,статьи и.др) (пример ниже)
Итак. Несколько примеров применения:
У нас есть такой вариант раскрывающегося меню, как многоколоночное меню (левое или главное)
Так вот. Вы можете управлять количеством (а соответсвенно и размерами) колонок.
Вот самый простой пример, который вы можете попробовать даже на
При переходе по указанной ссылке у вас включится следующий вариант настройки меню:На больших экранах по три колонки
А для средних экранов можно задать 2 колонки:
Но основой любого магазина, конечно, является каталог:
[spoiler]
В нашем решении вы можете сами задать состав (количество) товаров в строке , в зависимости от разрешения экрана.
Например, для больших экранов, установим показ 3 товаров в строке каталога:
Получаем список товаров следующего вида:
А вот так будет выглядеть список на средних экранах если мы будем выводить по два товара:
Вот например, мы поставили в Концентраторе на главной (подробнее про
Мы привели только пару примеров, однако настоятельно рекомендуем не упустить информацию о том
И это еще не все
Возможность настройки адаптивности находится и на других немаловажных участках сайта
Например, вы можете самостоятельно решить как отображать статьи и на каких устройствах
Не отстают от статей и другие разделы
Например, новости:
Важный момент, примеры использованы с установленного стандартного варианта решения и на их подготовку ушло не более 5 минут |
Материалы по теме адаптивности, которые мы рекомендуем не пропускать:
1)
2)
3)
Экспериментируйте, делайте Ваш сайт уникальным и приятным глазу
Ссылка на решение:
Наши группы в соцсетях:
Пожелания и предложения:
Фото: