#1
Отправлено 23 Август 2016 - 11:36
SL-392814
Подскажите, пожалуйста, какие изменения необходимо внести в код, чтобы вместо Обратная связь (см. вложение) при наведении курсором всплывало небольшое окошко - для заказа обратного звонка. Соответственно Обратную связь я переименую тогда в Обратный звонок.
#2
Отправлено 23 Август 2016 - 14:04
Aleksandr (23 Август 2016 - 11:36) писал:
SL-392814
Подскажите, пожалуйста, какие изменения необходимо внести в код, чтобы вместо Обратная связь (см. вложение) при наведении курсором всплывало небольшое окошко - для заказа обратного звонка. Соответственно Обратную связь я переименую тогда в Обратный звонок.
В разделе Сайт - Меню удалите пункт "Обратная связь", т.к. он будет добавляться вручную, через код.
В шаблоне html найдите
<span class="welcome">Добро пожаловать!</span> <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>и замените на
<span class="welcome">Добро пожаловать!</span> <ul class="links"> <li class="callbackMenu"> <a href="{menu.header.links.URL}">Обратный звонок</a> <form method="post" action="{CALLBACK_URL}" class="callbackForm form-box" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <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"/> </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"/> </div> </div> <br> <div class="buttons clear"> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %} </div> </form> </li> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>В конец main.css добавьте
li.callbackMenu {position:relative;} li.callbackMenu form {position:absolute;display:none;left:-50%;top:35px;background:#fff;padding:10px;border:1px solid #909090;} li.callbackMenu:hover form{display:block;} li.callbackMenu form .buttons .button {margin: 0 auto;display: block;}
#3
Отправлено 23 Август 2016 - 19:59
#4
Отправлено 23 Август 2016 - 20:05
Aleksandr (23 Август 2016 - 19:59) писал:
#header-top .topheader-right .sns-quickaccess ul.links { list-style: none; margin: 0 0; padding: 0 0; float: left; height: 36px; overflow: hidden; }и замените на
#header-top .topheader-right .sns-quickaccess ul.links { list-style: none; margin: 0 0; padding: 0 0; float: left; height: 36px; }
#5
Отправлено 23 Август 2016 - 20:34
Может форма вверху идёт в конфликт с нижней аналогичной?
#7
Отправлено 23 Август 2016 - 21:05
Большое спасибо.
Вы - супер!
#8
Отправлено 24 Август 2016 - 18:05
Мне надо добавить поле - Удобная дата и время.
#9
Отправлено 24 Август 2016 - 18:25
Aleksandr (24 Август 2016 - 18:05) писал:
Мне надо добавить поле - Удобная дата и время.
В шаблоне Обратный звонок найдите код
<div style="display:none;"> <label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label> <input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="inputText"/> </div> <div style="display:none;"> <label for="callback_convenient_hour_from">Удобное время доставки</label> С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="inputText"/> По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="inputText"/> </div>и замените на
<div> <label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label> <input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="inputText"/> </div> <div> <label for="callback_convenient_hour_from">Удобное время доставки</label> С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="inputText"/> По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="inputText"/> </div>Если данные поля нужны и в других формах, то уточните в каких именно.
#10
Отправлено 24 Август 2016 - 19:47
Я удалил, тем не менее - безрезультатно.
#12
Отправлено 24 Август 2016 - 21:00
#14
Отправлено 27 Август 2016 - 13:05
Темы с аналогичным тегами Обратный звонок
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных