Ajax корзина с возможностью удаления и изменения количества товара битрикс

Еще один пример удаление из корзины с помощью ajax

 

При создании магазина часто приходится делать ajax корзину, то что есть в стандарте меня не совсем устраивает, поэтому мы делаем свою простую гибкую корзину, с возможностью удалять товары и изменять их количество :)
Первым делом нам надо будет загрузуть jquery , грузить мы будем его с хранилища гугла .

  

Далее нам нужно будет создать в каталоге товара кнопку для добавления в корзину товара , в id хранится параметры для обработчика ajax запроса.

   





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




Далее создадим файл который будет принимать и обрабатывать данные приходящие в корзину назовем его basket.php , разместим его в папке /include/. В нем у нас находится три обработчика ajax: добавление в корзину, изменение количества и удаление товара из корзины.




 $_POST["ajaxbasketcount"]
    );
    CSaleBasket::Update($_POST["ajaxbasketcountid"], $arFields);
}

?>

IncludeComponent(
    "bitrix:sale.basket.basket.small",
    "smallbasker",
    Array(
        "PATH_TO_BASKET" => "/personal/cart/",
        "PATH_TO_ORDER" => "/personal/order/"
    )
);?>

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


    
    
        
    
        

В вашей корзине товаров на
сумму

">перейти в корзину
">мои заказы

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

     
 
IncludeComponent( "bitrix:main.include", "", Array( "AREA_FILE_SHOW" => "file", "PATH" => "/include/basket.php", "EDIT_TEMPLATE" => "" ) );?>

Вот собственно и все ajax корзина с возможностью удаления и изменения количества товара готова. Ее останется стилизовать под свои нужды :)

Отправить комментарий

Другие статьи рубрики "Корзина"