В своей работе мы старались никогда не использовать готовые сборки, если это не было явно запрошено в техническом задании. Мы следили за тем как собраны готовые темы оформления или целые сайты, но они всегда были далеки от совершенства. Зачастую в них было много избыточного функционала, применялись сомнительные решения и довести готовую сборку до требований заказчика получалось дороже, чем собрать все заново. При этом качество итоговой работы оставляло желать лучшего.
Но сейчас за окном 2025 год, готовые решения существенно шагнули вперед и мы можем рекомендовать Commerce Kickstart как отправную точку при создании интернет-магазина. В этой статье разберем, что вы получите совершенно бесплатно, выбрав эту сборку в качестве основы для своего проекта.
Первая часть установки осуществляется с помощью Composer, который скачивает все необходимые модули и расширения. Этот процесс занимает от силы 10 минут. Далее установка продолжается в браузере, где тоже не возникает никаких проблем - все происходит в красивом интерфейсе. Он представляет собой слегка измененный интерфейс установки чистого ядра Drupal. В процессе можно поставить сборку сразу с базовым наполнением:
На этом установка заканчивается и вас уже есть интернет-магазин. Можно пропустить стадию разработки сайта и сразу перейти к этапу развития проекта, настраивая его под свои нужды. Сначала посмотрим на сборку со стороны покупателя:
У сборки сразу установлена тема оформления с удобным и современным дизайном. На странице присутствует то, к чему все пользователи давно привыкли - приветственное слайдшоу со ссылками на разделы сайта, каталога и конкретные товары, слайдер с популярными товарами и примеры информационных блоков.
Дизайн сайта сразу адаптирован для мобильных устройств. Выглядит красиво, но в нем не хватает оптимизации для поисковиков - не используется формат изображений webp и тег picture для оптимизации размера картинок.
В навигации по сайту присутствует ссылки на каталог, корзину и страницу входа. Корзина, к слову, не работает с ajax, а каждый раз, когда пользователь что-то в неё кладет, перезагружает страницу.
Каталог собран с использованием фасетов. Также на фасетах собрана и навигация по категориям товаров.
Сразу работает поиск по каталогу и доступно несколько вариантов сортировки товаров.
Карточка товара довольно простая, тут есть описание и возможность положить в корзину сразу несколько товаров. Если на страницу товара добавлено несколько вариаций, то пользователь может выбрать какой именно товар положить в корзину:
Для примера тут сразу добавлено несколько книг и на выбор предоставляется бумажная или электронная копии. При выборе вариации меняется стоимость товара.
Корзина собрана очень лаконично, в ней присутствует основная информация о товаре. Автоматического пересчета стоимости при изменении количества товаров нет, нужно вручную нажимать на кнопку обновления корзины.
Оформить заказ можно как создав учетную запись, так и сделать заказ от анонимного пользователя.
Набор полей при оформлении заказа меняется в зависимости от выбранной страны без перезагрузки страницы. Также в сборке сразу есть функционал скидок и купонов.
По умолчанию настроен модуль расчета доставки, но только для городов США, и можно проверить работу заказа с помощью тестового метода оплаты
После завершения заказа пользователю предлагается создать личный кабинет, указав логин и пароль
Если в заказе присутствовали электронные товары, например книги, то на последнем шаге пользователю предлагается скачать товар:
В личном кабинете покупателя есть список его заказов и сохраненные методы оплаты, где по умолчанию сохранена тестовая карта.
Это всё, что доступно по умолчанию на стороне покупателя. Теперь войдем как администратор и посмотрим что есть внутри.
В качестве административной темы оформления тут используется Gin, которая выглядит приятнее и современнее стандартной темы оформления, но может показаться несколько непривычной, если вы часто работали со стандартными темами Drupal.
Для администратора магазина Commerce Kickstart предоставляет страницу с обзором состояния магазина. Тут есть ссылки на страницы с заказами, продуктами, акциями, лицензиями и настройками, а также простые отчеты - количество заказов, корзин, выручка за выбранный период.
Установленный модуль акций позволяет настраивать их очень гибко. Есть множество доступных форматов: купи Х - получи Y, скидка за количество товаров, за общий чек, скидки на доставку и много другое, а также возможность как угодно комбинировать условия. В целом это стандартный модуль, знакомый всем, кто работал со скидками в Drupal Commerce.
Наличие модуля Commerce Licence позволяет торговать электронными товарами - книгами, статьями, а также ограничивать количество скачиваний и срок доступа, то есть продавать подписки.
В сборке повсеместно используется Layout Builder. Это современное решение для организации вывода информации на странице. С его помощью можно легко менять оформление главной страницы или карточки товара:
Для примера вот так выглядит настройка одного из слайдов на главной странице:
А вот экран управления внешним видом товара:
Тут можно в несколько кликов изменить расположение элементов или добавить новые блоки, как для одного товара, так и для всех товаров этого типа:
Вариации в новом Commerce отделены от страницы товара и все управление ими происходит на отдельной вкладке.
Все остальные функции, такие как настройка методов оплаты, доставки, управление полями товаров, управление каталогом - обычны и привычны для любого пользователя Drupal. По результатам знакомства с Commerce Kickstart можно сделать вывод - это отличная сборка для начала нового проекта. Разработчик найдет тут привычные решения, предустановленные модули, готовый каталог. Клиент получит мощный задел для развития своего бизнеса - уже на старте у него будет красивый дизайн, базовые функции интернет-магазина и возможность многое делать самостоятельно, не прибегая к помощи разработчиков. Да, есть вещи, которые необходимо дорабатывать с самого начала, в основном они относятся к SEO оптимизации, но преимущества использования готового решения в данном случае огромны.
Мы развернули демонстрационную версию, чтобы вы могли самостоятельно посмотреть как она работает.
Если вы планируете разработку своего будущего сайта на Drupal Commerce Kickstart и хотите предварительно посмотреть на него изнутри, то свяжитесь с нами, чтобы мы предоставили вам доступ.
Добавить комментарий