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

  • Для установки модуля необходимо купить модуль в маркетплейс Битрикса 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. Сохраняем изменения и сюрасываем кеш.