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


Изменение Формы Обратной Связи

Автор arver, 30 авг. 2014 21:17

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 31

#1 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 30 Август 2014 - 21:17

Добрый вечер,помогите отредактировать форму обратной связи,так чтобы получилось все ровно как на картинке

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

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

  • проблема.jpg

#2 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 31 Август 2014 - 07:17

Просмотр сообщенияarver (30 Август 2014 - 21:17) писал:

Добрый вечер,помогите отредактировать форму обратной связи,так чтобы получилось все ровно как на картинке

форма обратной связи находится на странице оптовый раздел или пункт меню на главной(оптовикам).
Здравствуйте.
В main.css
label {
margin-top: 10px!important;
display: inline-block;
vertical-align: top\0/;
}
измените на
label {
margin-top: 10px!important;
/* display: inline-block; */
vertical-align: top;
}
В шаблоне Связь с администрацией
	   <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		{ANTISPAM_CODE}
		<h5 title="Ваши персональные данные">Сообщение администрации магазина</h5>
		<ul class="form-list">
		  <li class="fields">
			<div class="customer-name">
			  <div class="field name-firstname">
				<label for="feedback_name">Наименование организации<em>*</em></label>
				<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"/>
				</div>
			  </div>
			  <div class="field name-lastname">
				<label for="feedback_email">Электронная почта<em>*</em></label>
				<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"/>
				</div>
			  </div>
			</div>
		  </li>
		  <li class="wide">
			<div class="clear"></div>
			<label for="feedback_message">Текст сообщения<em>*</em></label>
			<div class="input-box">
			  <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="40" rows="7" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>
			</div>
		  <li>
		  <li class="wide">
			<label for="feedback_file" class="required">Прикрепить файл</label>
			<div class="input-box">
			  <input id="feedback_file" type="file" name="form[assets_file]" value="" style="height:auto;border:0px;" />
			</div>
		  </li>
		</ul>
	  </div>
	{% ENDIF %}
	<div class="buttons-set">
	  <!--{% IFNOT FORM_SEND_OK %}<p class="required">* Обязательные поля</p>{% ENDIF %}-->
	  <p class="submit"><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
	  {% IFNOT FORM_SEND_OK %}<input type="submit" title="Отправить" class="exclusive" value="Отправить" />{% ENDIF %}
	  </p>
	</div>
  </form>
</div>
измените на
		<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		{ANTISPAM_CODE}
		<h5 title="Ваши персональные данные">Сообщение администрации магазина</h5>
		<ul class="form-list">
		  <li class="fields">
			<div class="customer-name">
			  <div class="field name-firstname">
				<label for="feedback_name">Наименование организации<em>*</em></label>
				<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" style="display: block;"/>
				</div>
			  </div>
			  <div class="field name-lastname">
				<label for="feedback_email">Электронная почта<em>*</em></label>
				<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" style="display: block;"/>
				</div>
			  </div>
			</div>
		  </li>
		  <li class="wide">
			<div class="clear"></div>
			<label for="feedback_message">Текст сообщения<em>*</em></label>
			<div class="input-box">
			  <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="40" rows="7" class="required" style="display: block;">{FORM_FEEDBACK_MESSAGE}</textarea>
			</div>
		  <li>
		  <li class="wide">
			<label for="feedback_file" class="required">Прикрепить файл</label>
			<div class="input-box">
			  <input id="feedback_file" type="file" name="form[assets_file]" value="" style="height:auto;border:0px;" />
			</div>
		  </li>
		</ul>
	  </div>
	{% ENDIF %}
	<div class="buttons-set">
	  <!--{% IFNOT FORM_SEND_OK %}<p class="required">* Обязательные поля</p>{% ENDIF %}-->
	  <p class="submit"><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
	  {% IFNOT FORM_SEND_OK %}<input type="submit" title="Отправить" class="exclusive" value="Отправить" />{% ENDIF %}
	  </p>
	</div>
  </form>
</div>

#3 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 31 Август 2014 - 11:11

Не помогло...


p.s.а может изменения надо проводить в коде который я добавил на эту страницу,а не в шаблоне
<form action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data" method="post">
<div><input name="hash" type="hidden" value="{HASH}" /> <label for="feedback_name">Наименование организации:</label> <input class="input required" id="feedback_name" maxlength="50" name="form[feedback_name]" value="" /><br />
<br />
<label for="feedback_еmail">E-mail:</label> <input class="input required email" id="feedback_еmail" maxlength="255" name="form[feedback_email]" value="" /><br />
<br />
<label for="feedback_message">Текст сообщения</label><textarea class="required" cols="100" id="feedback_message" name="form[feedback_message]" rows="10"></textarea><br />
<br />
<label for="feedback_file">Прикрепить файл</label> <input id="feedback_file" name="form[assets_file]" type="file" value="" /><br />
<br />
<br />
<input class="more-link" type="submit" value="Отправить" /></div>
</form>

#4 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 31 Август 2014 - 12:50

help

#5 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 31 Август 2014 - 14:02

help

#6 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 31 Август 2014 - 14:49

Просмотр сообщенияarver (31 Август 2014 - 14:02) писал:

help
Здравствуйте!
Найдите строку (в коде, который Вы добавляли):
<label for="feedback_name">Наименование организации:</label>
замените ее на
<label style="margin-left: -72px;" for="feedback_name">Наименование организации:</label>
также найдите строку
<label for="feedback_еmail">E-mail:</label>
замените ее на
<label style="margin-left: 55px;" for="feedback_еmail">E-mail:</label>

#7 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 31 Август 2014 - 18:34

не получается добавить после текст сообщения <font color="red">*</font> звездочка получается внизу почему-то...

#8 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 31 Август 2014 - 18:43

+самое главное письма не отправляются,хотя e-mail указан в настройках!

#9 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 31 Август 2014 - 18:47

Просмотр сообщенияarver (31 Август 2014 - 18:34) писал:

не получается добавить после текст сообщения <font color="red">*</font> звездочка получается внизу почему-то...
попробуйте Ваш код заменить на такой (предварительно сохранив Ваш вариант)

Скрытый текст

#10 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 31 Август 2014 - 18:49

третий пункт-текст сообщения половина слова не отображается+письма все также не отображаются

#11 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 31 Август 2014 - 19:30

Просмотр сообщенияarver (31 Август 2014 - 18:49) писал:

третий пункт-текст сообщения половина слова не отображается+письма все также не отображаются
В целом такая реализация на странице не может полноценно функционировать т.к нет обработчиков (php или javascript). Вместо этой формы советуем использовать форму Связь с администрацией, полноценно функционирующую, или сервис, использование которого описано в этой ветке нашего форума.

#12 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 31 Август 2014 - 19:32

Просмотр сообщенияdaria_dnk (31 Август 2014 - 19:30) писал:

Вместо этой формы советуем использовать форму Связь с администрацией, полноценно функционирующую
Хорошо,тогда помогите эту форму перенести мне на страницу оптовый раздел..

#13 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 31 Август 2014 - 20:10

Просмотр сообщенияarver (31 Август 2014 - 19:32) писал:

Хорошо,тогда помогите эту форму перенести мне на страницу оптовый раздел..
В разделе Сайт->Меню добавьте новый пункт меню где в заголовке укажите Оптовикам, куда ссылается - Связь с администрацией.

В разделе Сайт ->Редактор шаблонов в шаблоне Связь с администрацией
замените строки
<span class="navigation-pipe"></span>
Связь с администрацией
</div>
на
<span class="navigation-pipe"></span>
Заявка на получение оптового прайса
</div>
и строки
<h3 class="title">
{% IF FORM_SEND_OK %}
Ваше сообщение успешно отправлено администрации магазина
{% ELSE %}
Связь с администрацией
{% ENDIF %}
</h3>
на
<h3 class="title">
{% IF FORM_SEND_OK %}
Заявка на получение оптового прайса успешно отправлено администрации магазина
{% ELSE %}
Заявка на получение оптового прайса
{% ENDIF %}
</h3>

#14 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 01 Сентябрь 2014 - 08:00

помогите еще удалить выделенное на картинке+поменять цвет верхней полоски на синюю

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

  • проблема.jpg

#15 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 01 Сентябрь 2014 - 08:12

Просмотр сообщенияarver (01 Сентябрь 2014 - 08:00) писал:

помогите еще удалить выделенное на картинке+поменять цвет верхней полоски на синюю
Здравствуйте.
в main.css
.content-form {
padding: 0 20px !important;
margin-bottom: 20px;
background: #ffffff;
border-left: none;
border-right: none;
border-bottom: none;
border-top: 6px solid #da3b44;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
/* margin: 10px auto 0 auto; */
padding: 0;
width: 300px;
text-align: center;
}
измените на
.content-form {
padding: 0 20px !important;
margin-bottom: 20px;
background: #ffffff;
border-left: none;
border-right: none;
border-bottom: none;
border-top: 6px solid #5674b6;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
/* margin: 10px auto 0 auto; */
padding: 0;
width: 300px;
text-align: center;
}
В шаблоне обратный звонок
<div style="text-align: center;">
  <h3 class="title">
	{% IF FORM_SEND_OK %}
	  Ваше сообщение успешно отправлено администрации магазина
	{% ELSE %}
	  Заказ обратного звонка
	{% ENDIF %}
  </h3>
измените на
<div style="text-align: center;">
  <h3 class="title">
	{% IF FORM_SEND_OK %}
	  Ваше сообщение успешно отправлено
	{% ELSE %}
	  Заказ обратного звонка
	{% ENDIF %}
  </h3>

Сообщение отредактировал batta: 01 Сентябрь 2014 - 08:16

#16 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 01 Сентябрь 2014 - 08:38

Нужна помощь,так же обратная связь,однако на другой странице(с другой "темой" то есть тоже заявка,но уже не на получение прайса листа..

#17 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 01 Сентябрь 2014 - 08:50

Просмотр сообщенияarver (01 Сентябрь 2014 - 08:38) писал:

Нужна помощь,так же обратная связь,однако на другой странице(с другой "темой" то есть тоже заявка,но уже не на получение прайса листа..
Уточните, где нужно? что поправить? если другой аккаунт то сообщите нам его.

#18 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 01 Сентябрь 2014 - 09:06

нет еще один пункт в меню - детским садам.
только в обратной связи например не получение оптового прайс листа,а получение коммерческого предложения

#19 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 01 Сентябрь 2014 - 09:13

Просмотр сообщенияarver (01 Сентябрь 2014 - 09:06) писал:

нет еще один пункт в меню - детским садам.
только в обратной связи например не получение оптового прайс листа,а получение коммерческого предложения
К сожалению, данное название предназначено и для оптовиков и детских садов, при изменении оно поменяться и там и там.

#20 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 01 Сентябрь 2014 - 09:15

да я знаю,но мне нужны две формы обратной связи с разными названиями
Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. → Изменение общей стилистики
  6. Privacy Policy