web-dev-qa-db-fra.com

Bloc de recherche de thème

Je veux attribuer un thème au bloc de recherche par défaut à une barre de recherche bootstrap.

Lorsque je crée la barre de recherche en html, cela ressemble à:

<div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                  </div>

J'ai déjà essayé de changer le fichier input - search.html.twig en:

{% set classes = ['form-control',] %}

 <input {{ attributes.addClass(classes).setAttribute('placeholder', 'Search for...').setAttribute('type', 'text') }} />{{ children }}

et bloquer - search-form-block.html.twig pour:

<div class="input-group">
{{ content }}

                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                  </div>

Mais rien ne change la mise en page comme prévu. Existe-t-il un moyen simple de modifier la présentation du bloc de recherche par défaut?

4
JimmyD

J'ai trouvé un sale moyen de résoudre mon problème. Parce que Drupal 8 crée le formulaire de recherche d'une manière spéciale, j'ai changé mon form.html.twig manuellement.

{% if element['#form_id'] == 'search_block_form' %}

  <form action="{{element['#action']}}" method="get" id="search-block-form" accept-charset="UTF-8" data-drupal-form-fields="edit-keys">
    <div class="input-group">
      <input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="text" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search form-control" placeholder="Search for...">
      </input>
      <span class="input-group-btn">
        <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="btn btn-default js-form-submit submit-button">
        </input>
      </span>
    </div>
  </form>
{% else %}

  <form{{ attributes }}>
    {{ children }}
  </form>

{% endif %}
3
JimmyD