Ast (19 Июнь 2018 - 09:29) писал:
Здравствуйте. Аккаунт SL-393872
Помогите пожалуйста убрать лишние поля в форме внизу страниц. Нужно оставить только поле "Телефон" и кнопку "Отправить". Остальные поля убрать. Размер и цвет фона формы оставляем как есть.
В десктопной верстке поле и кнопка должны быть на одной линии, в мобильной верстке кнопка "Отправить" должна быть под полем "Телефон".
Поле "Телефон" оставляем обязательным для заполнения.
Скрин как должно быть прилагаю. Спасибо большое.
Здравствуйте, при работе с данной формой, необходимо учитывать, что поля Имя и Телефон, являются обязательными полями для заполнения.
Поэтому поле Имя можно скрыть, но оно автоматически будет заполняться тестовой информацией.
Что бы удалить лишние поля, найдите в шаблоне hTML код
<div class="callback-form">
<div>
<label for="callback_person" class="required">Имя<em>*</em></label>
<input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required inputText" required />
</div>
<div>
<label for="callback_email">Email</label>
<input id="callback_email" type="text" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" maxlength="255" class="inputText" required />
</div>
<div>
<label for="callback_phone" class="required">Телефон<em>*</em></label>
<input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText" placeholder="Пример: +7 915 150-79-64" required />
</div>
<div>
<label for="callback_comment">Время звонка</label>
<input id="callback_comment" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" value="{FORM_CALLBACK_COMMENT}" maxlength="255" class="inputText" placeholder="Пример: с 9 до 21" required />
</div>
</div>
<button type="submit" title="Отправить заявку" class="buttonzakaz">Отправить заявку</button>
замените на
<div class="callback-form">
<div style="display:none;">
<label for="callback_person" class="required">Имя<em>*</em></label>
<input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="инженер" maxlength="50" class="required inputText" required />
</div>
<div>
<label for="callback_phone" class="required">Телефон<em>*</em></label>
<input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText" placeholder="Пример: +7 915 150-79-64" required />
</div>
<button type="submit" title="Отправить заявку" class="buttonzakaz">Отправить заявку</button>
</div>
далее найдите в файле style.css код
.callbackForm.index .callback-form{display: flex; justify-content: center;}
замените на
.callbackForm.index .callback-form{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
далее найдите код
.buttonzakaz{ display: inline-block;color: white;text-decoration: none;padding: .5em 2em;outline: none;border-width: 2px 0;border-style: solid none;border-color: #FDBE33 #000 #D77206;border-radius: 6px;background: linear-gradient(#F3AE0F, #F3AE0F) #F3AE0F;transition: 0.2s;}
замените на
.buttonzakaz{ display: inline-block;color: white;text-decoration: none; padding: 10px 10px;
margin-top: 9px;outline: none;border-width: 2px 0;border-style: solid none;border-color: #FDBE33 #000 #D77206;border-radius: 6px;background: linear-gradient(#F3AE0F, #F3AE0F) #F3AE0F;transition: 0.2s;}