Сообщений в теме: 13

[Aleksandr]

Здравствуйте!
SL-392814
Подскажите, пожалуйста, какие изменения необходимо внести в код, чтобы вместо Обратная связь (см. вложение) при наведении курсором всплывало небольшое окошко - для заказа обратного звонка. Соответственно Обратную связь я переименую тогда в Обратный звонок.

Прикрепленные изображения

• 

[Danil]

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;}

[Aleksandr]

Сделал, но что-то не работает ... Посмотрите, пожалуйста, что не так.

[Danil]

Aleksandr (23 Август 2016 - 19:59) писал:

Сделал, но что-то не работает ... Посмотрите, пожалуйста, что не так.

В main.css найдите код

#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;
}

[Aleksandr]

Стало лучше, но при нажатии ОТПРАВИТЬ - ничего не происходит.

Может форма вверху идёт в конфликт с нижней аналогичной?

[Danil]

Aleksandr (23 Август 2016 - 20:34) писал:

Стало лучше, но при нажатии ОТПРАВИТЬ - ничего не происходит.

Может форма вверху идёт в конфликт с нижней аналогичной?

Ошибку Вам исправили, проверьте.

[Aleksandr]

Работает.
Большое спасибо.
Вы - супер!

[Aleksandr]

Подскажите, пожалуйста, где можно изменить форму Обратный звонок.
Мне надо добавить поле - Удобная дата и время.

[Danil]

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>

Если данные поля нужны и в других формах, то уточните в каких именно.

[Aleksandr]

Немного не понял ... зачем удалять этот код? ...
Я удалил, тем не менее - безрезультатно.

[Danil]

Aleksandr (24 Август 2016 - 19:47) писал:

Немного не понял ... зачем удалять этот код? ...
Я удалил, тем не менее - безрезультатно.

Инструкцию в сообщении 9 исправил, проверьте.

[Aleksandr]

Сделал, но не работает

[Danil]

Aleksandr (24 Август 2016 - 21:00) писал:

Сделал, но не работает

Здравствуйте.
На Вашем сайте несколько форм с обратным звонком, в какой именно нужно вывести данные поля?

[Aleksandr]

Разобрался. Спасибо!