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


Бланк Заказа На Главной Странице

ланк заказ пластик

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

#1 Olga89

Olga89

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

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

Отправлено 11 Сентябрь 2014 - 11:10

Здравствуйте, подскажите:

1. Как добавить на главную страницу бланк заказа, как на фото? Между новинками и текстом страницы. По своей сути это та же самая связь с администрацией, только видоизмененная.
2.Как сделать так, что после нажатия на кнопку "Отправить", появлялось сообщение для пользователя "Сообщение было успешно отправлено! Наш специалист свяжется с Вами в течении 24 часов."?

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

  • сайт7.jpg


#2 Vaccina

Vaccina

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

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

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

подобные вопросы обсуждались на форуме и имеются инструкции:
http://forum.storela...язи-на-главной/
http://forum.storela...обратной-связи/
http://forum.storela...а-шаблон-весна/

#3 Olga89

Olga89

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

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

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

Знаете, я перепробовала все, что было по этим ссылкам и по другим тоже.

Сторонний сервис к примеру работает некорректно и может выдавать ошибки, а это потерянные клиентыи потерянные деньги.

Я бы сделала эту форму из Ваших полей связи с администрацией, но это должно быть красиво. В отдельном контейнере с заголовком. Простое копирование и добавление кода связи с администрацией приводит к очень страшненькому результату. В добавок заметила, что Ваше поле "Текст Сообщения" растягивается, если потянуть его за уголок. Это портит весь облик сайта, да и вообще не хотелось бы, чтобы клиент мог что-то двигать.

Получится должно как на фото. Подскажите пожалуйста, как сделать это, используя Ваш код?

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

  • заказ 1 2.jpg


#4 Dars

Dars

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

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

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

Просмотр сообщенияOlga89 (13 Сентябрь 2014 - 05:26) писал:

Знаете, я перепробовала все, что было по этим ссылкам и по другим тоже.

Сторонний сервис к примеру работает некорректно и может выдавать ошибки, а это потерянные клиентыи потерянные деньги.

Я бы сделала эту форму из Ваших полей связи с администрацией, но это должно быть красиво. В отдельном контейнере с заголовком. Простое копирование и добавление кода связи с администрацией приводит к очень страшненькому результату. В добавок заметила, что Ваше поле "Текст Сообщения" растягивается, если потянуть его за уголок. Это портит весь облик сайта, да и вообще не хотелось бы, чтобы клиент мог что-то двигать.

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

 
<div style="width: 100%; overflow: auto;">
<div style="padding: 10px 0px 10px 20px; float: left;">Число на картинке<br />
<input maxlength="12" name="captcha" style="background: rgb(255, 255, 255); border: 1px solid rgb(134, 4, 4); width: 220px; height: 20px; color: rgb(0, 0, 0);" type="text" /></div>
<div style="padding: 10px 20px 10px 0px; float: right;"><a href="http://main-ip.ru/"><img border="0" src="http://main-ip.ru/captcha.php" /></a></div>
</div>

А строку:

<div style="padding: 1px 20px 0px;"><textarea name="text" style="background: rgb(255, 255, 255); border: 1px solid rgb(134, 4, 4); width: 358px; height: 20px; color: rgb(0, 0, 0);"> </textarea></div>

замените на:

<div style="padding: 1px 20px 0px;"><input type="text" name="text" style="background: rgb(255, 255, 255); border: 1px solid rgb(134, 4, 4); width: 358px; height: 20px; color: rgb(0, 0, 0);"></div>


#5 Olga89

Olga89

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

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

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

Подскажите пожалуйста, а зачем я дожна это делать? Получилось вот так:

Я не хочу работать http://main-ip.ru/. Он глючный. Мне нужно на главной странице такого же вида бланк заказа, но ТОЛЬКО ИЗ ВАШЕГО КОДА СВЯЗИ С АДМИНИСТРАЦИЕЙ.

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

  • сайт10.jpg


#6 Olga89

Olga89

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

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

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

Так это возможно?.. :(

#7 Olga89

Olga89

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

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

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

Ну а можно хотя бы убрать картинку с цифрами в этом блоке и сделать так, чтобы, когда заполняешь форму, он не ругался, мол "вы не ввели цифры на картинке"?

#8 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияOlga89 (15 Сентябрь 2014 - 08:53) писал:

Ну а можно хотя бы убрать картинку с цифрами в этом блоке и сделать так, чтобы, когда заполняешь форму, он не ругался, мол "вы не ввели цифры на картинке"?

Здравствуйте, можно переделать форму связи с администрацией под ваши нужды.
Для этого редактируем шаблон Страница и вставляем форму (стили добавлены из вашей уже готовой формы).
В шаблоне Страница  Находим
	 <div class="box-content htmlDataBlock">
	 {% IF FORM_NOTICE %}
		 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	 {% ENDIF %}
	 {PAGE_CONTENT}
	 </div>
Заменяем на
<div class="box-content htmlDataBlock">
	 {% IF FORM_NOTICE %}
		 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	 {% ENDIF %}
	
	 {% IF index_page %}
		 <center>
		 <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 style="background: rgb(56, 55, 55); font: 16px/normal tahoma, verdana; border-radius: 10px; border: 1px solid rgb(134, 4, 4); width: 400px; text-align: left; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;">
				 <div style="background: rgb(254, 0, 0); padding: 10px 5px; border-radius: 10px; border: 1px solid rgb(56, 55, 55); text-align: center; font-size: 20px;"><strong>РАССЧИТАТЬ ЭКРАН ПО АКЦИИ</strong></div>
				 <div style="padding: 8px 20px 0px; border-top-color: rgb(134, 4, 4); border-top-width: 1px; border-top-style: solid;">Имя</div>
				 <div style="padding: 1px 20px 0px;"><input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required" style="background: rgb(255, 255, 255); border: 1px solid rgb(134, 4, 4); width: 358px; height: 20px; color: rgb(0, 0, 0);"/></div>
				 <div style="padding: 8px 20px 0px;">Телефон</div>
				 <div style="padding: 1px 20px 0px;"><input id="feedback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_PHONE}]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="required" style="background: rgb(255, 255, 255); border: 1px solid rgb(134, 4, 4); width: 358px; height: 20px; color: rgb(0, 0, 0);"/></div>
				 <div style="padding: 8px 20px 0px;">E-mail</div>
				 <div style="padding: 1px 20px 0px;"><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" style="background: rgb(255, 255, 255); border: 1px solid rgb(134, 4, 4); width: 358px; height: 20px; color: rgb(0, 0, 0);"/></div>
				 <div style="padding: 8px 20px 0px;">Размер экрана</div>
				 <div style="padding: 1px 20px 0px;"><textarea id="feedback_message" rows="1" cols="80" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required" style="background: rgb(255, 255, 255); border: 1px solid rgb(134, 4, 4); width: 358px; height: 20px; color: rgb(0, 0, 0);">{FORM_FEEDBACK_MESSAGE}</textarea></div>
			 </div>
			 {% ENDIF %}
			 <div style="padding: 5px 20px 15px; text-align: center;">{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="buy_button" style="background: rgb(254, 0, 0); font: 16px/normal tahoma; border-radius: 10px; width: 200px; height: 35px; color: rgb(255, 255, 255); cursor: pointer; font-size-adjust: none; font-stretch: normal;">Отправить</button>{% ENDIF %}</div>
		 </form>
		 </center>
	 {% ENDIF %}
		 {PAGE_CONTENT}
	 </div>

Далее удалите вашу старую форму из описания страницы.

Письма будут приходить на вашу почту указанную в настройках

#9 Olga89

Olga89

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

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

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

ООООО!!! Благодарю и кланяюсь! Отлично работает!
Еще вопросик,
1. как редактировать расстояние между буквами в названиях ячеек, кнопок и
2. как эту форму двигать право-влево?
То есть я хочу чтобы форма была по правому краю ТЕКСТА страницы, а слева я могла бы добавить фотографию.

3. Там черта красная на фото, как ее убрать?

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

  • заказ.jpg


#10 Vaccina

Vaccina

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

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

Отправлено 16 Сентябрь 2014 - 05:21

1.В коде формы к необходимым строкам добавляйте стиль:
letter-spacing: 1px;
значение стиля можете править под себя
2.В коде формы после:
<input type="hidden" name="hash" value="{HASH}" />
						 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
						 {ANTISPAM_CODE}
						 <div style="background: rgb(56, 55, 55); font: 16px/normal tahoma, verdana; border-radius: 10px; border: 1px solid rgb(134, 4, 4); width: 400px; text-align: left; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;">
расположите сл.код:
<div style="float:left;height:200px;">
	<img src="ссылка на картинку" alt="" />
  </div>
3. найдите в коде формы:
<div style="background: rgb(254, 0, 0); padding: 10px 5px; border-radius: 10px; border: 1px solid rgb(56, 55, 55); text-align: center; font-size: 20px;"><strong>РАССЧИТАТЬ ЭКРАН ПО АКЦИИ</strong></div>
замените на:
<div style="background: rgb(254, 0, 0); padding: 10px 5px; border-radius: 10px; text-align: center; font-size: 20px;"><strong>РАССЧИТАТЬ ЭКРАН ПО АКЦИИ</strong></div>


#11 Olga89

Olga89

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

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

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

А можно вставить данную форму заказа в редактируемую страницу через источник, например на страницу "Доставка"? Я пыталась, но получилось очень криво.

#12 Ирина345

Ирина345

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

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

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

Просмотр сообщенияOlga89 (30 Сентябрь 2014 - 12:44) писал:

А можно вставить данную форму заказа в редактируемую страницу через источник, например на страницу "Доставка"? Я пыталась, но получилось очень криво.
Здравствуйте, данную форму в страницу через источник вставить не получится, т.к. данный редактор не воспринимает переменные, которые используются в данном коде.

#13 Olga89

Olga89

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

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

Отправлено 01 Октябрь 2014 - 10:57

Хорошо, тогда как мне вставлять  эту форму на другие страницы?

#14 Dars

Dars

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

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

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

Просмотр сообщенияOlga89 (01 Октябрь 2014 - 10:57) писал:

Хорошо, тогда как мне вставлять  эту форму на другие страницы?
В шаблоне "Страница" найдите код:

		 {% IF index_page %}

и замените его на:

		 {% IF index_page || PAGE_NAME = Доставка и оплата %}






Темы с аналогичным тегами ланк, заказ, пластик

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

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