Перейти к содержимому


Публикации hog2211@mail.ru

4 публикаций создано hog2211@mail.ru (учитываются публикации только с 27-Апрель 23)


#258600 Обратный Звонок Для Шаблона Весна

Отправлено от hog2211@mail.ru в 18 Март 2017 - 15:40 в Другое

Просмотр сообщенияИрина345 (17 Март 2017 - 16:24) писал:

Здравствуйте, найдите в шаблоне Обратный звонок код
<h1>Заказ обратного звонка</h1>
	 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
	 <input type="hidden" name="hash" value="{HASH}" />

замените на
<h1>Заказ обратного звонка</h1>
	 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
	 <input type="hidden" name="hash" value="{HASH}" />
<input class="callbackredirect" type="hidden" name="return_to" value="/" />


в конец файла main.js добавьте
$(document).ready(function(){
$('.callbackredirect').val(document.location.href);
});

Все получилось. :) Спасибо за помощь!



#258506 Обратный Звонок Для Шаблона Весна

Отправлено от hog2211@mail.ru в 17 Март 2017 - 11:49 в Другое

Просмотр сообщенияVaccina (17 Март 2017 - 06:25) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Обратный звонок - найдите:
<div class="box">
<div class="content">
{% IF FORM_NOTICE %}
	 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
{% ENDIF %}

замените на:
<div class="box callbackBox">
<div class="content">
{% IF FORM_NOTICE %}
	 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
{% ENDIF %}

Далее найдите и удалите:
<tr>
		 <td><label for="callback_region">Область</label></td>
		 <td><input id="callback_region" type="text" name="form[callback_region]" value="{FORM_CALLBACK_REGION}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_address">Адрес</label></td>
		 <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_city">Город</label></td>
		 <td><input id="callback_city" type="text" name="form[callback_city]" value="{FORM_CALLBACK_CITY}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_zip_code">Почтовый индекс</label></td>
		 <td><input id="callback_zip_code" type="text" name="form[callback_zip_code]" value="{FORM_CALLBACK_ZIP_CODE}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_country">Страна</label></td>
		 <td><input id="callback_country" type="text" name="form[callback_country]" value="{FORM_callback_country}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label></td>
		 <td><input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_convenient_hour_from">Удобное время доставки</label></td>
		 <td>
		 С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="input-text"/>
		 По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="input-text"/>
		 </td>
	 </tr>

<tr>
		 <td><label for="coupon_code">Код купона на скидку</label></td>
		 <td><input id="coupon_code" type="text" name="form[coupon_code]" value="{FORM_COUPON_CODE}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_floor">Этаж</label></td>
		 <td><input id="callback_floor" type="text" name="form[этаж]" value="{FORM_ЭТАЖ}" maxlength="255" class="input-text"/></td>
	 </tr>

Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - в самом конце найдите:
Прикрепленный файл 123.jpg

вместо выделенных строк вставьте:
.callbackBox h1 {
text-align: center;
}
.callbackBox td {
padding: 5px;
}
.callbackBox input, .callbackBox textarea {
border: 1px solid #ccc;
}
.callbackBox .buttons .left {
float: left;
}
.callbackBox .buttons .right {
float: right;
}

Будьте аккуратны в копировании и вставки кода, чтобы не нарушить синтаксис, если все сделано правильно то получится следующий результат:
Прикрепленный файл 321.jpg


Огромное спасибо!!!

Просмотр сообщенияVaccina (17 Март 2017 - 06:25) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Обратный звонок - найдите:
<div class="box">
<div class="content">
{% IF FORM_NOTICE %}
	 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
{% ENDIF %}

замените на:
<div class="box callbackBox">
<div class="content">
{% IF FORM_NOTICE %}
	 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
{% ENDIF %}

Далее найдите и удалите:
<tr>
		 <td><label for="callback_region">Область</label></td>
		 <td><input id="callback_region" type="text" name="form[callback_region]" value="{FORM_CALLBACK_REGION}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_address">Адрес</label></td>
		 <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_city">Город</label></td>
		 <td><input id="callback_city" type="text" name="form[callback_city]" value="{FORM_CALLBACK_CITY}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_zip_code">Почтовый индекс</label></td>
		 <td><input id="callback_zip_code" type="text" name="form[callback_zip_code]" value="{FORM_CALLBACK_ZIP_CODE}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_country">Страна</label></td>
		 <td><input id="callback_country" type="text" name="form[callback_country]" value="{FORM_callback_country}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label></td>
		 <td><input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_convenient_hour_from">Удобное время доставки</label></td>
		 <td>
		 С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="input-text"/>
		 По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="input-text"/>
		 </td>
	 </tr>

<tr>
		 <td><label for="coupon_code">Код купона на скидку</label></td>
		 <td><input id="coupon_code" type="text" name="form[coupon_code]" value="{FORM_COUPON_CODE}" maxlength="255" class="input-text"/></td>
	 </tr>
	 <tr>
		 <td><label for="callback_floor">Этаж</label></td>
		 <td><input id="callback_floor" type="text" name="form[этаж]" value="{FORM_ЭТАЖ}" maxlength="255" class="input-text"/></td>
	 </tr>

Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - в самом конце найдите:
Прикрепленный файл 123.jpg

вместо выделенных строк вставьте:
.callbackBox h1 {
text-align: center;
}
.callbackBox td {
padding: 5px;
}
.callbackBox input, .callbackBox textarea {
border: 1px solid #ccc;
}
.callbackBox .buttons .left {
float: left;
}
.callbackBox .buttons .right {
float: right;
}

Будьте аккуратны в копировании и вставки кода, чтобы не нарушить синтаксис, если все сделано правильно то получится следующий результат:
Прикрепленный файл 321.jpg


Огромное спасибо!!!

P.S. Подскажите, пожалуйста, почему при отправке формы меня автоматически перенаправляют на страницу "Связь с администрацией". Можно сделать так, чтобы клиент оставался там, где он находится?

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

  • 311.jpg



#258494 Обратный Звонок Для Шаблона Весна

Отправлено от hog2211@mail.ru в 17 Март 2017 - 01:13 в Другое

Просмотр сообщенияStasya (15 Март 2017 - 18:03) писал:

Здравствуйте. Да, данная инструкция Вам не совсем подходит, поскольку реализована она для другого дизайн-шаблона. Вам необходимо :
1) Распаковать архив и файл callback загрузить в разделе Сайт-> Редактор шаблонов (в левом столбике Добавить файлы)
2) В этом же разделе открыть шаблон HTML, в нем найти строки
</div>
</body>
</html>
и перед ними вставить код
<!-- Нижняя панель сайта-Конец -->
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
В нем заместо "название картинки" указать название картинки вида kartinka.jpg для отображения (у Вас в примере это телефон в кружочке).  Ее Вам необходимо так же загрузить в разделе Сайт-> Редактор шаблонов.  
3) В конецй файла main.css добавьте блок
a.callback{
position: fixed;
right: 50px;
top: 250px;
width: 150px;
height: 150px;
}

Спасибо большое  за помощь!
Остались маленькие нюансы. Форма обратного звонка белая без полей, вряд ли клиенты поймут где и что заполнять.
И надо оставить только 4 поля для заполнения, это:
1) Представьтесь, пожалуйста;
2) Телефон;
3) Комментарии;
4) E-mail.

Это возможно исправить?
Заранее, спасибо!

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

  • Снимок экрана 2017-03-17 в 0.58.53 копия.jpg



#258208 Обратный Звонок Для Шаблона Весна

Отправлено от hog2211@mail.ru в 12 Март 2017 - 14:11 в Другое

Здравствуйте!
Помогите мне, пожалуйста, с кнопочкой "Обратный звонок"?
Муж попросил поставить кнопочку в уголке сайта. Я прочла Вашу инструкцию, но найти строки нужные не могу. Может это из-за того, что тема другая? На сайте используется тема "Пластик".
Скачала (callme.zip), а строку "<span class="sup_phone"></span>" в HTML для замены не могу найти.
Хотелось бы, чтобы получилось примерно так, как на картинке, прикрепленной ниже.
Наш сайт: http://gebel.pro
Очень признательна за помощь.

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

  • Снимок экрана 2017-03-12 в 14.00.36.jpg