Свои шаблоны для webform в D7

Average: 3.4 (30 votes)

В Drupal 7 достаточно некрасивые шаблоны для webofrm чуть ниже в картинках и красках опишем один из вариантов расскраски их "вот прям как на картинке".

Была поставлена задача сделать сайтик из html шаблона, который был куплен за 10$. Все шло по плану пока не дошел до формы обратной связи. 

webform_1.png

Решили взять исходники прямо с шаблона и вставить в шаблон D7.

Первое что сделали это template.php и добавили свой шаблон
Необходимо добавить патч https://www.drupal.org/files/issues/2018-05-01/1891220-pattern_conventio...

Этот патч добавляет шаблоны для webform

делаем свой шаблон в моем случае называется  webfrom--form--nid--3.tpl.php

webform_2.png

для того чтобы включить отображение debug информации необходимо включить модуль devel и в мой_сайт/deve/php  выполнить

dpm(variable_set('debug_theme', 1));

Далее в код шаблона вставляем:
 

<form id="<?php print drupal_render($form['#form_id']) ?>" class="appoint wow fadeInUp" action="<?php print drupal_render($form['#action'])?>" method="post"  accept-charset="UTF-8">

        <div class="row">
            <div class="form-group col-md-6 col-sm-6"><input type="text" name="submitted[vashe_imya]" class="form-control" placeholder="Ваше имя"></div>
            <div class="form-group col-md-6 col-sm-6"><input name="submitted[vash_e_mail]" type="text" class="form-control" placeholder="Ваш Email"></div>
            <div class="form-group col-md-6 col-sm-6"><input name="submitted[tema_voprosa]" type="text" class="form-control" placeholder="Тема вопроса"></div>
            <div class="form-group col-md-6 col-sm-6"><input name="submitted[vash_telefon]" type="text" class="form-control" placeholder="Ваш телефон"></div>
            <div class="form-group col-md-12 col-sm-12">
                <textarea name="submitted[soobshchenie]" class="form-control" rows="6" placeholder="Сообщение"></textarea>
            </div>
            <div class="form-group col-md-12 col-sm-12">
                <!--                <a href="#" class="btn btn-default"><i-->
                <!--                  class="fa fa-paper-plane"></i> Задать вопрос</a>-->
                <button class="btn btn-default" type="submit" name="op"><i class="fa fa-paper-plane"></i> Задать вопрос</button>
            </div>
        </div>

        <?php print drupal_render($form['form_build_id']) ?>
        <?php print drupal_render($form['form_token']) ?>
        <?php print drupal_render($form['form_id']) ?>


</form>

Причем обращаю ваше внимаение:

в атрибутах name тегов input выставляем name которые берем из D7 "родного" шаблона.

webform_3.png

Надеюсь все понятно, если нет, то пишите вопросы в коментариях

 

Поделитесь статьей