Бесплатный шаблон для InstantCMS2

#16 24 ноября 2016 в 06:57
Достойный шаблон!
Evanescence продолжает радовать!!!
Спасибо большое!!!
#17 24 ноября 2016 в 10:57
Zau4man, согласен. В своих шаблонах (в т.ч. и tseso) с самого начала делаю отдельную позицию для меню действий над компонентом.
#18 24 ноября 2016 в 12:06
Олег Васильевич я, Так и сделал.
Если пунктов больше чем ширина блока, появиться пункт Еще
Иллюстрация

Если в блоке вообще не место, появиться раскрывающееся меню
Иллюстрация
#19 24 ноября 2016 в 13:44
Стиль отображения контента "Плитка" выглядит вот таким образом

#20 24 ноября 2016 в 13:47

Если пунктов больше чем ширина блока, появиться пункт Еще

Evanescence
Тогда надо идти дальше — о тачскринах позаботиться.
#21 24 ноября 2016 в 14:08
GoodWay, исправлю

Тогда надо идти дальше — о тачскринах позаботиться.

Олег Васильевич я
Уже вроде есть поддержка, но не проверял, а так к шаблону подключена библиотека Modernizr
Если у кого то есть планшет, проверьте пожалуйста, при касании на Литература — открывается под меню или идет переход?
Иллюстрация
#22 24 ноября 2016 в 14:22


GoodWay, исправлю

Тогда надо идти дальше — о тачскринах позаботиться.

Олег Васильевич я
Уже вроде есть поддержка, но не проверял, а так к шаблону подключена библиотека Modernizr
Если у кого то есть планшет, проверьте пожалуйста, при касании на Литература — открывается под меню или идет переход?
Иллюстрация

Evanescence

Неа. Рекомендую использовать скрипт Smartmenus. Там все продумано, сделано через даблтап для тачей. Использую скрипт у себя. Меню работает на всех устройствах.
#23 24 ноября 2016 в 15:41
Zau4man, исправил, теперь должно работать.
Не хочется убрать текущий скрипт меню, так как там есть авто определение ширину блока и перемещение пунктов в Еще
#24 24 ноября 2016 в 17:29


Zau4man, исправил, теперь должно работать.
Не хочется убрать текущий скрипт меню, так как там есть авто определение ширину блока и перемещение пунктов в Еще

Evanescence

Теперь открывается по тапу. Но перейти по ссылке нельзя 😊
#25 24 ноября 2016 в 18:23

Но перейти по ссылке нельзя

Zau4man
Да, не смог по другому реализовать, если есть идеи, пишите

Вот код
  1. if ("undefined" != typeof Modernizr && Modernizr.touch) {
  2. $(".menu li.folder").on("click",function(e){
  3. e.preventDefault(),
  4. $(this).trigger("hover");
  5. });
  6. }
если .on("click" заменить на .one("click" то при первом нажатии откроет подменю, а на втором переходить по ссылке, но если один раз нажат, потом нажать на другой меню, потом снова на предыдущий, то происходить переход по ссылке, по этому оставил .on("click"
#26 24 ноября 2016 в 18:55
Evanescence, попытки эмулировать ховер разбиваются об едже и вин 10 на планшетах.
Я перепробовал многое. Нужно приходить к библиотеке dabletup или подобным. Такая Библиотека входит в Smartmenus.
На тач устройствах один клик открывает подменю, второй производит клик. Если подменю нет — сразу идет клик.

Даже hover а бутстрап 4 не робит на планшетах в вин10 без использования мышки…
#27 24 ноября 2016 в 18:58

Такая Библиотека входит в Smartmenus

Zau4man
А где можно найти отдельно эту библиотеку?
#28 24 ноября 2016 в 20:15
Evanescence, тут есть github.com/dachcom-digital/jquery-doubleTapToGo
можно поискать форки… Конкретно по этой ссылке мне завести скрипт не удалось. Не помню, с чем это было связано. А потом я нашел smartmenus, встроил в свой шаблон и наступила гармония всех устройств :)
#29 24 ноября 2016 в 20:40
Когда-то тоже сушил голову. Пока остановился на таком варианте: вертикальное меню на Tseso (кликаем по ссылке, — переходим, кликаем по иконке, — открываем (закрываем) вложенные).
При необходимости, можно заменить таким меню штатное на нужных устройствах.
Кроме того, есть же встроенный пример с селектом.
Имхо: лучше варианта с селектом не встречал.
#30 24 ноября 2016 в 20:46
Zau4man, Спасибо, нашел вот такой форк github.com/zenopopovici/DoubleTapToGo работает и объем всего 839 байт
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.