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


Возможны Такие Правки? (Каталог 2)


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

#61 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 28 Июнь 2016 - 01:48

В шаблоне Товар найдите:
<div class="col-xs-12 block-account">
																 <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
																 <input type="hidden" name="hash" value="{HASH}" />
																 {ANTISPAM_CODE}
																 <ul class="feedback-form">
																																 <li class="fields">
																																 <i class="fa fa-user"></i>
																																 <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="inputText" required>
																																 </li>
																																 <li class="fields">
																																 <i class="fa fa-envelope"></i>
																																 <input id="feedback_email" placeholder="Электронная почта" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email">
																																 </li>
																																 <li class="fields">
																																 <i class="fa fa-phone"></i>
																																 <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="inputText" required>
																																 </li>
																																 <li class="fields">
																																 <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea" required>{FORM_FEEDBACK_MESSAGE}</textarea>
																																 </li>
																																 <li class="file">
																																 <label for="feedback_file">Прикрепить файл</label>
																																 <div class="input-box">
																																																 <input id="feedback_file" type="file" name="form[assets_file]" value="" class="">
																																 </div>
																																 </li>
																 </ul>
																 <button type="submit" title="Отправить" class="button"><span>Отправить</span></button>
																 </form>
</div>

замените на:
<div class="col-xs-12 block-account in_item">
																 <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
																 <input type="hidden" name="hash" value="{HASH}" />
																 {ANTISPAM_CODE}
																 <ul class="feedback-form">
																																 <li class="fields">
																																 <i class="fa fa-user"></i>
																																 <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="inputText" required>
																																 </li>
																																 <li class="fields">
																																 <i class="fa fa-envelope"></i>
																																 <input id="feedback_email" placeholder="Электронная почта" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email">
																																 </li>
																																 <li class="fields">
																																 <i class="fa fa-phone"></i>
																																 <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="inputText" required>
																																 </li>
																																 <li class="fields">
																																 <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea" required>{FORM_FEEDBACK_MESSAGE}</textarea>
																																 </li>
																																 <li class="file">
																																 <label for="feedback_file">Прикрепить файл</label>
																																 <div class="input-box">
																																																 <input id="feedback_file" type="file" name="form[assets_file]" value="" class="">
																																 </div>
																																 </li>
																 </ul>
																 <button type="submit" title="Отправить" class="button"><span>Отправить</span></button>
																 </form>
				
<script>
$(document).ready(function() {
$(".feedback").fancybox({
maxWidth : 320,
maxHeight : 450,
fitToView : false,
width : '90%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
<a class="feedback fancybox.ajax" href="http://{NET_DOMAIN}/feedback?only_body=1"><span class="button">Оформить заказ</span></a>
</div>

В main.css найдите:
.invalidInput {
	color: #F74444;
	font-size: 90%;
}

после него пропишите:
.in_item .feedback{display:none;}
.in_item .invalidInput {
	clear: both;
	display: block;
}

далее найдите:
@media all and (max-width: 481px) {

после него пропишите:
.in_item .feedback{display:block;}
.in_item > form{display:none;}


#62 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 29 Июнь 2016 - 11:50

Просмотр сообщенияVaccina (28 Июнь 2016 - 01:48) писал:

В шаблоне Товар найдите:[CODE]
Здравствуйте! SL-Аккаунт 376885
Спасибо!!! но
1.Немного поправить (скрин1). надо чтобы все поля обязательные к заполнению и напротив поставить звездочки.
2.в мобильной версии кнопка и при нажатии меняет цвет, а по умолчанию серый, надо чтоб по умолчанию была яркой(цвет как при нажатии).Возможно?
3.Маску заполнения телефона как поставить в эту форму.
4.ПРИ ОФОРМЛЕНИЕ ЗАЯВКИ НА САЙТЕ, заявка некуда НЕ ПРИХОДИТ!!!

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

  • Безымянный.png


#63 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 30 Июнь 2016 - 02:34

В шаблоне Товар найдите:
<li class="file">
																																																																 <label for="feedback_file">Прикрепить файл</label>
																																																																 <div class="input-box">
																																																																																																 <input id="feedback_file" type="file" name="form[assets_file]" value="" class="">
																																																																 </div>
																																																																 </li>
																																 </ul>
																																 <button type="submit" title="Отправить" class="button"><span>Отправить</span></button>

замените на:
<li class="file">
																																																																 <label for="feedback_file">Прикрепить файл</label>
																																																																 <div class="input-box">
																																																																																																 <input id="feedback_file" type="file" name="form[assets_file]" value="" class="">
																																																																 </div>
																																																																 </li>
							 <li class="send"><button type="submit" title="Отправить" class="button"><span>Отправить</span></button></li>
																																 </ul>
																																

далее код:
<li class="fields">
																																																																 <i class="fa fa-user"></i>
																																																																 <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="inputText" required>
																																																																 </li>
																																																																 <li class="fields">
																																																																 <i class="fa fa-envelope"></i>
																																																																 <input id="feedback_email" placeholder="Электронная почта" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email">
																																																																 </li>
																																																																 <li class="fields">
																																																																 <i class="fa fa-phone"></i>
																																																																 <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="inputText" required>
																																																																 </li>
																																																																 <li class="fields">
																																																																 <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea" required>{FORM_FEEDBACK_MESSAGE}</textarea>
																																																																 </li>

замените на:
<li class="fields">
																																																																 <i class="fa fa-user"></i>
																																																																 <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="inputText" required><span>*</span>
																																																																 </li>
																																																																 <li class="fields">
																																																																 <i class="fa fa-envelope"></i>
																																																																 <input id="feedback_email" placeholder="Электронная почта" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email" required><span>*</span>
																																																																 </li>
																																																																 <li class="fields">
																																																																 <i class="fa fa-phone"></i>
																																																																 <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="inputText" required><span>*</span>
																																																																 </li>
																																																																 <li class="fields">
																																																																 <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea" required>{FORM_FEEDBACK_MESSAGE}</textarea><span>*</span>
																																																																 </li>

В main.css найдите:
.feedback-form .fields {
margin-bottom: 10px;
}

после него пропишите:
.feedback-form .file, .feedback-form .send {
width: 49%;
display: inline-block;
}
.feedback-form .send .button {
background: #fe7e22;
}
.feedback-form .fields span {
color: red;
vertical-align: top;
}

Про установку маски на телефон вам ранее отвечали в следующей ветке форума:
http://forum.storela...на/#entry229535

У вас в разделе Настройки - Основные в почте присутсвует пробе, попробуйте его убрать(для проверки работы формы)

#64 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 01 Июль 2016 - 13:08

Просмотр сообщенияVaccina (30 Июнь 2016 - 02:34) писал:

В шаблоне Товар найдите:[CODE]
Здравствуйте! SL-Аккаунт 376885
Спасибо огромное!!!
1.в мобильной версии кнопка в услугах по умолчанию серая (оформить заказ), надо чтоб по умолчанию была яркой(цвет как при нажатии).Возможно?
2.Не работает Обратный звонок.

#65 Firefly

Firefly

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

  • Модераторы
  • 3 753 сообщений

Отправлено 01 Июль 2016 - 13:46

Просмотр сообщенияEgik (01 Июль 2016 - 13:08) писал:

Здравствуйте! SL-Аккаунт 376885
Спасибо огромное!!!
1.в мобильной версии кнопка в услугах по умолчанию серая (оформить заказ), надо чтоб по умолчанию была яркой(цвет как при нажатии).Возможно?
2.Не работает Обратный звонок.

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
@media all and (max-width: 481px) {
.in_item .feedback{display:block;}

Замените на:
@media all and (max-width: 481px) {
.in_item .feedback{display:block;}
.in_item .feedback .button {background-color: #fe7e22;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
function validComment(){
comment = $('#callback_comment');
if(comment.text().length){
$('.comment-error').remove();
q3 = true;
}
else{
$('.comment-error').remove();
$('#callback_comment').after('<div class="comment-error">Вы не ввели комментарий</div>');
}
}

Замените на:
function validComment(){
comment = $('#callback_comment');
if(comment.val().length){
$('.comment-error').remove();
q3 = true;
}
else{
$('.comment-error').remove();
$('#callback_comment').after('<div class="comment-error">Вы не ввели комментарий</div>');
}
}


#66 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 01 Июль 2016 - 14:31

Просмотр сообщенияFirefly (01 Июль 2016 - 13:46) писал:

Здравствуйте.
2. При таких правка улетел левый блок, уехал подвал.(в моб версии.) и также в подвале стало невидно надписи "обратный звонок" и также все уехало в услугах. Откатил назад.
(изменения бэкап 14:31:57)

#67 Firefly

Firefly

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

  • Модераторы
  • 3 753 сообщений

Отправлено 01 Июль 2016 - 15:26

Просмотр сообщенияEgik (01 Июль 2016 - 14:31) писал:

2. При таких правка улетел левый блок, уехал подвал.(в моб версии.) и также в подвале стало невидно надписи "обратный звонок" и также все уехало в услугах. Откатил назад.
(изменения бэкап 14:31:57)

Видимо при вставке кода Вы допускали ошибку, затирая какую-либо скобку.
Произвел Вам изменения по инструкции. Сейчас все выглядит корректно.

#68 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 01 Июль 2016 - 16:25

Просмотр сообщенияFirefly (01 Июль 2016 - 15:26) писал:

Спасибо большое !!!!!
(комментарий стал необязательный, но вроде пока не критично)




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

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