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

[Ксения М]

День добрый, дайте совет плз.
Нужно вставить форму подписки под меню самого простого вида - поле "имя" и "e-mail".
Не хочу использовать никакие сторонние сервисы, т.к. пока неизвестно, с помощью какого из них будут проводиться рассылки. Сейчас нужно на несколько месяцев в качестве временного решения вставить вот такую самую простую форму для набора подписчиков.
Перечитала все на форуме, вроде вариант без сторонних сервисов не рассматривали.

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

• 

[Сake]

Пожалуйста, уточните ваш вопрос - как я понимаю вы хотите отслеживать использование данной формы через связь с администрацией? Использование сторонних сервисов заключается как в возможности производить рассылку, так и создание базы подписавшихся клиентов. Без использования сторонних сервисов нет возможности куда либо сохранить информацию о подписчике, кроме отправки сообщения через обратную связь. Например как это происходит при обратном звонке или других реализациях через обратную связь.

[Ксения М]

Мне нужно просто собирать эл. адреса, например, чтобы, при оставлении покупателем данных в этих формах мне на почту приходило письмо с этими данными (да, как при обратной связи). Или, еще как вариант, чтобы они сразу регистрировались на сайте. Ну или еще как-то иначе. Сервис mail-p (или как там его) с обратным звонком тоже не подходит - там помимо полей Фио и e-mail обязательно добавление поля с сообщением, а оно совсем не нужно. И к тому же формы нужны компактные, шириной 180 п., чтобы можно было вставить под меню,

[Сake]

Можно использовать следующий код формы

<div class="submit-form">
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		{% IFNOT FORM_SEND_OK %}
		  <div class="fieldset">
				<input type="hidden" name="hash" value="{HASH}" />
				<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка" />
				<span class="insert-antispam"></span>
				<h5>Подписаться</h5>
				<ul class="form-list">
				  <li class="fields">
						<div class="customer-name">
						  <div class="field name-firstname">
								<div class="input-box">
								  <input type="text" id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]"  value="{FORM_FEEDBACK_NAME}" maxlength="50" class="light required" placeholder="Введите ваше имя" />
								</div>
						  </div>
						  <div class="field name-lastname">
								<div class="input-box">
								  <input type="text" id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]"  value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email light" placeholder="Введите ваш e-mail" />
								</div>
						  </div>
						</div>
				  </li>
				</ul>
		  </div>
		{% ENDIF %}
		<div class="buttons-set">
		  <input type="submit" title="Подписаться сейчас" class="exclusive" value="Подписаться сейчас" />
		  </p>
		</div>
  </form>
</div>

в дополнении формы необходимы следующие изменения - в шаблоне "Связь с администрацией" необходимо найти

{ANTISPAM_CODE}

и заменить на

<span id="inject-antispam">{ANTISPAM_CODE}</span>

после в файл main.js добавить

$(function() {
  if($('.insert-antispam').length) {
		 $.get('/feedback', function(html) {
		   $(html).find('#inject-antispam').children().appendTo($('.insert-antispam'));
		 });
  }
$('.exclusive.submit-form').click(function(){
   var form = $(this).closest('form');
   $.post(form.attr('action'), form.serializeArray(), function() {
				 $('.submit-form').html('<h5 class="msg">Спасибо за подписку!</h5>');
		});
		return(false);
});
});

[Ксения М]

большое спасибо, то, что надо!
а можно, чтобы после нажатия кнопки "Подписаться сейчас" не открывалась страничка Связь с администрацией? а чтобы было, например, так же, как после отправки сообщения через форму обратной связи - фраза вроде "ваше сообщение отправлено"?

[Ксения М]

первый раз ввела данные в формы для пробы - мне на почту пришло письмо, все было ок. Сейчас ввожу - и письмо не приходит, данные не сохраняются. Заметила, что при отправке из данной формы появляется сообщение, как на фото 1, и идет пересылка на стр. Связь с администрацией. А при отправке из формы Связи с администрацией - как на фото 2. Не знаю, вдруг это имеет значение.

и еще в IE не видны надписи "введите ваше имя" и "введите ваш e-mail"

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

• 
• 

[Ксения М]

сайт http://zoo-shoe.ru

[Сake]

Попробуйте сделать следующее - в файле main.js найдите

$(function() {
  if($('.insert-antispam').length) {
				 $.get('/feedback', function(html) {
				   $(html).find('#inject-antispam').children().appendTo($('.insert-antispam'));
				 });
  }
$('.exclusive.submit-form').click(function(){
   var form = $(this).closest('form');
   $.post(form.attr('action'), form.serializeArray(), function() {
								 $('.submit-form').html('<h5 class="msg">Спасибо за подписку!</h5>');
				});
				return(false);
});
});

и замените на

$(function() {
  if($('.insert-antispam').length) {
				 $.get('/feedback', function(html) {
				   $(html).find('#inject-antispam').children().appendTo($('.insert-antispam'));
	   $('#feedback_name').attr('name', $(html).find('#feedback_name').attr('name'));
	   $('#feedback_email').attr('name', $(html).find('#feedback_email').attr('name'));
	   $('#feedback_message').attr('name', $(html).find('#feedback_message').attr('name'));
				 });
  }
$('.exclusive.submit-form').click(function(){
   var form = $(this).closest('form');
   $.post(form.attr('action'), form.serializeArray(), function() {
								 $('.submit-form').html('<h5 class="msg">Спасибо за подписку!</h5>');
				});
				return(false);
});
});

далее в шаблоне "HTML" найдите

<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка" />

и замените на

<input type="hidden" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка" />

[Ксения М]

не помогло
письма с данными не приходят
и в IE после этого стало некорректно отображаться, см. скрин. В Firefox отображается нормально.

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

• 

[Koderhan]

Для исправления в ie.
Попробуйте изменить стили. Код:

ul.leftmenu {
margin-right: 20px;
margin-left: 20px;
}

Заменить:

ul.leftmenu {
margin-left: 20px;/*отступ слева для правого блока */
}

[Ксения М]

не помогает

[Сake]

Цитата

письма с данными не приходят

Найдите в main.js строку

$('#feedback_message').attr('name', $(html).find('#feedback_message').attr('name'));

и замените её на

$('#feedback_message').attr('name', $(html).find('#feedback_message').attr('name'));
var hidden = /ElementById\("(.*)"\).*ibute\(.*, "(.*)"\)/.exec(html);
$('#'+hidden[1]).val(hidden[2]);

По поводу IE:
Вы по всей видимости самостоятельно изменили заголовок "Подписка на новости" задав ему некорректный синтаксис. На данный момент у вас заголовок имеет вид

<li><h2>Подписка на новости</h2></li>

вам необходимо удалить теги <li> и </li>. В итоге он должен принять вид

<h2>Подписка на новости</h2>

аналогично тому заголовку который был представлен в примерах (инструкциях) ранее.

[Ксения М]

работает, большое-большое спасибо!
а можно сделать, чтобы в IE было видно фразы в формах "Введите ваше имя" и "Ввведите ваш e-mail"? в Файрфоксе и Хроме видно.

[Сake]

Как я понимаю речь идет о старой версии IE которая не поддерживает атрибут "placeholder". В данном случае как вариант вынести имя поля за пределы самого поля, т.е удалить placeholder и добавить имя рядом с самим полем <input>. Альтернативный вариант заменить атрибут

placeholder="Введите ваше имя"

на

onblur="this.value=(this.value=='') ? 'Введите ваше имя' : this.value;" onfocus="this.value=(this.value=='Введите ваше имя') ? '' : this.value;"

а атрибут

placeholder="Введите ваш e-mail"

на

onblur="this.value=(this.value=='') ? 'Введите ваш e-mail' : this.value;" onfocus="this.value=(this.value=='Введите ваш e-mail') ? '' : this.value;"

[Ксения М]

теперь странно работает: изначально надписи эти вообще не видны, но стоит поставить курсор в одну из форм, на другой надпись появляется. Переставляешь курсор во второе поле - в первом появляется, во втором исчезает. Потом курсов вообще убираешь, и тогда надписи видно в двух формах.

[Koderhan]

Вам еще нужно дописать значения value.
После кода:

onblur="this.value=(this.value=='') ? 'Введите ваше имя' : this.value;" onfocus="this.value=(this.value=='Введите ваше имя') ? '' : this.value;"

Добавить через пробел:

value="Введите ваше имя"

После кода:

onblur="this.value=(this.value=='') ? 'Введите ваш e-mail' : this.value;" onfocus="this.value=(this.value=='Введите ваш e-mail') ? '' : this.value;"

Добавить:

value="Введите ваш e-mail"

Будет:

onblur="this.value=(this.value=='') ? 'Введите ваш e-mail' : this.value;" onfocus="this.value=(this.value=='Введите ваш e-mail') ? '' : this.value;" value="Введите ваш e-mail"

[blessdress]

Еще вопрос по подпискам. К примеру, зашел покупатель, увидел товар. Но ему дороговато и он готов подождать снижения цены. Можно предложить ему сделать подписку на акции. Как это реализовать?

[Koderhan]

К сожалению пока что стандартным функционалом такого рода подписки организовать нельзя.

[blessdress]

Koderhan (06 Декабрь 2013 - 13:04) писал:

К сожалению пока что стандартным функционалом такого рода подписки организовать нельзя.

Очень жаль!

[Acum56]

Здравствуйте помогите пожалуйста разместить код в шаблон "поиска" - идея состоит в том, чтобы перед результатами выдачи была форма обратной связи как в шаблоне "Связь с администрацией" - я пробовал вставить код, но сообщения не отправляются из формы ПОИСК