Глобальная форма поиска на сайте
- 388 просмотров
- 11 октября, 2023
- Обновлено: 16 октября, 2023
- admin
- Время чтения: 1 минута
- 2 (Подробно)
Если вы хотите не просто указать в навигации ссылку на страницу поиска, но и разместить на сайте глобально работающую форму, этот несложный урок поможет вам в этом.
Код глобальной формы поиска и его размещение
Код прост и незатейлив:
<form action="{PHP|cot_url('search')}" method="get"> <input type="text" name="sq" /> <button type="submit">{PHP.L.Search}</button> </form>
Обратите внимание на использование метода GET. Это позволяет сохранять результаты поисковой выдачи и делиться ссылками, например, в соцсетях или мессенджерах.
Разместить код можно как есть в любом шаблоне сайта. Естественно, можно и нужно дополнить его своими оформительским классами. Например, если используется фреймворк Bootstrap, вариант может быть таким:
<form class="w-xxl-75" role="form" action="{PHP|cot_url('search')}" method="get"> <div class="input-group input-group-lg"> <span class="input-group-text">{PHP.R.icon-magnifying-glass}</span> <input type="text" class="form-control p-3" placeholder="Поиск по публикациям и форумам" name="sq" /> <button class="btn btn-primary px-4" type="submit">{PHP.L.Search}</button> </div> </form>
Если вы используете форму поиска в нескольких шаблонах, рекомендуем размещать код в виде TPL-вставки:
{FILE "{PHP.cfg.themes_dir}/{PHP.theme}/inc/search.tpl"}
В папке inc/ вашей темы создаем файл search.tpl с приведенным выше кодом формы. Благодаря этому несложному приему, шаблоны будут выглядеть опрятнее и лаконичнее, а обновлять код формы при необходимости станет проще.
Новый комментарий