Блок пользователя
Регистрация на нашем сайте позволит вам общаться на форумах и получить доступ к другому полезному функционалу
Вы вошли как Гость

Глобальная форма поиска на сайте

  • 164 просмотра
  • 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 с приведенным выше кодом формы. Благодаря этому несложному приему, шаблоны будут выглядеть опрятнее и лаконичнее, а обновлять код формы при необходимости станет проще.

Новый комментарий

Имя:
Для редактирования комментария осталось 10 минут
Комментарии отсутствуют