Кастомизация корзины в 1С-Битрикс на шаблоне Aspro

Шаблон Aspro — один из самых популярных для интернет-магазинов на 1С-Битрикс. Кастомизация корзины позволяет:

• изменить визуальное оформление корзины;
• добавить новые функции, например, модальные окна и подсказки;
• оптимизировать процесс оформления заказа и повысить конверсию.

Где находится шаблон корзины

По умолчанию компонент корзины Aspro лежит здесь:

/bitrix/components/bitrix/sale.basket.basket/templates/aspro

Кастомные шаблоны рекомендуется размещать в папке:

/local/templates/aspro/components/bitrix/sale.basket.basket/

Примеры кастомизации

1. Добавление текста под кнопкой «Оформить заказ»

<?php
global $APPLICATION;
$APPLICATION->AddViewContent('basket_bottom', '<p style="color:green">Быстрая доставка по Москве!</p>');
?>
  

2. Кастомная кнопка «Оформить заказ»

document.addEventListener('DOMContentLoaded', function() {
    var btn = document.querySelector('.basket-checkout-button');
    if(btn) btn.classList.add('btn-custom-checkout');
});
  

3. Модальное окно при удалении товара

document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.basket-item-delete').forEach(function(btn){
        btn.addEventListener('click', function(e){
            e.preventDefault();
            if(confirm('Вы уверены, что хотите удалить товар?')) {
                btn.closest('form').submit();
            }
        });
    });
});
  

4. Динамическое добавление скидочного поля

document.addEventListener('DOMContentLoaded', function() {
    var basket = document.querySelector('.basket-items-list');
    if(basket) {
        var promoHTML = '<div class="promo-field"><input type="text" placeholder="Введите промокод"></div>';
        basket.insertAdjacentHTML('beforeend', promoHTML);
    }
});
  

Рекомендации

• Используйте /local/templates/ и /local/components/, чтобы не трогать стандартные файлы Aspro.
• Для изменения HTML корзины делайте копию шаблона в локальной папке.
• Подключайте скрипты через AddHeadScript или AddViewContent, чтобы не было конфликтов.
• Тестируйте изменения на тестовой версии сайта перед продакшн.