Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Кнопка "заказ В 1 Клик" Рядом С Кнопкой "корзина"

Автор Вадим463, 09 мая 2013 15:34

заказ

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

Сообщений в теме: 375

#301 Вадим463

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

Пользователи
94 сообщений

Отправлено 18 Октябрь 2014 - 14:56

Здравствуйте, уважаемые модераторы!!!
Помогите, пожалуйста, решить следующую проблему!
В описании любого товара у меня в магазине сразу в 3-х местах расположены 3 кнопки заказа: кнопка "В корзину", кнопка "Купить в 1 клик" и кнопка "Наложенный платёж".
В самом верху страницы кнопки расположены как надо - в 3 ряда одна под другой!
А ниже почему-то всего в 2 ряда!!!
Как сделать так, чтобы и снизу кнопки были расположены одна под другой!!!
Прикрепляю скриншот!
Номер моего аккаунта:

SL-142942

Наверх

#302 Danil

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

Пользователи
4 645 сообщений

Отправлено 18 Октябрь 2014 - 15:15

Вадим463 (18 Октябрь 2014 - 14:56) писал:

SL-142942

1.jpg

Здравствуйте.
В шаблоне Товар найдите код

<a class="more-link b3" style="width: 200px; background-size: 200px 60px;" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Купить в 1 клик</a>

И после него вставьте

<br>
<br>

Так же найдите

<a class="more-link b2" style="width: 200px; background-size: 200px 60px;" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Купить в 1 клик</a>

И после него вставьте

<br>
<br>

Наверх

#303 buslena

Новичок

Пользователи
2 сообщений

Отправлено 22 Октябрь 2014 - 13:26

Здравствуйте! помогите пожалуйста. Аккаунт SL- 253063. Подключаю заказ в один клик. При нажатии на кнопку "Быстрый заказ" ошибка На странице возникла JS ошибка:

Uncaught ReferenceError: quickorder is not defined на строке: 235.

Наверх

#304 Danil

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

Пользователи
4 645 сообщений

Отправлено 22 Октябрь 2014 - 14:02

buslena (22 Октябрь 2014 - 13:26) писал:

Uncaught ReferenceError: quickorder is not defined на строке: 235.

Здравствуйте.
При нажатии на кнопку "быстрый заказ" в карточке товара, появляется форма "быстрого заказа".
Попробуйте почистить кэш браузера, если не поможет пришлите скриншот с ошибкой.

Наверх

#305 buslena

Новичок

Пользователи
2 сообщений

Отправлено 22 Октябрь 2014 - 14:15

Спасибо, все получилось

А можно сделать, чтобы после заполнения формы "быстрого заказа" не надо было бы переходить в корзину, заказ был отправлен?

Наверх

#306 Сake

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

Модератоpы
5 979 сообщений

Отправлено 23 Октябрь 2014 - 00:11

У вас при оформлении заказа (используя форму быстрого заказа) - идет переход на страницу просмотра (совершенного) заказа. Перехода в корзину как такового нет. Пожалуйста, опишите подробнее что именно вы хотите реализовать? Переход на страницу просмотра заказа необходим, так как там отображается форма оплаты, а так же необходимая информация покупателя по совершенному заказу.

Наверх

#307 Rebvjd

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

Пользователи
247 сообщений

Отправлено 26 Октябрь 2014 - 10:30

support 2.0 (09 Май 2013 - 16:27) писал:

Здравствуйте, загрузите к себе на сайт прикрепленный файл. Теперь зайдите в файл 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) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
		 content: data,
		 gallery: null,
		 resizable: true,
		 autoSizable: true,
		 windowResize: true,
		 width: width,
		 minHeight: 230
});
}
});
return false;
}

теперь зайдите в шаблон HTML и после

<!-- Скрипты магазина -->

вставьте

<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>

теперь зайдите в шаблон Товар и найдите строчку

<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />

сразу после нее (нажмите enter и переместитесь на пустую строчку) вставьте

<a class="more-link" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Быстрый заказ</a><br /><br />

теперь зайдите в шаблон Товары и найдите

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </p>
		 </form>

сразу после него вставьте

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <a class="readmore" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
			 </p>
		 </form>

support 2.0 (09 Май 2013 - 16:44) писал:

Вам нужно лишь в конец файла 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) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
		 content: data,
		 gallery: null,
		 resizable: true,
		 autoSizable: true,
		 windowResize: true,
		 width: width,
		 minHeight: 230
});
}
});
return false;
}

далее в шаблоне Товар найти

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>

в конце данной строчки поставить enter и в новой строке вставить

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>

в шаблоне Товары найдите

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				 <div>
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				 <a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>
				 <a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
				 </div>
			 </form>

вместо него вставьте

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				 <div>
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				 <a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>
					 <a class="whtgray" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}');return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
				 <a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
				 </div>
			 </form>

В отображении таблицей кнопка не вмещается, поэтому нужно будет изменить ширину или длину этих ячеек товаров.

Помогите пожалуйста, перечитал несколько тем, но так и не понял: мне не нужна дополнительная кнопка ни в товаре, ни в каталоге. Как мне просто заменить кнопку в корзине на быстрый заказ?

Наверх

#308 Rebvjd

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

Пользователи
247 сообщений

Отправлено 27 Октябрь 2014 - 12:24

Почему никто не подскажет? Я файл загрузил, в main.js код добавил. Что нужно еще изменить чтобы при оформлении заказа из корзины попадал на быстрый заказ?

Наверх

#309 Сake

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

Модератоpы
5 979 сообщений

Отправлено 28 Октябрь 2014 - 02:51

Rebvjd (27 Октябрь 2014 - 12:24) писал:

Добавьте в ваш файл main.js следующий код

$(function () {
  $('[name="next_step"]').click(function () {
	var form = $(this).closest('form');
	var data = form.serializeArray();
	data.push({name: 'ajax_q', value: 1});
	data.push({name: 'fast_order', value: 1});
	$.post('/cart/add', data, function (content) {
	  $('#content').html(content);
	});
	return (false);
  });
});

Наверх

#310 Rebvjd

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

Пользователи
247 сообщений

Отправлено 28 Октябрь 2014 - 20:22

Сake (28 Октябрь 2014 - 02:51) писал:

Добавьте в ваш файл main.js следующий код

$(function() {
$('[name="next_step"]').click(function() {
var form = $(this).closest('form');
var data = form.serializeArray();
data.push({name: 'ajax_q', value: 1});
data.push({name: 'fast_order', value: 1});
$.post('/cart/add', data, function(content) {
	 $('#content').html(content);
});
return (false);
});
});

Нечего не изменилось! Код не работает. Посмотрите пожалуйста...

Наверх

#311 Rebvjd

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

Пользователи
247 сообщений

Отправлено 28 Октябрь 2014 - 21:04

Rebvjd (28 Октябрь 2014 - 20:22) писал:

Нечего не изменилось! Код не работает. Посмотрите пожалуйста...

Кто нибудь..... Помогите решить проблему....

Наверх

#312 Сake

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

Модератоpы
5 979 сообщений

Отправлено 29 Октябрь 2014 - 02:10

Проблема в вашем шаблоне была устранена, она была связана с ошибкой в записи doctype (шаблон "HTML"). Перед проверкой очистите кэш в вашем браузере.

Наверх

#313 Rebvjd

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

Пользователи
247 сообщений

Отправлено 29 Октябрь 2014 - 23:15

Сake (29 Октябрь 2014 - 02:10) писал:

Спасибо. Но почему-то не выделены строки куда вписывать маил, фио, телефон, город, индекс. Как исправить???? Подскажите пожалуйста. Очень срочно!

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

Наверх

#314 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 29 Октябрь 2014 - 23:20

Rebvjd (29 Октябрь 2014 - 23:15) писал:

Здравствуйте. В main.css добавьте

#content input {
border: 1px solid gray;
}

Наверх

#315 Rebvjd

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

Пользователи
247 сообщений

Отправлено 02 Ноябрь 2014 - 20:12

Rebvjd (29 Октябрь 2014 - 23:15) писал:

Alekseys (29 Октябрь 2014 - 23:20) писал:

Здравствуйте. В main.css добавьте

#content input {
border: 1px solid gray;
}

А можно как- нибудь по другому исправить эту ошибку? (при оформлении заказа не выделены строки куда вписывать маил, фио, телефон, город, индекс.) Просто после добавления этого кода, изменились кнопки везде, смотрится, как ошибка на сайте какая-то. Посмотрите пожалуйста.

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

Наверх

#316 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 02 Ноябрь 2014 - 20:38

Rebvjd (02 Ноябрь 2014 - 20:12) писал:

Здравствуйте. В шаблоне Быстрый заказ замените

<div class="page-headline"> <h1>Оформление заказа</h1> </div>
<div style="margin:0;padding:0 0 1em 0">

на

<div class="page-headline"> <h1>Оформление заказа</h1> </div>
<div class="space">

затем в main.css замените

#content input {
border: 1px solid gray;
}

на

.space input {
border: 1px solid gray;
}

и добавьте

.space{margin:0;padding:0 0 1em 0}

Наверх

#317 Rebvjd

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

Пользователи
247 сообщений

Отправлено 02 Ноябрь 2014 - 20:59

Alekseys (02 Ноябрь 2014 - 20:38) писал:

Здравствуйте. В шаблоне Быстрый заказ замените

<div class="page-headline"> <h1>Оформление заказа</h1> </div>
<div style="margin:0;padding:0 0 1em 0">

на

<div class="page-headline"> <h1>Оформление заказа</h1> </div>
<div class="space">

затем в main.css замените

#content input {
border: 1px solid gray;
}

на

.space input {
border: 1px solid gray;
}

и добавьте

.space{margin:0;padding:0 0 1em 0}

Фио, майл и телефон выделился, а индекс и город нет. Как исправить?

Наверх

#318 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 02 Ноябрь 2014 - 21:10

Rebvjd (02 Ноябрь 2014 - 20:59) писал:

Фио, майл и телефон выделился, а индекс и город нет. Как исправить?

В main.css добавьте

.input-box input {
border: 1px solid gray;
}

Наверх

#319 Rebvjd

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

Пользователи
247 сообщений

Отправлено 02 Ноябрь 2014 - 21:19

Alekseys (02 Ноябрь 2014 - 21:10) писал:

В main.css добавьте

.input-box input {
border: 1px solid gray;
}

Спасибо огромное. Все получилось.

Наверх

#320 Rebvjd

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

Пользователи
247 сообщений

Отправлено 09 Декабрь 2014 - 22:40

Rebvjd (29 Октябрь 2014 - 23:15) писал:

Alekseys (02 Ноябрь 2014 - 20:38) писал:

Здравствуйте. В шаблоне Быстрый заказ замените

<div class="page-headline"> <h1>Оформление заказа</h1> </div>
<div style="margin:0;padding:0 0 1em 0">

на

<div class="page-headline"> <h1>Оформление заказа</h1> </div>
<div class="space">

затем в main.css замените

#content input {
border: 1px solid gray;
}

на

.space input {
border: 1px solid gray;
}

и добавьте

.space{margin:0;padding:0 0 1em 0}

Здравствуйте. Заметил, что в браузере "Internet Explorer" Быстрый заказ отображается с красными полосами, как исправить?

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

Наверх

Обратно в Общие вопросы

Темы с аналогичным тегами заказ

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Другое → Дублирование Заказа Автор Гость_Foxis_10_* , 27 янв. 2021 дубль, заказ	0 Ответов 835 Просмотров	Foxis_10 27 янв. 2021
Вопросы работы сервиса StoreLand → Инструкция по использованию (документация) → Бэк-офис. Заказы → Выбор Адреса Пвз Сдэк При Оформлении Заказа Автор Гость_arpico-latex_* , 11 февр. 2020 сдэк пвз, сдэк, пвз, заказ и 1 еще...	0 Ответов 1 325 Просмотров	arpico-latex 11 февр. 2020
Вопросы работы сервиса StoreLand → Инструкция по использованию (документация) → Бэк-офис. Заказы → Выбор Адреса Пвз Сдэк При Оформлении Заказа Автор Гость_arpico-latex_* , 11 февр. 2020 сдэк пвз, сдэк, пвз, заказ и 1 еще...	7 Ответов 2 396 Просмотров	MikDark 13 янв. 2021
Практика работы интернет магазина → Магазины → Как Понять Что Заказали? Автор Гость_ShopSoul_* , 16 дек. 2019 заказ	1 Ответ 2 774 Просмотров	stasia 17 дек. 2019
Практика работы интернет магазина → Магазины → Яндекс-Касса Заказ На Почту Автор Гость_Oksana Linker_* , 24 янв. 2019 яндекс-касса оплата, заказ	3 Ответов 1 260 Просмотров	Oksana Linker 24 янв. 2019