Toggle, sticky меню на маленьких экранах

Меню получается сделать либо sticky, либо toggle, но не одновременно.
Как можно это решить?

Ольга

13 апреля 2018, 17:43

2 614

Комментарии: 24

snyadanak Старожил

13 апреля 2018, 20:59

Мне кажется, что у сообщества немножко не та тематика)

Raimei Старожил

13 апреля 2018, 23:55

Ольга, эти вопросы НИКАК не связаны с MODX. Вам нужен этот сайт, но никак не modx.pro (с такими вопросами)

Ольга Старожил

14 апреля 2018, 07:16

Есть же sticky toggle mobile friendly меню на divi, wordpress, etc. Неужели здесь не существует? Может плагин есть какой-нибудь? И на html такое не создашь, не понимаю, зачем мне эта ссылка.

snyadanak Старожил

14 апреля 2018, 10:02

Дело в том, что для нормального использования MODX нужно как минимум знать html, css и js. Когда дело касается всяких стилей оформления или jquery плагинов — то вопрос никак не связан с MODX)

Владимир Старожил

14 апреля 2018, 13:08

Вот тут codepen.io/search/pens?q=sticky&page=1&order=popularity&depth=everything&show_forks=false много готовых примеров

Владимир Старожил

14 апреля 2018, 13:01

просто оставлю это тут:
modx.pro/blogs/

в описании раздела Вопросы написано несколько иначе, чем вам кажется

snyadanak Старожил

14 апреля 2018, 13:10

5 ответов и ни одного по делу. По моему очевидно как охотно тут отвечают по «всему чему угодно». Публиковать то такие вопросы можно, но MODX тут не при чем, поэтому лучше бы было в более конкретном сообществе задавать такие вопросы, ибо тут шанс дождаться ответа на такое очень невелик)

Владимир Старожил

14 апреля 2018, 13:18

варианты, можно а) помочь, б) промолчать, в) задать уточняющий вопрос
давайте не будем флудить, в описании раздела «вопросы» нам все Василий предложил обсуждать «что угодно», откуда берется бессмысленное менторство?

5 ответов и ни одного по делу.

предложил поискать варианты с целью уточнить, что хочет задавшая вопрос.

snyadanak Старожил

14 апреля 2018, 13:26

Не всегда «промолчать» лучший вариант. Иногда это создает впечатление, что всем плевать на тебя и твои проблемы. А если человек не понимает, что эта проблема не MODX — тогда совет поискать решение в специализированном для этих дел месте — тоже совет

Но мнений много, поэтому да, не будем философию тут устраивать)

Владимир Старожил

14 апреля 2018, 13:32

А если человек не понимает, что эта проблема не MODX

так человек и не говорил ни о проблеме и не о том что она связана с MODX, а в рамках раздела вопросы задала девушка вопрос на тему фронтенда, про js, про то как вывести меню что бы оно было либо sticky, либо toggle. И это нормально, хоть для MODX хоть для любого сайтостоения.

Задаст вопрос более конкретно, можно придумать решение.

snyadanak Старожил

14 апреля 2018, 13:34

Есть же sticky toggle mobile friendly меню на divi, wordpress, etc. Неужели здесь не существует? Может плагин есть какой-нибудь? И на html такое не создашь, не понимаю, зачем мне эта ссылка.

Владимир Старожил

14 апреля 2018, 13:40

Есть как минимум два расширения для MODX modstore.pro/packages/utilities/mobiledetect и modstore.pro/packages/utilities/modhelpers — с помощью которых можно выводить разные чанки, например, для разных устройств. И будет в одном случае чанк с toggle, в другом с sticky.
Так что, пусть Ольга просто уточняет что ей нужно и этот вопрос решаем.

Ольга Старожил

14 апреля 2018, 17:32

Большое спасибо! С codepen.io/ перепробовала ОЧЕНЬ МНОГО готовых решений, на базе scss, javascript, css, и тд. Ни один вариант не удалось сделать полностью mobile friendly.
Единственное, что мне удалось достичь: наставить ссылки в каждой секции на другие секции. 92% адаптированности для мобильных по адаптиватору, тот максимум, который я выжала.

Владимир Старожил

14 апреля 2018, 17:41

Попробуйте modhelpers
modstore.pro/packages/utilities/modhelpers, документация modzone.ru/documentation/modhelpers/, вам нужно modzone.ru/documentation/modhelpers/#is_mobile (требуется установить помимо этого расширения pdoTools и в настройках включить феном)
Разные чанки для разных устройств — это удобно, это уже не адаптивность, а респонсивность (о разнице)
И да, адаптиватор может не учитывать, что есть детектор который определяет тип устройства и отдает уже соответствующий код, адаптиватор проверяет именно адаптивность, а не респонсивность. Но респонсивность лучше в итоге (блоки не скрываются, а полностью заменяются или вырезаются)

Ольга Старожил

14 апреля 2018, 17:57

Спасибо что Вы есть!!! В настройках включить pdotools_fenom_default, да? У меня он по умолчанию включился.

Владимир Старожил

14 апреля 2018, 18:09

По умолчанию включено для чанков, а для использования в шаблонах нужно
pdotools_fenom_parser — да.
Все получится.
Далее следите что бы на страницах фигурные скобки в css и js не мешали работе фенома, либо окружайте тегом игнор, либо после фигурной скобки (css,js) пробел что бы был.
Не забывайте про документацию:
docs.modx.pro/components/pdotools/parser
github.com/fenom-template/fenom/blob/master/docs/ru/readme.md

Ольга Старожил

14 апреля 2018, 18:25

Огромное спасибо! При включении парсера сайт сразу перестает загружаться.
Наставила пробелы везде, вроде, где нужно. Пока результата не дало.

Ольга Старожил

14 апреля 2018, 18:35

Может ли быть конфликт приложений? У меня одно платное приложение включено, я думаю, они конфликтуют.

snyadanak Старожил

14 апреля 2018, 18:47

1) В настройках включить pdotools_fenom_save_on_errors

2) Посмотреть логи ошибок и посмотреть файл и и строку с ошибкой

3) Перейти в core/cache/default/pdotools и открыть нужный файл

4) Найти строку с ошибкой

5) Исправить её в шаблоне

Ольга Старожил

14 апреля 2018, 20:09

Огромное спасибо!!! Выручили!!!

Владимир Старожил

14 апреля 2018, 19:04

это только те самые фигурные скобки
Если у вас установлен modDevTools, то можно быстро по всем чанкаи и шаблонам автозамену сделать на скобку с пробелом.
Если совсем ни чего не получится, стуичитесь в телеграм (в профиле есть)

Ольга Старожил

14 апреля 2018, 20:09

СПАСИБО!!! Невероятно благодарна Вам за помощь!!!

Владимир Старожил

14 апреля 2018, 20:12

Я рад. Удачи Вам.

Raimei Старожил

14 апреля 2018, 15:53

Проблема в том, что Ольга задала не 1-2 вопроса по этой теме. Как минимум 12 (!!!) так или иначе касающихся HTML, CSS или JS. Но не MODX.

Моя ошибка в том что я не дал ссылку на красивую мобильную менюшку, не объяснил где брать документацию по bootstrap.

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

Toggle, sticky меню на маленьких экранах

Job Piper собирает IT заказы со всего Интернета.

Комментарии: 24