В рамках более глубокого знакомства с vue в частности с появившимся недавно Composition Api сделал на Vue небольшой компонент, который по функционалу повторяет встроенный компонент Поиск. Из него же берутся поисковые результаты для вывода, поэтому если что-то хотите настроить по поиску, меняйте в компоненте Поиск.
Как использовать
Вместе с компонентом идет виджет ZПоиск, который надо разместить на сайте. Виджет представляет из себя иконку поиска, при нажатии на которую поверх сайта откроется форма поиска. Весь поиск происходит по ajax, без переходов на другие страницы. Всегда можно закрыть форму и продолжить пользоваться сайтом.
Все адаптивно
А если типов контента в поиске много, появится возможность поскролить список типов вправо.
Минимальная нагрузка
Виджет поиска содержит только один небольшой js скрипт, который загрузит все остальные скрипты, нужные поиску, только после нажатия на иконку поиска. Поэтому виджет можно смело ставить на все страницы сайта.
Демо
Попробовать поиск можно на демо demo.bergorod.ru
Жмите на иконку поиска в шапке рядом с Войти
Ограничения
Работает на 2.17.1 и свежее. Только для modern шаблона и дочерних. Предоставляется как есть. Могут быть баги, пишите — поправлю.
Вы всегда можете отключить компонент и виджет и использовать обычный поиск.
Если вы используете modern без доработок, не забудьте указать navbar-dark в поле Класс CSS для контейнера, иначе иконка поиска будет того же цвета, что и обычные ссылки.
Офигенная штука ) потестил на демо, супер. Спасибо
Первая вкладка новости, повторяет записи, вместо трех показывает 6 найденных. Во второй вкладке вроде четко
По какой фразе ищете? На демо или на своем сайте проблема?
На вашем сайте, например слово «страна». Я много слов пробовал в первой вкладке дублируется. Я с мобилы тестю, подозреваю дело в автопогрузке на странице с которой открываешь поиск .
С компа нормально, с мобилы нет.
UPD на моем сайте все отлично
Ну не знаю.
В обычном поиске также. Я поэтому и акцентировал на этом внимание.
Это просто другой внешний вид.
А вот почему так в обычном поиске, надо разбираться, но это тема для другой серии фильма.
Ясно. Да, поиск в инстант не айс эт точно.
Давно хочу нормальный поиск. Попробую поставить 😎
Поставил. Работает, красота. Сайт теперь прям как яндекс ))
мне вот интересно а можно выводить существующие поля в списке поиска?