Бічний кошик (live cart)

Бічний кошик, це висувна панель (drawer), яка з’являється після додавання товару до кошика. Клієнт бачить вміст кошика, не залишаючи сторінку товару, що скорочує шлях покупки та зменшує кількість покинутих кошиків.

Увімкнення модуля

Перейдіть до WooCommerce > Polski > Магазинні модулі та увімкніть Бічний кошик. Після додавання товару до кошика панель автоматично висунеться з обраного боку екрана.

Функції

Висувна панель кошика після додавання товару (slide-in drawer)
Оновлення в реальному часі через WooCommerce Cart Fragments
Панель прогресу безкоштовної доставки з анімацією
Зміна кількості товарів без перезавантаження сторінки
Видалення товарів з кошика в панелі
Підсумок вартості кошика
Overlay, що затемнює фон сторінки
Вибір боку відображення (лівий/правий)

Налаштування

Налаштування у WooCommerce > Polski > Магазинні модулі > Бічний кошик.

Налаштування	За замовчуванням	Опис
`auto_open`	`true`	Автоматично відкривати панель після додавання товару
`show_subtotal`	`true`	Відображати підсумок вартості кошика
`show_shipping_notice`	`true`	Відображати панель прогресу безкоштовної доставки
`free_shipping_threshold`	`200`	Поріг безкоштовної доставки у валюті магазину
`position`	`right`	Бік екрана: `right` або `left`
`overlay`	`true`	Затемнення фону, коли панель відкрита

Опція в базі даних: polski_live_cart.

Панель безкоштовної доставки

Панель показує, скільки бракує до безкоштовної доставки. Після перевищення порогу відображає повідомлення-підтвердження. Поріг береться з налаштування free_shipping_threshold або автоматично з методу доставки WooCommerce (якщо налаштовано).

Приклад повідомлень:

“До безкоштовної доставки бракує 45,00 zł”
“Вітаємо! Ваше замовлення відповідає умовам безкоштовної доставки”

Технічні деталі

Файли

CSS: assets/css/live-cart.css
JavaScript: assets/js/live-cart.js

Обидва файли завантажуються умовно, лише коли модуль активний. Скрипт залежить від jquery та wc-cart-fragments.

Cart Fragments

Модуль використовує механізм WooCommerce Cart Fragments для оновлення вмісту панелі в реальному часі. Після кожної зміни кошика (додавання, видалення, зміна кількості) панель оновлюється без перезавантаження сторінки.

Хуки

// Динамічно змінити поріг безкоштовної доставки
add_filter('polski/live_cart/free_shipping_threshold', function (float $threshold): float {
    return 300.00;
});

// Додати власний вміст під списком товарів
add_action('polski/live_cart/after_items', function (): void {
    echo '<p class="live-cart-promo">Kod rabatowy: WELCOME10</p>';
});

// Вимкнути автоматичне відкриття на мобільних
add_filter('polski/live_cart/auto_open', function (bool $auto_open): bool {
    if (wp_is_mobile()) {
        return false;
    }
    return $auto_open;
});

CSS-класи

.polski-live-cart, головний контейнер панелі
.polski-live-cart--open, відкритий стан
.polski-live-cart--left / .polski-live-cart--right, позиція
.polski-live-cart__overlay, overlay фону
.polski-live-cart__header, заголовок панелі
.polski-live-cart__items, список товарів
.polski-live-cart__item, окремий товар
.polski-live-cart__subtotal, підсумок
.polski-live-cart__shipping-bar, панель безкоштовної доставки
.polski-live-cart__shipping-progress, заповнення панелі

ID модуля

live_cart

Усунення проблем

Панель не відкривається після додавання товару, перевірте, чи увімкнено AJAX-додавання до кошика в WooCommerce > Налаштування > Товари > Увімкнути додавання до кошика кнопкою AJAX. Перевірте також, чи немає конфлікту з іншим плагіном кошика.

Панель безкоштовної доставки не відображається, переконайтеся, що маєте налаштований метод доставки з безкоштовною доставкою понад певний поріг, або встановіть поріг вручну в налаштуваннях модуля.

Панель відображається не з того боку, змініть налаштування position на left або right.

Повідомлення про проблеми: github.com/wppoland/polski/issues

Ця сторінка має виключно інформаційний характер і не є юридичною консультацією. Перед впровадженням проконсультуйтеся з юристом. Polski for WooCommerce, це програмне забезпечення з відкритим кодом (GPLv2), що надається без гарантій.