Доброго времени суток, подскажите, как сделать поиск как на оф.сайте, что бы при нажатии на ссылку открывалось модальное окно с формой «Что ищем»? Поиск по форуму результата не дал
InstantCMS 2.X
Поиск как на оф.сайте
#1
15 января 2022 в 20:13
Вариантов несколько.
1) Переделать виджет поиска, запихнув его в модальное окно бутстрап
2) Вывести иконку поиска посредством виджета, и дать иконке ссылку на модальное окно
3) Создать специальную колонку в шаблоне, которая будет «модальным окном» и размещать в ней что угодно. Вызов содержимого — опять же виджетом. Вам какой вариант больше нравится?
#3
15 января 2022 в 20:28
Имхо — как UX решение плохое в модалке делать поиск. Чем Вас строка не устраивает?
Сегодня в 08:58
#4
15 января 2022 в 20:44
Make, больше нравится 2 вариант )
Panda58dev, дизайн больше под мобильные девайсы нужен, поэтому вызов формы по клику на иконку в шапке сайта в моем случае юзабильней )
Ruden, идем в панель управления, открываем пункт — «Меню».
1. Жмем «Создать меню».
Заголовок называйте как хотите, потом удалите его.
«Открыть ссылку» — search
«Класс CSS» — ajax-modal
Имя иконки — search
Сохраняем.
Далее в «Название пункта» наводим и жмем на карандашик и удаляем Заголовок.
2. Переходим в пункт виджеты и страницы — нас интересуют Все страницы.
Открываем вкладку Все виджеты и тянем виджет Меню в позицию сайта, где хотим разместить поиск.
В опция виджета выбираем созданное нами ранее меню поиска.
Тип меню — Обычное меню.
Сохраняем и радуемся)))
Добавлено спустя 5 минут
Или пишите Заголовок меню — «Найти на сайте», «Найти», «Поиск».
Как хотите.
#6
15 января 2022 в 21:56
Ruden, идем в панель управления, открываем пункт — «Меню».
1. Жмем «Создать меню».
Заголовок называйте как хотите, потом удалите его.
«Открыть ссылку» — search
«Класс CSS» — ajax-modal
Имя иконки — search
Сохраняем.
Далее в «Название пункта» наводим и жмем на карандашик и удаляем Заголовок.2. Переходим в пункт виджеты и страницы — нас интересуют Все страницы.
Открываем вкладку Все виджеты и тянем виджет Меню в позицию сайта, где хотим разместить поиск.
В опция виджета выбираем созданное нами ранее меню поиска.
Тип меню — Обычное меню.Сохраняем и радуемся)))
Или пишите Заголовок меню — «Найти на сайте», «Найти», «Поиск».
Как хотите.
Спасибо Вам большое, думаю то что надо 🤝😌
#7
16 апреля 2023 в 22:19
Сохраняем и радуемся)))
Спасибо, все окей, поиск в модальном окне, но к сожалению не так как на instantcms