1-Здравствуйте, можно изменить форму заполнения на кнопку быстрого заказа ?
0
Форма Быстрого Заказа
Автор Юрий32, 05 нояб. 2018 21:49
Сообщений в теме: 7
#1
Отправлено 05 Ноябрь 2018 - 21:49
#2
Отправлено 16 Ноябрь 2018 - 10:28
Юрий32 (05 Ноябрь 2018 - 21:49) писал:
1-Здравствуйте, можно изменить форму заполнения на кнопку быстрого заказа ?
Вы хотите в форме быстрого заказа оставить только два поля для заполнения?
Можно установить форму обратной связи в данном окне и покупатель сможет ввести только имя и телефон, у Вас будет сформирован пустой заказ в админ панели магазина и информация о товаре, на котором был совершен запрос.
#3
Отправлено 16 Ноябрь 2018 - 18:10
да, два поля, но так что бы покупатель видел, что заказывает и сколько нужно денег для минимального заказа, хотелось бы именно такую как на скрине, только вот чтобы цвета были не синие, а #3c7b20
#4
Отправлено 21 Ноябрь 2018 - 23:41
модераторы!!!
#5
Отправлено 24 Ноябрь 2018 - 08:58
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
после него пропишите:
Зайдите в раздел Сайт - Редактор шаблонов - 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();
#7
Отправлено 29 Ноябрь 2018 - 10:27
Юрий32 (25 Ноябрь 2018 - 20:29) писал:
Спасибо,
1-добавить условие
2-удалить колонку и текст
3- добавить текст: Пожалуйста, проверьте Ваш номер телефона
По телефону с Вами свяжется менеджер!
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> -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных