Инструкция по установке компонента Купить в один клик

  • Для установки модуля необходимо купить модуль в маркетплейс Битрикса http://marketplace.1c-bitrix.ru/solutions/tarakud.oneclick/. После покупки модуля, на ваш почтовый адрес придёт письмо с купоном, который нужно активировать в административной части сайта, в разделе Marketplace -> Обновление платформы, во вкладке Активация купона.

  • После активации купона модуль станет доступным для скачивания в разделе Установленные решения


    После загрузки модуль появится в списке доступных решений. Далее можно приступать к установке модуля. В списке доступных решений необходимо выбрать в контекстном меню модуля пункт Установить.


Инструкция по добавлению компонента на страницу

  • Создаём новую страницу или раздел.
  • Открыть страницу на редактирование и размещаем компонент Купить в один клик. Компонент находятся в разделе tarakud. Если нет раздела или компонента, то необходимо сбросить кеш компонентов.
  • Добавляем компонент на страницу и переходим к настройкам параметров.

  • Основные параметры:

    Шаблон компонента - в системе доступно 2 шаблона, .default - использует стандартные api битрикса для отображения всплывающего окна, и fancy - использует библиотеку fancybox для отображения всплывающего окна.

    Тип информационного блока товаров и Информационный блок товаров - указывается инфоблок, товары которого продаются на сайте.

    Свойства предложений - свойства каталога товаров, которые добавляются в заказ.

    Отображать торговые предложения - способ отображения СКУ, radio, или выпадающий список, если большое количество СКУ.

    Подключить jQuery - для работы компонента необходим фреймворк jquery, если он ещё не подключен необходимо подключить.

    Тип плательщика - указывается тип плательщика из настроек сайта, который будет подставляться в заказ по-умолчанию.

    Показывать свойства для Типа плательщика - необходимо выбрать свойства заказа, которые будут отображаться во вспдывающем окне.

    Оформлять товар - очень важный параметр, здесь указывается какой тип оформления товаров использовать:

    из корзины - заказ будет оформляться из товаров лежащих в корзине;

    создавать новый - будет создан заказ и создан новый товар, такой способ продаж можно использовать для продажи контента, лицензий;

    текущий товар - будет оформлен заказ с конкретным товаром, массив данных которого указан в параметре Массив данных товара.

    Привязать заказ к пользователю - позволяет привязать все заказы, оформляемые через Купить в один клик к одному пользователю, код пользователя указывается в параметре Код пользователя.

    Выводить комментарий покупателя - выводит во всплывающей форме поле для комментария пользователем.

    Почтовые шаблоны для отправки письма - задаёт шаблон письма, отправляемый при оформлении заказа.

    Код пользователя - указывается код пользователя, к которому привязываются заказы, доступен если включён параметр Привязать заказ к пользователю.

    Платёжная система - указывается платёжная система добаляемая в заказ по-умолчанию.

    Служба доставки - указывается служба доставки добаляемая в заказ по-умолчанию.

    Переводить заказы в статус - указывается статус, с которым будет создаваться заказ.

    Использовать капчу - позволяет вывести капчу во всплывающем окне.

    Заголовок всплывающего окна - позволяет задать заголовок всплывающего окна.

    Сообщение при успешном заказе - после успешного оформления заказа будет выводиться данное сообщение.

    Ширина картинки товара, Высота картинки товара - ширина и высота картинки товара.

  • Параметры доступные если в Оформлять товар указано - из корзины:

    Скрывать кнопку если корзина пуста - параметр позволяет скрывать кнопку быстрой покупки если корзина пуста.

  • Параметры доступные если в Оформлять товар указано - создавать новый:

    Цена товара -цена создаваемого товара.

    Вес товара - вес товара в граммах.

    Название товара - название товара.

    URL адрес товара - адресс товара, может быть просто адрес страницы, можно оставить пустым.

    Указывать количество товара - позволяет задавать во всплывающем окне количество покупаемых твоаров.

  • Параметры доступные если в Оформлять товар указано - текущий товар:

    Массив данных товара - указывается массив данных товара. Для шаблона саписка товаров ={$arItem}, для детального шаблона товара ={$arResult}. Можно указать и код товара, но нежелательно, так как увеличится нагрузка на сервер.

    Тип цены - тип цены используемый на сайте.


Добавление компонента "Купить в один клик" в список товаров

  • Обычно у каталога тоаров есть две логических области вывода товаров - это страница списка товаров и детальная страница товаров (карточка товара). Рассмотрим добавление компонента в список товаров.
  • Для начала необходимо скопировать системный шаблон каталога товаров для возможности его катомизации. Как это сдлеать описано в следующем курсе http://dev.1c-bitrix.ru/learning/course/.

    Если уже скопировано, то пропускаем этот шаг.

  • На любой пустой тестовой странице размещаете компонент Купить в один клик, настраиваете компонент, параметры описаны выше. Обратите внимание на параметр Оформлять товар, значение параметра необходимо выбрать "текущий товар". Далее копируем исходный код компонента. В параметр Код товара вписываем значение ={$arItem}.

    Есть два варианта добавления компонента. Первый вариант:

    Открываем файл шаблона template.php компонента catalog.section. Внутри цикла 

    foreach ($arResult['ITEMS'] as $key => $arItem)
    В зависимости от вёрстки добавляем код компонента

    $APPLICATION->IncludeComponent(
		"tarakud:sale.order.oneclick",
		"",
		Array(
			"COMPONENT_TEMPLATE" => ".default",
			"CONFIRM_ORDER" => "Спасибо. Ваш заказ принят.",
			"DELIVERY" => "1",
			"DELIVERY_SHOW" => "N",
			"EVENT_MESSAGE_ID" => array("33"),
			"HIDE_BUTTON" => "Y",
			"IBLOCK_ID" => "2",
			"IBLOCK_TYPE" => "catalog",
			"IMAGE_HEIGHT" => "130",
			"IMAGE_WIDTH" => "130",
			"IS_JQUERY" => "Y",
			"OFFERS_PROPERTY_CODE" => array("COLOR_REF","SIZES_SHOES","SIZES_CLOTHES",""),
			"OFFERS_SHOW" => "list",
			"ORDER_PRODUCT" => "2",
			"ORDER_STATUS" => "XX",
			"PAYSYSTEM" => "1",
			"PERSON_TYPE" => "1",
			"PERSON_TYPE_PROPS" => array("1","2"),
			"PRICE_CODE" => "BASE",
			"PRODUCT_ID" => $arItem,
			"PRODUCT_NAME" => "Новый товар",
			"PRODUCT_PRICE" => "100",
			"PRODUCT_URL" => "/",
			"PRODUCT_WEIGHT" => "0",
			"TITLE_POPUP" => "Оформление заказа в один клик",
			"USER_ID" => "2",
			"USE_CAPTCHA" => "N",
			"USE_COMMENT" => "N",
			"USE_COUNT" => "N",
			"USE_USER" => "N"
		),
		$component
	);

    В исходном коде в параметре PRODUCT_ID должно стоять $arItem, это массив данных товара, который передаётся в параметр. Также нужно добавить $component, так как это комплексный компонент. Показано в коде выше.

    Сохраняем изменения, сбрасываем кеш страницы каталога и наслаждаемся работатой модуля.

  • Второй вариант добавления компонента:

    Переходим в шаблон списка товаров catalog.section, скопированного шаблона компонена catalog, и добавляем файл result_modifier.php если его нет.

    В файл result_modifier.php добавляем следующий код: 

    global $APPLICATION;
foreach ($arResult["ITEMS"] as &$item)
{
	if ($item["ID"] > 0)
	{
	    ob_start();
	    $APPLICATION->IncludeComponent(
			"tarakud:sale.order.oneclick",
			"",
			Array(
				"IBLOCK_TYPE" => "catalog",
				"IBLOCK_ID" => "2",
				"OFFERS_PROPERTY_CODE" => array("ARTNUMBER", "COLOR_REF", ""),
				"IS_JQUERY" => "Y",
				"PERSON_TYPE" => "1",
				"PERSON_TYPE_PROPS" => array("1", "2"),
				"ORDER_PRODUCT" => "2",
				"USE_USER" => "N",
				"USE_COMMENT" => "N",
				"EVENT_MESSAGE_ID" => array("33"),
				"PAYSYSTEM" => "1",
				"DELIVERY" => "1",
				"USE_CAPTCHA" => "N",
				"TITLE_POPUP" => "Оформление заказа в один клик",
				"CONFIRM_ORDER" => "Спасибо. Ваш заказ принят.",
				"IMAGE_WIDTH" => "130",
				"IMAGE_HEIGHT" => "130",
				"HIDE_BUTTON" => "N",
				"PRODUCT_ID" => $item["ID"],
				"PRICE_CODE" => "BASE",
				"USE_COUNT" => "N"
			),
			$component
		);
	    $item['FAST_BUY'] = ob_get_contents();
	    ob_clean(); 
	    ob_end_clean();
	}
}

    Всё что находится между ob_start(); и $item['FAST_BUY'] = ob_get_contents(); - это исходный код компонента. В параметр PRODUCT_ID присваиваем данные товара $item, как показано в коде выше.

    А уже в самом шаблоне вывода списка каталога tеmpalte.php, внутри цикла foreach ($arResult['ITEMS'] as $key => $arItem) в зависимости от вёрстки выводим наш компонент

    Сохраняем изменения и не забываем сбрасывать кеш.


  • Переходим в шаблон карточки товара catalog.element, скопированного шаблона компонена catalog

    Согласно вёрстки макета сайта размещаем в нужном месте код компонета

    $APPLICATION->IncludeComponent(
    "tarakud:sale.order.oneclick",
    "",
    Array(
        "IBLOCK_TYPE" => "catalog",
        "IBLOCK_ID" => "2",
        "OFFERS_PROPERTY_CODE" => array("ARTNUMBER", "COLOR_REF", ""),
        "IS_JQUERY" => "Y",
        "PERSON_TYPE" => "1",
        "PERSON_TYPE_PROPS" => array("1", "2"),
        "ORDER_PRODUCT" => "2",
        "USE_USER" => "N",
        "USE_COMMENT" => "N",
        "EVENT_MESSAGE_ID" => array("33"),
        "PAYSYSTEM" => "1",
        "DELIVERY" => "1",
        "USE_CAPTCHA" => "N",
        "TITLE_POPUP" => "Оформление заказа в один клик",
        "CONFIRM_ORDER" => "Спасибо. Ваш заказ принят.",
        "IMAGE_WIDTH" => "130",
        "IMAGE_HEIGHT" => "130",
        "HIDE_BUTTON" => "N",
        "PRODUCT_ID" => $arResult["ID"],
        "PRICE_CODE" => "BASE",
        "USE_COUNT" => "N"
    ),
    $component
);

    В параметр PRODUCT_ID присваиваем массив данных товара $arResult, и добавляем $component. Сохраняем изменения и сюрасываем кеш.