Кожен власник магазину мріє про те, щоб кошик був наповнений товарами і успішно вирушав на оплату. Ми ділилися з вами універсальними порадами для кошика інтернет-магазину. А зараз поговоримо про інтернет-магазини Drupal Commerce, де є свої способи зробити кошик зручним та привабливим. Втілити все це допомагають Drupal 8 модулі для кошика Drupal Commerce, які ми зараз і розглянемо.
Вбудований кошик Drupal Commerce
Drupal Commerce 2 для інтернет-магазинів на Drupal 8 пропонує повноцінний кошик уже «з коробки». Там є форма додавання товарів до кошика, яка дозволяє користувачам додавати і видаляти товари.
Форма є гнучкою в налаштуваннях і складається з полів. Вона знаходиться на вкладці "Manage Form Display" розділу “Order item types”. Там можна увімкнути поле “product quantity”, “unit price” та додати інші поля.
Форму можна прив’язувати до контент-типу як “referenced entity”, що дозволить, наприклад, публікувати статті з можливістю купити товар.
Drupal Commerce 2 пропонує кошик в якості блоку, який можна встановити будь-де на сайті. Вміст кошика можна відображати на всіх сторінках. Кошик можна налаштовувати через Views, що є частиною Drupal 8.
HTML та CSS можуть додатково кастомізувати вигляд кошика. Нарешті, більше додаткових можливостей додадуть контрібні модулі.
Корисні контрібні модулі Drupal 8 для кошика Drupal Commerce
Commerce Cart API
Модуль Commerce Cart API був представлений на Drupal Europe у Darmstadt його автором — Меттом Глеманом із Commerce Guys. У своїй доповіді «Шлях Drupal Commerce до “headless” майбутнього» він підкреслив важливість JavaScript-рішень для інтернет-магазинів.
Як Метт також написав у статті, модуль Commerce Cart API підвищує зручність інтернет-кошиків, забезпечуючи користувачів компонентами з архітектурою “progressively decoupled”.
Модуль пропонує легкі RESTful ендпойнти для динамічного інтерфейсу кошика. Його дефолтне втілення — це модуль Commerce Cart Flyout.
Commerce Cart Flyout
Модуль Commerce Cart Flyout використовує принцип “progressive decoupling” для покращення юзабіліті кошика. Щоразу коли користувач клікає на блок кошика або натискає «Додати до кошика», з’являється флайаут-сайдбар. Користувач може переглядати вміст кошика, змінювати кількість товарів або видаляти товари без перезавантаження сторінки.
JavaScript-логіка модуля базується на бібліотеках Backbone.js і Underscore.js. За словами Метта Глемана, їх обрали завдяки тому, що вони є частиною ядра Drupal 8. Модуль гнучкий у налаштуванні та пропонує 9 готових шаблонів Twig.
Commerce Ajax Add to Cart
Модуль Commerce Ajax Add to Cart для кошика Drupal Commerce — популярний модуль з 25,420+ завантажень, але ще знаходиться в стадії «бета» для Drupal 8. Завдяки ньому, процеси додавання товарів у кошик відбуваються з використанням AJAX.
Товари в кошику оновлюються без перезавантаження сторінки, а при додаванні товару з’являється спливаюче віконце.
Ajax Add to Cart
А ось ще один модуль, який забезпечує додавання товарів у кошик за допомогою AJAX. Це модуль Ajax add to Cart для Drupal 8. Коли користувач додає товар, моментально генерується спливаюче віконце і вміст кошика оновлюється.
Commerce Variation Cart Form
Модуль Commerce Variation Cart Form надає форму додавання товарів у кошик для окремих одиниць варіацій товару (product variations). Форма додається до варіацій товару як поле.
Це корисно, коли потрібно показувати окремі одиниці варіацій товару, що мають окремий функціонал додавання до кошика. Можна також замінити ними стандартну форму додавання товарів до кошика Drupal Commerce.
Commerce Add To Cart Link
Завдяки Drupal 8 модулю Commerce Add To Cart Link для кошика Drupal Commerce, можна додавати поле “add to cart" в якості лінка, а не форми. Це зазвичай використовують в переліках товарів (огляди товарів, схожі товари, і так далі).
Лінк рендериться через Twig-шаблон, що дозволяє розробникам необмежену кастомізацію. У модуля є підмодуль Commerce Add To Wishlist Link, що відповідає за додавання товарів у список бажань в парі з модулем Commerce Wishlist.
Commerce Combine Carts
Модуль Commerce Combine Carts об’єднує різні кошики користувача Drupal Commerce в один. Модуль зараз знаходиться в бета-версії для Drupal 8. Він працює в два способи:
- об’єднує всі одиниці замовлення користувача в його основний кошик
- об’єднує всі кошики залогіненого користувача в один
Давайте налаштуємо ваш кошик Drupal Commerce або цілий магазин
Наша Drupal-команда готова допомогти вам з використанням цих та інших модулів, або ж створити кастомні модулі для кошика Drupal Commerce. Ми також можемо побудувати Drupal 8 магазин з нуля або оптимізувати існуючий. Напишіть нам!