Корисні модулі Drupal 8 для кошика Drupal Commerce

27.03.2019
Корисні модулі Drupal 8 для кошика Drupal Commerce
Автор:

Кожен власник магазину мріє про те, щоб кошик був наповнений товарами і успішно вирушав на оплату. Ми ділилися з вами універсальними порадами для кошика інтернет-магазину. А зараз поговоримо про інтернет-магазини 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 магазин з нуля або оптимізувати існуючий. Напишіть нам!

Голосів: 1 Рейтинг: 5

Також по темі

1

Drupal 8 пропонує десятки корисних модулів для оптимізації швидкості сайту. Сьогодні ми з радістю спостерігаємо появу новинки для підвищення швидкодії — це модуль Quicklink в Drupal 8. На його...

2

Сайти на Drupal 8 здатні легко передавати дані на сторонні сайти та додатки. Веб-сервіси в ядрі Drupal 8 забезпечують злагоджену взаємодію між сайтом і сторонніми ресурсами. Щоб підготувати Drupal...

3

Різноманітні форми — основа співпраці сайту з користувачем. Тож інструменти для створення форм завжди користуються популярністю —...

4

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

5

Що перше привертає вашу увагу, коли ви відвідуєте інтернет-магазин? Без сумніву, це дизайн сайту та його зовнішній вигляд. Виникає питання, які найкращі теми для електронної торгівлі? Не...

Subscribe to our blog updates