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


Добавление Кнопки Быстрого Заказа

кнопка купитьв1клик ыстрыйзаказ

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Vugi

Vugi

    Пользователь

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

Отправлено 25 Сентябрь 2020 - 12:58

Для внесения изменений зайдите в раздел Сайт > Редактор шаблонов > Товар и найдите :

<button style="display:none;" type="submit" class="add-cart quick button_type_one button button_cart_product addToCartWithMod" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>


замените на

<input type="button" value="Быстрый заказ" id="button-quick-cart" class="add-cart button_type_one button_cart_product addToCartWithMod quick" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>


далее найдите

				 <input type="button" value="Быстрый заказ" id="button-cart" class="button_type_one button button_cart_product addToCartWithMod fastorder-button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

замените на

<input type="button" value="Быстрый заказ" id="button-quick-cart" class="add-cart button_type_one button_cart_product addToCartWithMod quick" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

2) Перейдите в Редактор шаблонов > main.css и вставьте самый конец кода :
.fancybox-wrap .order_fields .input-text {padding: 13px 0;width: 100%;margin-top: 0px;}
.fancybox-wrap .order_fields .input-text:nth-child(1) {margin-top: 0px;}
.fancybox-wrap .order_fields .form.quick .quick_block:nth-child(1) { margin-top: 10px;}
.fancybox-wrap .order_fields h2.legend {margin: 15px 0;}
.fancybox-wrap .order_fields select.mainSelect.validInput {padding: 10px 0;width: 100%;}
.fancybox-wrap .order_fields {padding: 15px 20px 20px 20px;}

3) Перейдите в Редактор шаблонов > Html , найдите код

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=vegan"></script>

после него, на следующей строке вставьте:
<script type="text/javascript" src="{ASSETS_JS_PATH}addcart.js?design=vegan"></script>

файл addcart.js прикреплен к инструкции , загрузите его через редактор шаблонов > добавить файл


4) Перейдите в Редактор шаблонов > 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
});
	
}
});
return false;
}

Прикрепленные файлы

  • Прикрепленный файл  addcart.zip   1,59К   33 Количество загрузок:






Темы с аналогичным тегами кнопка, купитьв1клик, ыстрыйзаказ

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

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