<div class="col-xs-12 block-account"> <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> {ANTISPAM_CODE} <ul class="feedback-form"> <li class="fields"> <i class="fa fa-user"></i> <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="inputText" required> </li> <li class="fields"> <i class="fa fa-envelope"></i> <input id="feedback_email" placeholder="Электронная почта" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email"> </li> <li class="fields"> <i class="fa fa-phone"></i> <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="inputText" required> </li> <li class="fields"> <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea" required>{FORM_FEEDBACK_MESSAGE}</textarea> </li> <li class="file"> <label for="feedback_file">Прикрепить файл</label> <div class="input-box"> <input id="feedback_file" type="file" name="form[assets_file]" value="" class=""> </div> </li> </ul> <button type="submit" title="Отправить" class="button"><span>Отправить</span></button> </form> </div>
замените на:
<div class="col-xs-12 block-account in_item"> <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> {ANTISPAM_CODE} <ul class="feedback-form"> <li class="fields"> <i class="fa fa-user"></i> <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="inputText" required> </li> <li class="fields"> <i class="fa fa-envelope"></i> <input id="feedback_email" placeholder="Электронная почта" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email"> </li> <li class="fields"> <i class="fa fa-phone"></i> <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="inputText" required> </li> <li class="fields"> <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea" required>{FORM_FEEDBACK_MESSAGE}</textarea> </li> <li class="file"> <label for="feedback_file">Прикрепить файл</label> <div class="input-box"> <input id="feedback_file" type="file" name="form[assets_file]" value="" class=""> </div> </li> </ul> <button type="submit" title="Отправить" class="button"><span>Отправить</span></button> </form> <script> $(document).ready(function() { $(".feedback").fancybox({ maxWidth : 320, maxHeight : 450, fitToView : false, width : '90%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script> <a class="feedback fancybox.ajax" href="http://{NET_DOMAIN}/feedback?only_body=1"><span class="button">Оформить заказ</span></a> </div>
В main.css найдите:
.invalidInput { color: #F74444; font-size: 90%; }
после него пропишите:
.in_item .feedback{display:none;} .in_item .invalidInput { clear: both; display: block; }
далее найдите:
@media all and (max-width: 481px) {
после него пропишите:
.in_item .feedback{display:block;} .in_item > form{display:none;}