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

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
В общем задача примерно такая: есть шапка сайта, она же и меню, и в нёй модуль регистрации, а ещё и поиск.
Естественно при маленьком экране эта шапка выглядит уё... чудовищно.
Выход - сделать сворачиваемое меню. Но, поскольку это шапка, там есть ещё логотип сайта, и то, что я описал выше. Сделать сворачиваемым только меню - не выход, так как оставленные логотип, поиск, вход/регистрация (при входе это аватар пользователя) всё равно занимают много места.
Сделал таким образом, чтобы сворачиваемое меню содержало не только собственно меню, но и поиск и аватар пользователя. А поскольку очерёдность расположения этих модулей изначально на большом экране меня вполне устраивает, а вот в мобильном меню - совсем нет.
Для того, чтобы поменять очерёдность расположения в свёрнутом меню (выезжает при нажатии на кнопку), добавил в файл шаблона на нужные мне места те же модульные позиции что и в десктопном варианте. Естественно с добавлением собственных классов для этих позиций.
Когда ширина экрана достигает определённого размера, те позиции, которые до этого работали, скрываю через display:none, а включаю вместо них другие (те же модульные позиции в других местах, которые до этого были отключены) через display:block.
В общем-то работает нормально, но сомнения у меня вот в чём. получается что модуль загружается два раза (как бы дублируется) из-за того, что одна позиция в двух местах. Но, пока одна позиция видна, вторая скрыта и наоборот.
Правильно ли так делать? или необходимо использовать другие методы?
Простите, если я не совсем понятно описал ситуацию. Если что надо уточнить - говорите.
Спасибо!
*

effrit

  • Легенда
  • 9413
  • 1029 / 11
  • effrit.com
да это вполне вариант.
на самом деле мобильное меню - это часто отдельный модуль с доблями главного или чуть с другим составом пунктов.

на счет вариантов.
а) использовать flex, там можно менять очередность блоков через CSS
б) таскать блоки посредством JS, в jQuery это 1-2 строки всего

в общем, если хочется заморочиться, то есть поле для деятельности  ;)
*

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
да это вполне вариант.
на самом деле мобильное меню - это часто отдельный модуль с доблями главного или чуть с другим составом пунктов.

на счет вариантов.
а) использовать flex, там можно менять очередность блоков через CSS
б) таскать блоки посредством JS, в jQuery это 1-2 строки всего

в общем, если хочется заморочиться, то есть поле для деятельности  ;)
То есть тот вариант что у меня вполне подходящий? Поисковики не будут ругать меня за такое? там же и ссылки есть (например в аватаре пользователя) или пока блок скрыт - его даже поисковики не видят?
А заморачиваться с JS я не смогу, потому что вообще не знаю его.
*

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
для Яндекс лучше скрыть дубли блоков
https://yandex.ru/support/webmaster/controlling-robot/html.html#noindex
Хмм, а без js можно менять эти теги для одного и того же блока в разных ситуациях? Открывать когда виден блок и закрывать когда скрыт?
 
*

effrit

  • Легенда
  • 9413
  • 1029 / 11
  • effrit.com
*

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
Точно. Как-то не подумал про это. Спасибо!  *DRINK*
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Скопировали мой сайт и разместили на Joomla, что делать?

Автор Алекс_2019

Ответов: 9
Просмотров: 108
Последний ответ 19.04.2019, 19:18:28
от dmitry_stas
Исчез description и keywords из одного пункта меню

Автор Arenida

Ответов: 1
Просмотров: 57
Последний ответ 15.04.2019, 13:07:32
от AlexK
[Решено] Перенос меню с j1.5 в J.3.x

Автор dron

Ответов: 4
Просмотров: 103
Последний ответ 14.04.2019, 12:19:09
от dron
[РЕШЕНО] Разные урлы в J 2.5 и J 3.5 при одинаковых настройках пунктов меню

Автор dron

Ответов: 11
Просмотров: 166
Последний ответ 10.04.2019, 11:24:30
от effrit
Отключить Меню offcanvas

Автор Volna

Ответов: 2
Просмотров: 57
Последний ответ 08.04.2019, 11:55:37
от Volna