ogonek7777 (20 Октябрь 2016 - 14:54) писал:
Хотелось бы изменить всплывающее окно.
1. Прикрепить его внизу страницы и сделать максимально узким.
2. Цвет серый.
3. Надписи располагать внутри окошек и чтобы они стирались при начале ввода, как это обычно работает в Поиске.
4. Приходить ко мне должно как запрос обратного звонка.
5. Модификация окон два вида, везде, кроме товара,должно всплывать рис. 1, а в товаре рис. 2. В рис 2 получается 2 комментария, которые должны приходить ко мне. Их просто склеить один за другим.
2016-10-20_14-15-35.png
2016-10-20_14-25-44.png
Заранее огромное спасибо!
П.С. Желательно, чтобы ответила Vaccina)))
В шаблоне HTML найдите блок
<a href="http://www.opera.com/ru/computer/windows">Opera</a><br/>
<a href="http://support.apple.com/kb/DL1531?viewlocale=ru_RU">Safari</a><br/>
{% ENDIF %}
и сразу после него вставьте блок
{% IFNOT MOD_LNAME=goods %}
<div class="callBackAll">
<div class="container callBackBlock">
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
<input type="hidden" name="hash" value="{HASH}" />
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
<div>
<input id="callback_person" placeholder="ФИО" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/>
</div>
<div>
<input id="callback_phone" placeholder="Телефон" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>
</div>
<div>
<input id="callback_comment" placeholder="Комментарий" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" value="{FORM_CALLBACK_COMMENT}" maxlength="255" class="input-text"/>
</div>
<div class="buttons">
{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Перезвонить мне</button>{% ENDIF %}
</div>
</form>
</div>
</div>
{% ELSE %}
<div class="callBackAll">
<div class="container callBackBlockGood">
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
<input type="hidden" name="hash" value="{HASH}" />
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
<div>
<input id="callback_person" placeholder="ФИО" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/>
</div>
<div>
<input id="callback_phone" placeholder="Телефон" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>
</div>
<div>
<input id="callback_good" type="text" name="form[товар]" value="{FORM_ТОВАР}" maxlength="255" class="input-text"/>
</div>
<div>
<input id="callback_comment" placeholder="Комментарий" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" value="{FORM_CALLBACK_COMMENT}" maxlength="255" class="input-text"/>
</div>
<div class="buttons">
{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Перезвонить мне</button>{% ENDIF %}
</div>
</form>
</div>
</div>
{% ENDIF %}
Далее в файле main.css добавьте блок
.callBackAll{width:100%;position:fixed;bottom:0;z-index: 999;height:60px;background:grey;}
.callBackBlock div {display:inline-block;width: 18%;margin-right: 3%;padding:10px;}
.callBackBlock input {width:100%;}
.callBackBlockGood div {display:inline-block;width: 13%;margin-right: 3%;padding:10px;}
.callBackBlockGood input {width:100%;}
В конец файла main.js добавьте блок
$(document).ready(function(){
$('#callback_good').val($('.prod_info_name h1').text());
})
0
