#1
Отправлено 11 Сентябрь 2014 - 11:10
1. Как добавить на главную страницу бланк заказа, как на фото? Между новинками и текстом страницы. По своей сути это та же самая связь с администрацией, только видоизмененная.
2.Как сделать так, что после нажатия на кнопку "Отправить", появлялось сообщение для пользователя "Сообщение было успешно отправлено! Наш специалист свяжется с Вами в течении 24 часов."?
#2
Отправлено 12 Сентябрь 2014 - 03:21
http://forum.storela...язи-на-главной/
http://forum.storela...обратной-связи/
http://forum.storela...а-шаблон-весна/
#3
Отправлено 13 Сентябрь 2014 - 05:26
Сторонний сервис к примеру работает некорректно и может выдавать ошибки, а это потерянные клиентыи потерянные деньги.
Я бы сделала эту форму из Ваших полей связи с администрацией, но это должно быть красиво. В отдельном контейнере с заголовком. Простое копирование и добавление кода связи с администрацией приводит к очень страшненькому результату. В добавок заметила, что Ваше поле "Текст Сообщения" растягивается, если потянуть его за уголок. Это портит весь облик сайта, да и вообще не хотелось бы, чтобы клиент мог что-то двигать.
Получится должно как на фото. Подскажите пожалуйста, как сделать это, используя Ваш код?
#4
Отправлено 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
Отправлено 13 Сентябрь 2014 - 07:29
Я не хочу работать http://main-ip.ru/. Он глючный. Мне нужно на главной странице такого же вида бланк заказа, но ТОЛЬКО ИЗ ВАШЕГО КОДА СВЯЗИ С АДМИНИСТРАЦИЕЙ.
#6
Отправлено 15 Сентябрь 2014 - 03:23
#7
Отправлено 15 Сентябрь 2014 - 08:53
#8
Отправлено 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
Отправлено 15 Сентябрь 2014 - 11:48
Еще вопросик,
1. как редактировать расстояние между буквами в названиях ячеек, кнопок и
2. как эту форму двигать право-влево?
То есть я хочу чтобы форма была по правому краю ТЕКСТА страницы, а слева я могла бы добавить фотографию.
3. Там черта красная на фото, как ее убрать?
#10
Отправлено 16 Сентябрь 2014 - 05:21
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
Отправлено 30 Сентябрь 2014 - 12:44
#12
Отправлено 30 Сентябрь 2014 - 15:09
Olga89 (30 Сентябрь 2014 - 12:44) писал:
#13
Отправлено 01 Октябрь 2014 - 10:57
Темы с аналогичным тегами ланк, заказ, пластик
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных