Вступление

Easyweb: Seller 2.0 — это полностью новая профессиональная тема дизайна для интернет-магазинов на платформе Webasyst Shop-Script, созданная с нуля на современном технологическом стеке.

Тема дизайна Easyweb: Seller 2.0

О теме

Seller 2.0 не является обновлением предыдущей версии — это принципиально новый продукт с переработанной архитектурой, новыми компонентами и современным подходом к разработке.

Технологический стек

ТехнологияНазначение
Tailwind CSS 4CSS-фреймворк с утилитарными классами
Preline UIГотовые UI-компоненты интерфейса
Vue.js 3Панель настроек темы в реальном времени
Webpack 5Система сборки

Основные возможности

  • Модульная блочная система — 14+ типов блоков для главной страницы (слайдеры, баннеры, категории, товары, записи блога, видео и др.) с drag-n-drop сортировкой
  • Собственные API — cartAPI, offcanvasAPI, wishlistAPI, compareAPI, searchAPI, notificationAPI, swiperAPI (доступны глобально через window.waTheme.*) для удобной интеграции плагинов и расширений
  • Продвинутая панель настроек — Vue.js 3 с WYSIWYG-редактором, live preview, кастомными цветами и поддержкой темной темы
  • Умный каталог — добавление в корзину из каталога, выбор артикулов, синхронизация Product API и Cart API
  • Мобильный UX — жесты, drawer-панели, отдельная компоновка карточки товара, плавающие кнопки
  • Навигация — многоуровневые меню, swipe-панели на мобильных, открытие поиска горячими клавишами (по умолчанию Ctrl+K, сочетание настраивается)
  • Производительность — нативная lazy loading, aspect ratio, tree shaking, gzip, высокие показатели PageSpeed
  • Мультиприложенческая архитектура — поддержка Site, Shop, Blog, Photos, Hub, Helpdesk, Mailer
  • Интеграции — VK Posts, VK Videos, Rutube Videos, Telegram Posts, готовые блоки для плагинов
  • Адаптивный дизайн — Mobile First подход, оптимизация для всех устройств
  • Мультиязычность — поддержка русского и английского языков
  • Темная тема — встроенный переключатель светлой и темной темы оформления

Поддерживаемые приложения Webasyst

  • Site (Основной сайт)
  • Shop (Интернет-магазин)
  • Blog (Блог)
  • Photos (Фотогалереи)
  • Hub (Хаб)
  • Helpdesk (Служба поддержки)
  • Mailer (Рассылки)

Требуется установленное приложение «Настройки шаблонов» (themesettings) — в нём открывается панель настроек темы.


Это руководство поможет вам начать работу с Easyweb: Seller 2.0. Все важные разделы — компоненты, подключенные плагины, параметры настройки, поддерживаемые плагины и приложения Webasyst — задокументированы здесь.

Если у вас есть вопросы, обращайтесь к нам: support@easyweb.su.