Поиск в модальном окне

InstantCMS 2.X

Поиск как на оф.сайте

#1 15 января 2022 в 20:13

Доброго времени суток, подскажите, как сделать поиск как на оф.сайте, что бы при нажатии на ссылку открывалось модальное окно с формой «Что ищем»? Поиск по форуму результата не дал

#2 15 января 2022 в 20:24

Вариантов несколько. 

1) Переделать виджет поиска, запихнув его в модальное окно бутстрап

2) Вывести иконку поиска посредством виджета, и дать иконке ссылку на модальное окно

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

#3 15 января 2022 в 20:28

Имхо — как UX решение плохое в модалке делать поиск. Чем Вас строка не устраивает? 

#4 15 января 2022 в 20:44

 Make, больше нравится 2 вариант ) 

 Panda58dev, дизайн больше под мобильные девайсы нужен, поэтому вызов формы по клику на иконку в шапке сайта в моем случае юзабильней )

#5 15 января 2022 в 21:36

Ruden, идем в панель управления, открываем пункт — «Меню».

1. Жмем «Создать меню».
Заголовок называйте как хотите, потом удалите его.
«Открыть ссылку» — search
«Класс CSS» — ajax-modal
Имя иконки — search
Сохраняем.
Далее в «Название пункта» наводим и жмем на карандашик и удаляем Заголовок.

2. Переходим в пункт виджеты и страницы — нас интересуют Все страницы.
Открываем вкладку Все виджеты и тянем виджет Меню в позицию сайта, где хотим разместить поиск.
В опция виджета выбираем созданное нами ранее меню поиска.
Тип меню — Обычное меню.

Сохраняем и радуемся)))

Добавлено спустя 5 минут

Или пишите Заголовок меню — «Найти на сайте», «Найти», «Поиск».
Как хотите.

#6 15 января 2022 в 21:56

Ruden, идем в панель управления, открываем пункт — «Меню».

1. Жмем «Создать меню».
Заголовок называйте как хотите, потом удалите его.
«Открыть ссылку» — search
«Класс CSS» — ajax-modal
Имя иконки — search
Сохраняем.
Далее в «Название пункта» наводим и жмем на карандашик и удаляем Заголовок.

2. Переходим в пункт виджеты и страницы — нас интересуют Все страницы.
Открываем вкладку Все виджеты и тянем виджет Меню в позицию сайта, где хотим разместить поиск.
В опция виджета выбираем созданное нами ранее меню поиска.
Тип меню — Обычное меню.

Сохраняем и радуемся)))

Или пишите Заголовок меню — «Найти на сайте», «Найти», «Поиск».
Как хотите.

skewes

Спасибо Вам большое, думаю то что надо 🤝😌

#7 16 апреля 2023 в 22:19

Сохраняем и радуемся)))

Ruden

Спасибо, все окей, поиск в модальном окне, но к сожалению не так как на instantcms

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.