24 августа 2019 в 2:06
Друзья, подскажите, как темизировать форму поиска для Drupal 8
В drupal 8 - новичок
Вот форма, как она получилась:
1. Не понятно как переименовать "Search" в "Поиск".
В "переводах" смотрел - не нашёл 
2. "Введите ключевые слова для поиска" хочется перенести как placeholder в саму строку для поиска
3. Рядом с кнопкой "Search" хочется вывести еще одну кнопку "поиск по параметрам", которая будет вызывать отдельный views.
Как я понимаю, всё это возможно сделать через twig, но какой файл взять за основу - понять не удалось.
Подскажите, куда смотреть.
Спасибо!
| Вложение | Размер |
|---|---|
 poisk.png | 26.45 КБ |
Комментарии
Включите отладку twig шаблонов и всё увидите
В том-то и дело, что она уже давно включена....
Непонятно, куда смотреть
Подскажите?
Вот что выводится касательно формы поиска:
<!-- 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>
Вот как в формирование этого кода вмешаться?
https://api.drupal.org/api/drupal/core%21lib%21Drupal%21Core%21Form%21fo...
Подскажите - это необходимо писать свой модуль или это можно сделать в теме?
Прошу прощения, если задаю глупые вопросы.
Друпал для меня больше про "мышкой накликать".
Недавно начал с TWIG разбираться, а тут - что-то совсем другое?
Можешь и там и там писать. Правильнее в теме в файле themename.theme Я думаю пример много.
Да, кажется именно то, что необходимо!
Спасибо!
Пример
https://drupal.stackexchange.com/questions/44323/adding-form-placeholder...