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


Помогите Сделать Пункт Меню Vin Запрос

пункт меню

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

#1 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 14 Февраль 2015 - 11:26

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

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

  • 2015-02-14 11-20-07 Связь с администрацией - Google Chrome.png


#2 Alekseys

Alekseys

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

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

Отправлено 14 Февраль 2015 - 11:41

Просмотр сообщенияВладимир Ал (14 Февраль 2015 - 11:26) писал:

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

#3 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 14 Февраль 2015 - 11:48

Не знаю как сделать дубль страницы связь с администрацией? Так как этот пункт тоже нужно оставить.
и на полученной странице же можно сделать две колонки.?
1 это контакты имя, почта, телефон, и само сообщение
2 это данные  авто -12 строчек

или же видоизменить стороннюю форму  на странице http://stupod.ru/page/VIN-Zapros

В настройке учитывать адаптивность формы для смартфонов.

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

  • 2015-02-14 13-05-42 2015-02-14 12-51-04 VIN Запрос - Google Chrome.png - paint.net версия 4.0.4.png


#4 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 16 Февраль 2015 - 16:21

Дайте пожалуйста ответ, возможно реализовать предыдущий скрин?
Сейчас стоит один столбец.

#5 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 16 Февраль 2015 - 16:36

Просмотр сообщенияВладимир Ал (14 Февраль 2015 - 11:48) писал:

Не знаю как сделать дубль страницы связь с администрацией? Так как этот пункт тоже нужно оставить.
и на полученной странице же можно сделать две колонки.?
1 это контакты имя, почта, телефон, и само сообщение
2 это данные  авто -12 строчек

или же видоизменить стороннюю форму  на странице http://stupod.ru/page/VIN-Zapros

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

#6 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 16 Февраль 2015 - 16:47

Пункт меню VIN запрос.
Должна выглядеть примерно так же как и на  скрине.
Нужно вывести все эти поля для заполнения потенциальным клиентом.
В принципе можно сделать копией пункта связь с администрацией, но не знаю как туда добавить еще ячейки для заполнения.

#7 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Февраль 2015 - 05:20

В таком примере достаточно добавить дополнительную форму обратной связи по сл.инструкции:
http://forum.storela...ок/#entry147381

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

#8 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 17 Февраль 2015 - 10:51

не до конца понял по ссылке, сделайте пожалуйста первоначальную настройку для него с 2-3 полями,  а я уж добавлю недостающие ячейки.
специально под это сделал страницу VIN2, но видать готовые настройки от других шаблонов не совсем подходят.

#9 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 17 Февраль 2015 - 11:50

Просмотр сообщенияВладимир Ал (17 Февраль 2015 - 10:51) писал:

не до конца понял по ссылке, сделайте пожалуйста первоначальную настройку для него с 2-3 полями,  а я уж добавлю недостающие ячейки.
специально под это сделал страницу VIN2, но видать готовые настройки от других шаблонов не совсем подходят.
Здравствуйте, в шаблоне Страница найдите
{% IFNOT index_page %}
  <div class="breadcrumbs_box">
	<a href="http://{NET_DOMAIN}/" title="Перейти на главную" class="headerNavigation1">Главная</a>
	<span class="headerNavigation">{PAGE_NAME}</span>
  </div>
  <h1 class="heading_title">{PAGE_NAME}</h1>
  
{% ENDIF %}

после вставьте

{% IF PAGE_NAME=Vin zapros2%}
  

<h1 class="heading_title">Запрос</h1>
	  {% IF FORM_NOTICE %}
		<div class="form_notice {% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	  {% ENDIF %}
  
	  <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		{% IFNOT FORM_SEND_OK %}
		  <input type="hidden" name="hash" value="{HASH}" />
		  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		  {ANTISPAM_CODE}
		  <div class="clear"></div>
		  <div class="left">
			<p><label for="feedback_name" class="required">Представьтесь, пожалуйста<em>*</em></label></p>
			
			<input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]"  value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required"/>
			<p><label for="feedback_email" class="required">Электронная почта<em>*</em></label></p>
		   
			<input id="feedback_email" type="email"  name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]"  value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/>
			  
			<p><label for="feedback_obem" class="required">Объем двигателя<em>*</em></label></p>
		  <input id="feedback_obem" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_OBEM}]"  value="{FORM_FEEDBACK_OBEM}" maxlength="50" class="required"/>
		   <p><label for="feedback_tip" class="required">Тип топлива<em>*</em></label></p>
		  <input id="feedback_tip" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_TIP}]"  value="{FORM_FEEDBACK_TIP}" maxlength="50" class="required"/>
		 
		  <p><label for="feedback_mosh" class="required">Мощность<em>*</em></label></p>
		  <input id="feedback_mosh" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MOSH}]"  value="{FORM_FEEDBACK_MOSH}" maxlength="50" class="required"/>
		 
			
		  </div>
		  <div class="left">
		   <p><label for="feedback_god" class="required">Год<em>*</em></label></p>
		  <input id="feedback_god" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_GOD}]"  value="{FORM_FEEDBACK_GOD}" maxlength="50" class="required"/>
		   <p><label for="feedback_marka" class="required">Марка<em>*</em></label></p>
		  <input id="feedback_marka" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MARKA}]"  value="{FORM_FEEDBACK_MARKA}" maxlength="50" class="required"/>
		 
		  <p><label for="feedback_model" class="required">Модель<em>*</em></label></p>
		  <input id="feedback_model" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MODEL}]"  value="{FORM_FEEDBACK_MODEL}" maxlength="50" class="required"/>
		 
					  <p><label for="feedback_message" class="required">Сообщения<em>*</em></label></p>
			<textarea id="feedback_message" rows="7" cols="30" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>
		  </div>
			 <div class="left">
		   <p><label for="feedback_pribod" class="required">Привод<em>*</em></label></p>
		  <input id="feedback_pribod" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_pribod}]"  value="{FORM_FEEDBACK_pribod}" maxlength="50" class="required"/>
		   <p><label for="feedback_kuzov" class="required">Тип кузова<em>*</em></label></p>
		  <input id="feedback_kuzov" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_kuzov}]"  value="{FORM_FEEDBACK_kuzov}" maxlength="50" class="required"/>
		 
		  <p><label for="feedback_abs" class="required">ABS<em>*</em></label></p>
		  <input id="feedback_abs" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_abs}]"  value="{FORM_FEEDBACK_abs}" maxlength="50" class="required"/>
		  <p><label for="feedback_vin" class="required">VIN<em>*</em></label></p>
		  <input id="feedback_vin" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_vin}]"  value="{FORM_FEEDBACK_vin}" maxlength="50" class="required"/>
		
					  
		  </div>
		  <div class="clear"></div>
		{% ENDIF %}
		<div class="buttons"> 
		  <div class="left">
			<p class="back-link">{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="buy_button">Отправить</button>{% ENDIF %}</p> 
		  
		  </div>
		  <div class="clear"></div>
		</div>
	  </form>


   {% ENDIF %}


#10 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 17 Февраль 2015 - 12:53

Спасибо, практически то что хотел. Местами поменял. Теперь некоторые нюансы
1 в VIN поле можно запрет ввода кириллицы поставить ?
2 в третьей колонке ширины ячеек разные- нигде не нашел как их подровнять.
3 есть возможность варианты  заполнения полупрозрачным ответом вписать в ячейки?
4 сообщение, которое приходит на почту не содержит названия ячеек, а просто номера  ячеек и вписанный текст. Нельзя ли сделать , чтобы сообщение было полное.
5 как присвоить метку "заполнение обязательно" некоторым другим ячейкам

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

  • 2015-02-17 14-25-37 Vin zapros2 - Google Chrome.png


#11 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 17 Февраль 2015 - 16:16

и  при попытке совместить 2 пункта VIN запроса  я что то нарушил- теперь не работает.

#12 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 17 Февраль 2015 - 18:02

Просмотр сообщенияВладимир Ал (17 Февраль 2015 - 16:16) писал:

и  при попытке совместить 2 пункта VIN запроса  я что то нарушил- теперь не работает.
В шаблоне Страница найдите
{% IF PAGE_NAME=Vin-zapros-2%}

замените на
{% IF PAGE_NAME=Vin запрос%}

вы должны вводить имя страницы, а не ссылку

#13 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 17 Февраль 2015 - 18:17

решил, но ранее высказанные пожелания в силе.

#14 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 18 Февраль 2015 - 14:26

Спасибо, практически то что хотел. Местами поменял. Теперь некоторые нюансы
1 в VIN поле можно запрет ввода кириллицы поставить ? Кстати установленное  ограничение в 17 символов в данном поле действует только через комп, через телефон не действует? Почему
2 в третьей колонке ширины ячеек разные- нигде не нашел как их подровнять.
3 есть такая возможность - варианты  заполнения вписать  полупрозрачным шрифтом в ячейки?
4 сообщение, которое приходит на почту не содержит названия ячеек, а просто номера  ячеек и вписанный текст. Нельзя ли сделать , чтобы сообщение было полное.
5 как присвоить метку "заполнение обязательно" некоторым другим ячейкам

#15 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 19 Февраль 2015 - 17:12

?????????7

#16 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 21 Февраль 2015 - 10:40

Просмотр сообщенияВладимир Ал (18 Февраль 2015 - 14:26) писал:

Спасибо, практически то что хотел. Местами поменял. Теперь некоторые нюансы
1 в VIN поле можно запрет ввода кириллицы поставить ? Кстати установленное  ограничение в 17 символов в данном поле действует только через комп, через телефон не действует? Почему
2 в третьей колонке ширины ячеек разные- нигде не нашел как их подровнять.
3 есть такая возможность - варианты  заполнения вписать  полупрозрачным шрифтом в ячейки?
4 сообщение, которое приходит на почту не содержит названия ячеек, а просто номера  ячеек и вписанный текст. Нельзя ли сделать , чтобы сообщение было полное.
5 как присвоить метку "заполнение обязательно" некоторым другим ячейкам

!!!!

#17 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 21 Февраль 2015 - 17:19

Просмотр сообщенияВладимир Ал (18 Февраль 2015 - 14:26) писал:

Спасибо, практически то что хотел. Местами поменял. Теперь некоторые нюансы
1 в VIN поле можно запрет ввода кириллицы поставить ? Кстати установленное  ограничение в 17 символов в данном поле действует только через комп, через телефон не действует? Почему
2 в третьей колонке ширины ячеек разные- нигде не нашел как их подровнять.
3 есть такая возможность - варианты  заполнения вписать  полупрозрачным шрифтом в ячейки?
4 сообщение, которое приходит на почту не содержит названия ячеек, а просто номера  ячеек и вписанный текст. Нельзя ли сделать , чтобы сообщение было полное.
5 как присвоить метку "заполнение обязательно" некоторым другим ячейкам
Здравствуйте,
1. Добавьте в конец файла main.js
function Latin(obj) {
   if (/^[a-zA-Z0-9 ,.\-:"()]*?$/.test(obj.value)) 
	  obj.defaultValue = obj.value;
   else 
	  obj.value = obj.defaultValue;
}

далее найдите в шаблоне страницы строки на которых необходимо включить ограничения, например

 <input id="feedback_kuzov" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_kuzov}]" value="{FORM_FEEDBACK_kuzov}" maxlength="50" class="required"/>
                
замените на

<input id="feedback_kuzov" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_kuzov}]" onkeyup="Latin(this);" value="{FORM_FEEDBACK_kuzov}" maxlength="50" class="required"/>
по аналогии добавляете код
onkeyup="Latin(this);"  
в которых необходимо добавить ограничения

2. найдите в шаблоне Страница код
{% IF PAGE_NAME=VIN Запрос%}
замените на
{% IF PAGE_NAME=VIN Запрос%}

#feedback_name {
width: 128px;
}
                
3. найдите  в шаблоне страница код
 <input id="feedback_kuzov" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_kuzov}]"  value="{FORM_FEEDBACK_kuzov}" maxlength="50" class="required"/>
                
замените на

<input id="feedback_kuzov" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_kuzov}]"  value="{FORM_FEEDBACK_kuzov}" placeholder="строка" maxlength="50" class="required"/>
placeholder="строка" можно изменить на свой текст

по аналогии вставляете в другие строки


перед внесением изменений создайте бекап

#18 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 21 Февраль 2015 - 18:14

main.js  у меня нет,
вставил в style.css это, но без изменений

#19 Alekseys

Alekseys

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

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

Отправлено 21 Февраль 2015 - 18:49

Просмотр сообщенияВладимир Ал (21 Февраль 2015 - 18:14) писал:

main.js  у меня нет,
вставил в style.css это, но без изменений
Здравствуйте. Данный код вам нужно вставить в main.js, а не в style.css. Данный файл находится в разделе Сайт - Редактор шаблонов - Скрипты.

#20 Владимир Ал

Владимир Ал

    Продвинутый пользователь

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

Отправлено 21 Февраль 2015 - 19:08

Получилось.
1.только есть немного лишнее и поля выровнять надо - как на скрине
2 при попытке заполнения запроса иногда  отправляет на страницу связь с администрацией
3 дайте настройки
-запрета ввода букв в ячейки ( чтоб можно было только цифры водить
- обязательного заполнения данной ячейки.
4 ограничение ввода количества символов, запрет кириллицы через смартфон не действуют.

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

  • 2015-02-21 21-08-05 VIN Запрос - Google Chrome.png
  • 2015-02-21 21-13-45 Связь с администрацией - Google Chrome.png





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

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