0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 399 Просмотров
*

DooMsssDaY

  • Новичок
  • 3
  • 0 / 0
Здравствуйте.

Заказчик попросил адаптировать сайт под разные устройства.
На планшетной и мобильной версиях, модули разбросаны в разные координаты(то над футером то под хедером). Не хотелось бы двигать всё это с помощью "display:none;" и так далее.

Также, сами модули тоже выглядят по разному, в зависимости от разрешения.

Решил подгружать шаблон в зависимости от разрешения, каждый из которых будет подключаться под своё разрешение(Получение разрешения через AJAX с клиента). С модулями тоже самое - подключать tmpl в зависимости от разрешения.

Честно говоря, глаз колит такое решение. Но даже с bootstrap будет не легко сверстать в одном шаблоне.

Возможно, Вы сможете посоветовать более адекватный подход к выполнению моей задачи.
*

Shustry

  • Гуру
  • 6370
  • 738 / 3
  • Рисую дизайны
Вы не ищите лёгких путей. Изначально правильно через display:none, медиазапросы, динамик-грид и т.д. Всё это уже реализовано в популярных фреймворках bootstrap и uikit. Достаточно расставить правильные классы.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

DooMsssDaY

  • Новичок
  • 3
  • 0 / 0
Хорошо.

Но как быть с тем, что модули будут располагаться в разных местах сайта на разных разрешениях? js-ом двигать...?
Или подгружать, например, один и тот же модуль два раза, и каждый будет отображаться только при указанном, через bootstrap, разрешении? В таком случае, будут дублироваться некоторые элементы с id в этих модулях, а это не приемлемо же.

*

Shustry

  • Гуру
  • 6370
  • 738 / 3
  • Рисую дизайны
Те скрипты, что входят в состав UIkit не имеют такой проблемы, как привязка к id. Хоть два, хоть двадцать два одинаковых модуля выводи. Вариантов решения много:
а. в зависимости от разрешения двигаем сайдбар(ы) под(над) контент.
б. прячем часть модулей совсем. Безвозвратно.
в. или выводим на мобильных разрешениях копии модулей в оффканвас или Lightbox.
Конечно, если ставить специфические задачи, типа: на большом мониторе модуль авторизации в контенте по-центру, а на малом в углу справа в самом низу сайта, то тут будет дублирование контента.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

DooMsssDaY

  • Новичок
  • 3
  • 0 / 0
Не, я о id у модулей. Если я буду подгружать один и тот же модуль два раза а у него, например,  id='comments'. Так же нельзя делать? Менять из на классы я не имею права. Остаётся двигать сайдбары js-ом.

Вариант б), я так понимаю, и связан с дублированием модулей, и скрытием их в зависимости от разрешения. Но тут опять с их идентификаторами как быть я не знаю.

Вариант в), первый раз слышу оба определения. Не хотелось бы уходить дальше bootstrap'а.

Хотя нет, знаю LightBox. Но так нельзя. есть согласованный с заказчиком "деревянный" дизайн. Отступать от которого запрещено.
« Последнее редактирование: 19.07.2016, 04:10:21 от DooMsssDaY »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать вряд отображение (Шаблон Protostar)?

Автор phvsfpgs

Ответов: 2
Просмотров: 50
Последний ответ 14.02.2018, 21:02:33
от phvsfpgs
Как убрать рекламу со всех статей. Шаблон страницы статьи - Joomla?

Автор MariaKo

Ответов: 9
Просмотров: 246
Последний ответ 03.02.2018, 00:19:11
от beliyadm
Обновление шаблон Protostar

Автор phvsfpgs

Ответов: 6
Просмотров: 95
Последний ответ 01.02.2018, 10:33:48
от ChaosHead
Альтернативный шаблон категории не подхватывается

Автор piraids

Ответов: 5
Просмотров: 83
Последний ответ 15.01.2018, 19:31:24
от piraids
Позиция sidebar при изменении раазмера экрана

Автор timssky

Ответов: 15
Просмотров: 362
Последний ответ 12.01.2018, 17:17:54
от timssky