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


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

заказ

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

#361 Stasya

Stasya

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

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

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

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

Скрипт не работает прошу помочь. Спаисбо!

Все дело в том что Вы выполнили инструкцию не до конца.
В Вашем файле 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;
}


#362 bartjohn

bartjohn

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

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

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

Спс, но можно ли сделать окно меньше. А во вторых ооочень долго грузит...

#363 Stasya

Stasya

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

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

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

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

Спс, но можно ли сделать окно меньше. А во вторых ооочень долго грузит...

Проблемы в загрузке не наблюдаю. Лкно всплывает довольно быстро.
Чтобы уменьшить размер окна браузера Вам необходимо в блоке
// Быстрый заказ
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;
}

найти строку
var width = $(window).width() * 0.8;

и заменить ее на
var width = '725px';


#364 bartjohn

bartjohn

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

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

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

Спасибо, все ок. Да уже не "глючит". А есть возможность изменить стилистику формы, а то "стремненько" смотрится :) . Как нибудь в стиле сайта. Если сложно, то и так "сойдет" :)
Все равно клиент ленивый...

#365 Danil

Danil

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

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

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

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

Спасибо, все ок. Да уже не "глючит". А есть возможность изменить стилистику формы, а то "стремненько" смотрится :) . Как нибудь в стиле сайта. Если сложно, то и так "сойдет" :)
Все равно клиент ленивый...
Здравствуйте.
Стилистику формы изменить можно, пришлите скриншот с обозначенными изменениями, чтобы мы могли подобрать инструкцию.

#366 Павел1

Павел1

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

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

Отправлено 15 Январь 2019 - 21:33

Добрый день. А для шаблона с дизайном "Веган" можете подсказать какой шаблон замены? Всю инструкцию сделал, а в шаблоне товар и товары не нашел указанного кода.

#367 Vaccina

Vaccina

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

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

Отправлено 17 Январь 2019 - 23:59

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

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

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

далее зайдите в 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(){
		  var w = $(window).width()*0.8;
		  
		  if(w < 800) {
			// Автоматический ресайз внутреннего блока fancybox-а
			$('.fancybox-inner').css('width', 'auto');
			// Изменяем размер fancybox окна
			$('.fancybox-wrap').css({'width': w + 'px'});
		  }  
		  return false;
		}
			});
	  $('.fancybox-inner > .alignCenter').hide();
	  $('#quickform2').show();
	  setTimeout(function(){$.fancybox.update();}, 500);
		}
	});

  return false;
}


#368 Павел1

Павел1

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

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

Отправлено 21 Январь 2019 - 20:14

Просмотр сообщенияVaccina (17 Январь 2019 - 23:59) писал:

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

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

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

далее зайдите в 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(){
		 var w = $(window).width()*0.8;
		
		 if(w < 800) {
		 // Автоматический ресайз внутреннего блока fancybox-а
		 $('.fancybox-inner').css('width', 'auto');
		 // Изменяем размер fancybox окна
		 $('.fancybox-wrap').css({'width': w + 'px'});
		 }
		 return false;
	 }
});
	 $('.fancybox-inner > .alignCenter').hide();
	 $('#quickform2').show();
	 setTimeout(function(){$.fancybox.update();}, 500);
}
});

return false;
}



Спасибо. Получилось.

#369 Павел1

Павел1

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

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

Отправлено 21 Январь 2019 - 20:49

Добрый день. А как вставить кнопку купить в 1 клик, в каталоге товаров при горизонтальной выкладке товаров?  Шаблон веган. https://yadi.sk/i/2arTC5zhEX24gg

#370 Vaccina

Vaccina

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

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

Отправлено 22 Январь 2019 - 02:15

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
					{%IF goods.MIN_REST_VALUE > 0 %}
					  <div class="">				   
						<a class="addToCart button" 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}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"><span class="">В корзину</span></a>
					  </div>
					{%ELSEIF goods.MIN_REST_VALUE = 0%}
					  <div class="">				   
						<span class="noavalible addToCart">Нет в наличии</a>
					  </div>
					{%ENDIF%}

замените на:
					{%IF goods.MIN_REST_VALUE > 0 %}
					  <div class="">				   
						<a class="addToCart button" 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}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"><span class="">В корзину</span></a>
						<button type="submit" class="add-cart quick button_type_one button button_cart_product addToCartWithMod" onclick="quickorder('.goodsListItemCatalogueAddToCartButton'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
					  </div>
					{%ELSEIF goods.MIN_REST_VALUE = 0%}
					  <div class="">				   
						<span class="noavalible addToCart">Нет в наличии</span>
						<button type="submit" class="add-cart quick button_type_one button button_cart_product addToCartWithMod" onclick="quickorder('.goodsListItemCatalogueAddToCartButton'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
					  </div>
					{%ENDIF%}

далее зайдите в main.css - найдите:
.category-info .addToCart{text-transform: uppercase;cursor: pointer;width: 165px;height: 40px;line-height: 40px;text-align: center;display: block;background: #99c800;color: white;font-size: 14px;border-radius:4px;}

замените на:
.category-info .addToCart{text-transform: uppercase;cursor: pointer;width: 165px;height: 40px;line-height: 40px;text-align: center;display: inline-block;background: #99c800;color: white;font-size: 14px;border-radius:4px;}


#371 Павел1

Павел1

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

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

Отправлено 22 Январь 2019 - 21:04

Просмотр сообщенияVaccina (22 Январь 2019 - 02:15) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
				 {%IF goods.MIN_REST_VALUE > 0 %}
					 <div class="">				
					 <a class="addToCart button" 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}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"><span class="">В корзину</span></a>
					 </div>
				 {%ELSEIF goods.MIN_REST_VALUE = 0%}
					 <div class="">				
					 <span class="noavalible addToCart">Нет в наличии</a>
					 </div>
				 {%ENDIF%}

замените на:
				 {%IF goods.MIN_REST_VALUE > 0 %}
					 <div class="">				
					 <a class="addToCart button" 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}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"><span class="">В корзину</span></a>
					 <button type="submit" class="add-cart quick button_type_one button button_cart_product addToCartWithMod" onclick="quickorder('.goodsListItemCatalogueAddToCartButton'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
					 </div>
				 {%ELSEIF goods.MIN_REST_VALUE = 0%}
					 <div class="">				
					 <span class="noavalible addToCart">Нет в наличии</span>
					 <button type="submit" class="add-cart quick button_type_one button button_cart_product addToCartWithMod" onclick="quickorder('.goodsListItemCatalogueAddToCartButton'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
					 </div>
				 {%ENDIF%}

далее зайдите в main.css - найдите:
.category-info .addToCart{text-transform: uppercase;cursor: pointer;width: 165px;height: 40px;line-height: 40px;text-align: center;display: block;background: #99c800;color: white;font-size: 14px;border-radius:4px;}

замените на:
.category-info .addToCart{text-transform: uppercase;cursor: pointer;width: 165px;height: 40px;line-height: 40px;text-align: center;display: inline-block;background: #99c800;color: white;font-size: 14px;border-radius:4px;}

Спасибо. Кнопка появилась. Но между кнопками нет зазора. Можно ли расстояние между ними сделать? Или кнопку в один клик рядом справа поставить от кнопки в корзину. Шаблон веган. https://yadi.sk/i/pEMhFGl6WEeN-A

#372 Vaccina

Vaccina

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

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

Отправлено 23 Январь 2019 - 01:35

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

В профиле форума укажите пожалуйста ваш номер аккаунта.

#373 Павел1

Павел1

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

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

Отправлено 23 Январь 2019 - 20:41

Указал.

#374 Vaccina

Vaccina

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

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

Отправлено 24 Январь 2019 - 01:09

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

Благодарю, уточните пожалуйста, в каком браузере у вас данное отображение, у меня отображается следующим образом:
Грили  барбекю.png

#375 Павел1

Павел1

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

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

Отправлено 24 Январь 2019 - 20:35

Просмотр сообщенияVaccina (24 Январь 2019 - 01:09) писал:

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

Благодарю, уточните пожалуйста, в каком браузере у вас данное отображение, у меня отображается следующим образом:
Прикрепленный файл Грили барбекю.png

Добрый день. Да, действительно, сейчас проверил, все нормально. Спасибо.





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

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

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