Как использовать боковые виджеты в адаптивной версии сайта?

 
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 227
Всем привет. Хотел бы получить мнение пользователей по этому вопросу. Есть у нас один проект. Хотели что бы навигация на сайте для пользователя было удобна. Поэтому реализовали баковые столбцы как в приложениях. Нажимаешь кнопку и открывается левый или правый столбец со всеми виджетами. Но проблема в том что в этом случае виджеты дублируется. Один для адаптивной версии , второй для декстопный. Не каждый виджет так будет работать и не работает. (Вопрос: Можно ли это реализовать без дублирование?)

Как вы вообше решили этот вопрос? Вид среди боковых виджетов есть важные на пример как "Лента активности", "Аватар пользователя" которых нужно показать пользователю.

И как нам поступать?
1. Использовать Ajax что бы подгружать нужных виджетов. (Вопрос: Можно ли подгружать с помощью Ajax целый баковой столбец?)
2. Использовать 2 шаблона. Второй для мобильников и для планшетов, в котором будем добавлять нужные виджеты в средний столбец.
3. Сделать так что бы все баковые виджеты автоматически показывались на центральном столбце как обычно и делают в адаптивной версии.
4. Ваш вариант.

Всем спасибо joke
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1923
Вариант 3.

На мобильнике всё должно быть на виду без лишних выплывающих деталей. ИМХО.
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 560
Вариант 3 для пользователей удобнее - не нужно угадывать, что нажать, чтобы появилась дополнительная информация. Но при большом количестве виджетов получится очень длинная лента. Может быть в мобильной версии есть смысл показывать только самые важные виджеты под контентом, а менее важные скрывать.
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 948
4
Скрывать не столь важные виджеты под кат.
т.е. Отображать только заголовок виджета(и если нужно краткое описание), развёртывать тело виджета при клике на заголовок.
Редактировалось: 1 раз (Последний: 4 августа 2016 в 19:32)
Готовые шаблоны, разработка сайтов, вёрстка.
Дополнения для InstantCMS 2
. skype:gdvden
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 560
Денис Васильевич:
4. Скрывать не столь важные виджеты под кат.
Хороший вариант. Мне нравится.
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 3586
globator:
4. Ваш вариант.
Не столь важные виджеты вообще не должны занимать мобильный трафик. Их вообще не надо грузить на мобильный экран, разве что по аяксу при клике. Также всевозможные слайдеры не нужны в мобильной версии, либо картинки в них должны быть меньшего размера, чем для десктопного варианта (должны мало "весить", а не просто сжиматься средствами css). Это можно сделать в 2.5.1 либо разными шаблонами со своими наборами виджетов (что на мой взгляд будет правильнее и удобнее), либо в одном шаблоне, но с учётом типа девайса.
Редактировалось: 1 раз (Последний: 5 августа 2016 в 06:11)
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 948
это можно сделать в 2.5.1..
Это в том, случае если определять устройство перед загрузкой страницы. Но не подойдёт если нужно учитывать адаптивность при простой смене разрешения экрана. Поэтому, наверное лучше оптимизировать через media. Или я что-то не знаю?
Готовые шаблоны, разработка сайтов, вёрстка.
Дополнения для InstantCMS 2
. skype:gdvden
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.