Битрикс добавление в корзину

Содержание:
1. 1. Добавление в корзину на странице раздела каталога.
2. 2. Добавление в корзину на детальной странице товара.

В Битриксе существует стандартное добавление товара в корзину, но намного проще использовать свое решение добавления в корзину, используя функции Битрикс.

Добавление в корзину может быть в разделе каталога, а может быть на детальной странице товара.

Данная статья создана для примера, все равно придется код адаптировать, ведь верстка у каждого сайта своя.

1. Добавление в корзину на странице раздела каталога.

Для начала в коде в шаблоне будь то catalog.section или catalog.item в самом шаблоне вывести id товара.

Например в файле catalog.item/.default/card/template.php находим строчку 359.

Затем в строчке 359 найти и добавить код добавления в корзину.


case 'buttons':
?>
<div class="product-item-info-container product-item-hidden"
 data-entity="buttons-block">
<?
if (!$haveOffers)
{
if ($actualItem['CAN_BUY'])
{
                                <a href="javascript:void(0);"
                                 data-ids="<?=$actualItem['ID']?>"
                                 data-count="1"
                                 data-url="<?=SITE_TEMPLATE_PATH?>/ajax/add2basket.php" 
                                 class="product_button button-cart11">В корзину</a>
                               				
<?
}

Там где кнопка button добавим специальный класс, который будет отличаться, button-cart11

Создадим файл script.js и положим его в любом месте, например в самой папке с шаблоном. Подключим в футере файл script.js


///Правильное подключение
$APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/script.js");
/////Вот так подключать неправильно:
<script defer src="<?=SITE_TEMPLATE_PATH?>/script.js"></script>

Теперь заполним сам файл script.js.


$(document).ready(function() {
	$('.button-cart11').on('click', function(event) {
                event.preventDefault();

                var $this = $(this);
                var prodId = parseInt($this.data('ids'));
                var cartAddUrl = $this.data('url');
                var cnt = $this.data('count');;

                var ajaxDataSend = {
                    OFFER_ID: prodId,
                    QUANTITY: cnt, 
                    AJAX_ADD_TO_BASKET_WITH_DOP: 'Y',

                };

                ///console.log(ajaxDataSend);

                $.ajax({
                    url:cartAddUrl,
                    type: 'POST',
                    data: ajaxDataSend,

                })
                .done(function(data) {
                    var data = $.parseJSON(data);
                    
                    if(data.RESPONSE == 'OK'){
                        BX.onCustomEvent('OnBasketChange'); // Обновляем корзину

                       //здесь уже Ваше модальное окно с уведомлением об успешном добавлении
                          alert("Товар успешно добавлен в корзину");
                         ///   modal.style.display = "block";
                      
                         
                        
                    }
                })
                .fail(function() {
                    //console.log("error");
                })
                .always(function() {
                    //console.log("complete");
                });


///также нужно добавить прибавление и убавление товара. здесь уже в каждой верстке свои классы, код примерный
$('.product_summ .counter_plus').on('click', function (e) {

        var price  = $('.products_variants input[name=1]:checked').attr('data-price');
        if(price == undefined){
            price = $('#price_current_none_offer').html();
        } 
        var count = $('.product_summ .counter_counter').html();
        $('#btn_basket_add').attr('data-count', count);
        var result = Number(price) * Number(count);
        result = result.toFixed();
        $('.product_summ .product_summ span').html(result + ' p');
        console.log(price);

    });

     $('.product_summ .counter_minus').on('click', function (e) {

        var price  = $('.products_variants input[name=1]:checked').attr('data-price');
        if(price == undefined){
            price = $('#price_current_none_offer').html();

        } 
        var count = $('.product_summ .counter_counter').html();
        if(Number(count) < Number(1)){
            return false;
        }
        var count = $('.product_summ .counter_counter').html();
        $('#btn_basket_add').attr('data-count', count);
        var result = Number(price) * Number(count);
        result = result.toFixed();
        $('.product_summ .product_summ span').html(result + ' p');
        console.log(price);

    });

        });

Можно вывести в модальном окне уведомление. Но код служит примером, все доработки можно делать по своему желанию.

Далее создадим сам файл в папке /local/templates/Шаблон вашего сайта/ajax/add2basket.php (или /bitrix/templates/Шаблон вашего сайта/)

Со следующим кодом:


<?
define("NO_KEEP_STATISTIC", true);
define('BX_SESSION_ID_CHANGE', false);
define('NO_AGENT_CHECK', true);

require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");

use \Bitrix\Main,
    \Bitrix\Main\Localization\Loc as Loc,
    Bitrix\Main\Loader,
    Bitrix\Main\Config\Option,
    Bitrix\Sale\Delivery,
    Bitrix\Sale\PaySystem,
    Bitrix\Sale,
    Bitrix\Catalog,
    Bitrix\Sale\Order,
    Bitrix\Sale\Basket,
    Bitrix\Currency\CurrencyManager,
    Bitrix\Sale\DiscountCouponsManager,
    Bitrix\Main\Context;
use \Bitrix\Highloadblock as HL;

if(!Loader::includeModule("catalog") ||
 !Loader::includeModule("sale") ||
 !Loader::includeModule("main") || 
!Loader::includeModule("iblock"))
    die();

global $USER;

$SITE_ID = Context::getCurrent()->getSite();
$CURRENCY_CODE = CurrencyManager::getBaseCurrency();

//Форма магазина
if( isset($_REQUEST["AJAX_ADD_TO_BASKET_WITH_DOP"]) &&
 $_REQUEST["AJAX_ADD_TO_BASKET_WITH_DOP"] == "Y" ) {

//     $request = Context::getCurrent()->getRequest();

     $OFFER_ID = intval($request->get("OFFER_ID"));
     $QUANTITY = intval($request->get("QUANTITY"));
     $PRODUCT = CIBlockElement::GetByID(/*CCatalogSku::GetProductInfo(*/$OFFER_ID/*)['ID']*/)->GetNext();
     // Получение корзины для текущего пользователя
$basket = \Bitrix\Sale\Basket::loadItemsForFUser(
   \Bitrix\Sale\Fuser::getId(), 
   \Bitrix\Main\Context::getCurrent()->getSite()
);

if($QUANTITY > 1)  $QUANTITY =  $QUANTITY;
 else   $QUANTITY = 1;

if ($item = $basket->getExistsItem('catalog', $PRODUCT["ID"])){

   //Обновление товара в корзине
   $item->setField('QUANTITY', $item->getQuantity() + $QUANTITY);
   
}else{

   //Добавление товара
   $item = $basket->createItem('catalog', $PRODUCT["ID"]);
   $item->setFields([
      'QUANTITY' => $QUANTITY,
      'CURRENCY' => \Bitrix\Currency\CurrencyManager::getBaseCurrency(),
      'LID' => \Bitrix\Main\Context::getCurrent()->getSite(),
      'PRODUCT_PROVIDER_CLASS' => \Bitrix\Catalog\Product\Basket::getDefaultProviderName() ,
   ]);
}

//Сохранение изменений
$basket->save();

    echo json_encode(Array('RESPONSE' => 'OK'));

}

require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/epilog_after.php");

die();

Рассмотрим подробнее код. Здесь получаем со скрипта ID товара и производим его обновление, если число больше 1, или добавление, если товара еще нету в корзине.

Если на сайте установлены торговые предложения, то в строке $PRODUCT необходимо раскоментировать код, и передавать ID торгового предложения на первом шаге. Если просто товар (как в этом примере), то ничего менять не нужно.

2. Добавление в корзину на детальной странице товара.

Данный код можно использовать и на детальной странице товара, необходимо только сохранить вложенность тегов.

В каталоге, где находятся и выводятся товары находим кнопку добавления "В корзину" и делаем ее примерно такой.



			<a href="javascript:void(0);"
                                 data-ids="<?=$actualItem["ID"]?>"
                                 data-count="<?=COUNT_ADD_BASKET?>"
                                 data-url="<?=SITE_TEMPLATE_PATH?>/ajax/addToCart.php" 
                                 class="product_button button-cart11">В корзину</a>

Еще на детальной странице порой выводятся торговые предложения. Для того, чтобы добавлять торговые предложения, нужно вывести торговые предложения, и передавать значения ID выбранного торгового предложения в дата атрибут ids (data-ids) используя JS или JQuery или любую другую библиотеку.

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

Кастомизировать такой шаблон проще, чем в разделе.

На этом все, надеюсь информация была полезной.

1. Добавление в корзину на странице раздела каталога.

2. Добавление в корзину на детальной странице товара.

Категории