Содержание
Вы хотите настроить на сайте обратную связь с фиксированной кнопкой с левой или правой стороны экрана, сегодня мы рассмотрим такое решение, чтобы вы имели возможность настроить связь с клиентами или посетителями сайта через такую кнопку используя модуль "Почтовые формы".
Перейти в таблицу стилей CSS ( https://ваш-сайт.ру/panel/?a=tmpl;m=3;t=3 ) и установить в самый низ после всех стилей и кавычек которые там будут следующие стили:
.mform-button { position: fixed; margin-right: -53px; right: 0; padding: 10px 20px; background: red; color: #fff; border-radius: 0 0 12px 12px; z-index: 99999; text-decoration: none; transform: rotate(90deg); top: 50%; } .right-button { display: inline-block; vertical-align: super; } .right-button a { text-decoration: none; font-size: 20px; color: #fff; display: inline-block; position: relative; } .mform-button { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
не забудьте сохранить изменения.
Перейти в глобальный блок верхняя часть сайта (http://ваш-сайт.ру/panel/?a=tmpl;m=1;t=AHEADER ). В самый низ после всего кода вставить код:
<div class="mform-button">
<div class="right-button"><a href="javascript:;" onclick="openchat();">Приемная</a></div>
</div>
<script type="text/javascript">
function openchat(){new _uWnd('chat','Обратная связь',500,500,{align:'left',header:1,shadow:0,close:1,autosize:1,maxh:600,minh:300,modal:1,resize:0,nomove:1}, $("#chat").html() )}
</script>
<div style="display:none;" id="chat">$MFORM_1$</div>
Выделил выше в коде $MFORM_1$ цифра 1 это номер айди почтовой формы которая должна открываться при нажатии на кнопку. Вы пропишите свою форму, узнать какой айди в формы можно в управлении формами на странице http://ваш-сайт.ру/panel/?a=mail&l=forms
Лицензия: CC BY-SA 4.0
Автор: Юрий Герук
Благодарность автору!Здравствуй Гость, как Вы видите еще никто не оставил свой комментарий, будьте первым, поделитесь мнением о материале выше.
Здравствуй Гость, комментарии могут оставлять только зарегистрированные пользователи, зарегистрируйтесь и поделитесь мнением о материале выше Регистрация или Войти.