Темизация формы поиска в Drupal 8

Аватар пользователя yexel yexel 24 августа в 2:06

Друзья, подскажите, как темизировать форму поиска для Drupal 8
В drupal 8 - новичок

Вот форма, как она получилась:

1. Не понятно как переименовать "Search" в "Поиск".
В "переводах" смотрел - не нашёл :(

2. "Введите ключевые слова для поиска" хочется перенести как placeholder в саму строку для поиска

3. Рядом с кнопкой "Search" хочется вывести еще одну кнопку "поиск по параметрам", которая будет вызывать отдельный views.

Как я понимаю, всё это возможно сделать через twig, но какой файл взять за основу - понять не удалось.
Подскажите, куда смотреть.

Спасибо!

ВложениеРазмер
Иконка изображения poisk.png26.45 КБ
0 Thanks

Комментарии

Аватар пользователя yexel yexel 24 августа в 10:32
ivnish wrote:

Включитеотладку twig шаблонов

В том-то и дело, что она уже давно включена....

ivnish wrote:

и всё увидите

Непонятно, куда смотреть :(
Подскажите?
Вот что выводится касательно формы поиска:

<!-- THEME DEBUG -->
<!-- THEME HOOK: 'page_title' -->
<!-- BEGIN OUTPUT from 'themes/mytheme/templates/page-title.html.twig' -->
  <h1 class="js-quickedit-page-title title page-title">Search</h1>
<!-- END OUTPUT from 'themes/mytheme/templates/page-title.html.twig' -->
<!-- END OUTPUT from 'themes/mytheme/templates/block.html.twig' -->
<!-- THEME DEBUG -->
<!-- THEME HOOK: 'form' -->
<!-- BEGIN OUTPUT from 'core/themes/classy/templates/form/form.html.twig' -->
<form class="search-form" data-drupal-selector="search-form" action="/ru/search/node?keys=" method="post" id="search-form" accept-charset="UTF-8">
 
<!-- THEME DEBUG -->
<!-- THEME HOOK: 'container' -->
<!-- BEGIN OUTPUT from 'core/themes/classy/templates/form/container.html.twig' -->
<div class="container-inline js-form-wrapper form-wrapper" data-drupal-selector="edit-basic" id="edit-basic">

<!-- THEME DEBUG -->
<!-- THEME HOOK: 'form_element' -->
<!-- BEGIN OUTPUT from 'core/themes/classy/templates/form/form-element.html.twig' -->
<div class="js-form-item form-item js-form-type-search form-type-search js-form-item-keys form-item-keys">
     
<!-- THEME DEBUG -->
<!-- THEME HOOK: 'form_element_label' -->
<!-- BEGIN OUTPUT from 'core/themes/classy/templates/form/form-element-label.html.twig' -->
<label for="edit-keys">Введите ключевые слова для поиска</label>
<!-- END OUTPUT from 'core/themes/classy/templates/form/form-element-label.html.twig' -->

<!-- THEME DEBUG -->
<!-- THEME HOOK: 'input__search' -->
<!-- FILE NAME SUGGESTIONS:
   * input--search.html.twig
   x input.html.twig
-->
<!-- BEGIN OUTPUT from 'core/themes/classy/templates/form/input.html.twig' -->
<input data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="30" maxlength="255" class="form-search" />

<!-- END OUTPUT from 'core/themes/classy/templates/form/input.html.twig' -->

        </div>

<!-- END OUTPUT from 'core/themes/classy/templates/form/form-element.html.twig' -->

<!-- THEME DEBUG -->
<!-- THEME HOOK: 'input__submit' -->
<!-- FILE NAME SUGGESTIONS:
   * input--submit.html.twig
   x input.html.twig
-->
<!-- BEGIN OUTPUT from 'core/themes/classy/templates/form/input.html.twig' -->
<input class="search-form__submit button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Search" />

<!-- END OUTPUT from 'core/themes/classy/templates/form/input.html.twig' -->

</div>

Вот как в формирование этого кода вмешаться?

Аватар пользователя yexel yexel 25 августа в 22:23
Anatolii1309 wrote:

ссылка на описание хуков

Подскажите - это необходимо писать свой модуль или это можно сделать в теме?
Прошу прощения, если задаю глупые вопросы.
Друпал для меня больше про "мышкой накликать".
Недавно начал с TWIG разбираться, а тут - что-то совсем другое?

Аватар пользователя yexel yexel 26 августа в 8:04
Anatolii1309 wrote:

Правильнее в теме в файле themename.theme

Да, кажется именно то, что необходимо!
Спасибо!