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


Форма Быстрого Заказа


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

#1 Юрий32

Юрий32

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

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

Отправлено 05 Ноябрь 2018 - 21:49

1-Здравствуйте, можно изменить форму заполнения на кнопку быстрого заказа ?
                    

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

  • БЫСТРЫЙ ЗАКАЗ.png


#2 Ирина345

Ирина345

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

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

Отправлено 16 Ноябрь 2018 - 10:28

Просмотр сообщенияЮрий32 (05 Ноябрь 2018 - 21:49) писал:

1-Здравствуйте, можно изменить форму заполнения на кнопку быстрого заказа ?

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

#3 Юрий32

Юрий32

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

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

Отправлено 16 Ноябрь 2018 - 18:10

да, два поля, но так что бы покупатель видел, что заказывает и сколько нужно денег для минимального заказа,  хотелось бы именно такую как на скрине, только вот чтобы цвета были не синие, а #3c7b20

#4 Юрий32

Юрий32

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

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

Отправлено 21 Ноябрь 2018 - 23:41

модераторы!!!

#5 Vaccina

Vaccina

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

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

Отправлено 24 Ноябрь 2018 - 08:58

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Быстрый заказ
function quickOrder(formSelector) {
  // Находим форму, которую отправляем на сервер, для добавления товара в корзину
  var formBlock = $($(formSelector).get(0));
  // Проверка на существование формы отправки запроса на добавление товара в корзину
  if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
	alert('Не удалось найти форму добавления товара в корзину');
	return false;
  }
  // Получаем данные формы, которые будем отправлять на сервер
  var formData = formBlock.serializeArray();
  // Сообщаем серверу, что мы пришли через ajax запрос
  formData.push({name: 'ajax_q', value: 1});
  // Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
  formData.push({name: 'fast_order', value: 1});
  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
  $.ajax({
	type	: "POST",
		cache	  : false,
		url		  : formBlock.attr('action'),
		data		: formData,
		success: function(data) {
			$.fancybox({
		content : data,
		// При изменении размера окна изменяем размер окна оформления заказа
		onUpdate  : function(){
		  ppModal();
		  var w = $(window).width()*0.8;
		  if(w < 800) {
			// Автоматический ресайз внутреннего блока fancybox-а
			$('.fancybox-inner').css('width', 'auto');
			// Изменяем размер fancybox окна
			$('.fancybox-wrap').css({'width': w + 'px'});
		  }  
		  return false;
		}
			});
            
после него пропишите:
			$('.delivery, .payment, .adress, .account .fields:last, .account .contactWantRegister').hide();


#6 Юрий32

Юрий32

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

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

Отправлено 25 Ноябрь 2018 - 20:29

Спасибо,
1-добавить условие
2-удалить колонку и текст
3- добавить текст: Пожалуйста, проверьте Ваш номер телефона
                                  По телефону с Вами свяжется менеджер!

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

  • быстрый заказ1.png


#7 stasia

stasia

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

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

Отправлено 29 Ноябрь 2018 - 10:27

Просмотр сообщенияЮрий32 (25 Ноябрь 2018 - 20:29) писал:

Спасибо,
1-добавить условие
2-удалить колонку и текст
3- добавить текст: Пожалуйста, проверьте Ваш номер телефона
  По телефону с Вами свяжется менеджер!


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:

.text_minimum {
	text-align: center;
	color: #f10e15;
	font-weight: 600;
}
.text_number {
	margin-top: 5px;
	margin-left: 8%;
}

Зайдите в Редактор шаблонов---Быстрый заказ и найдите данный код:

	  <!-- Данные покупателя -->
	  <div class="account">
		<div class="title-box">
		  <h2 class="title"><span>Форма быстрого оформления заказа</span></h2>
		</div>
		<div class="form-list">

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

	  <!-- Данные покупателя -->
	  <div class="account">
		<div class="title-box">
		  <h2 class="title"><span>Форма быстрого оформления заказа</span></h2>
		  <div class="text_minimum">Минимальная сумма заказа 600 рублей</div>
		</div>
		<div class="form-list">




Найдите данный код:

				  <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="inputText" />
				</div>
			</div>
		  </div>
		{% ENDIF %}
	  {% ENDIF %}
	  <div class="pp">Нажимая на кнопку Оформить заказ, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
	  <!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->


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

				  <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="inputText" />
				</div>
			</div>
		  </div>
		{% ENDIF %}
	  {% ENDIF %}
	  <!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->




Найдите этот код:  
  
		  <div class="fields">
			<label for="sites_client_phone" class="required">Телефон для связи <em>*</em></label>
			<div class="input-box">
			  <i class="fa fa-phone"></i>
			  <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required inputText" type="text"/>
			</div>
		  </div>
		  <div class="fields">
			<label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label>	   
			<div class="input-box">
			  <i class="fa fa-envelope"></i>
			  <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/>
			</div>
		  </div>

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

		  <div class="fields">
			<label for="sites_client_phone" class="required">Телефон для связи <em>*</em></label>
			<div class="input-box">
			  <i class="fa fa-phone"></i>
			  <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required inputText" type="text"/>
			   <div class="text_number">Пожалуйста, проверьте Ваш номер телефона<br>По телефону с Вами свяжется менеджер!</div>
			</div>
		  </div>
		 <!-- <div class="fields">
			<label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label>	   
			<div class="input-box">
			  <i class="fa fa-envelope"></i>
			  <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/>
			</div>
		  </div> -->


#8 Юрий32

Юрий32

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

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

Отправлено 29 Ноябрь 2018 - 20:36

Спасибо за помощь.
можно еще в мобильной версии  заменить  длинное название окна под номером (1) на "Быстрый заказ"
сделать тем самым окно меньше, так что бы форма была видна вся, без прокрутки

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

  • быстрый заказ моб версия.png





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

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