Начало работы с темой

Это руководство поможет вам начать работу с Easyweb: Seller 2.0. Здесь описаны системные требования, необходимые приложения и особенности технологического стека темы.

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

Системные требования

• Webasyst последней стабильной версии
• PHP 7.4+
• Shop-Script 9+
• Инсталлер (installer) версии 2.9.0+

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

Приложение "Настройки шаблонов"

Установите приложение Настройки шаблонов (themesettings). Оно необходимо для полноценной работы панели управления темой дизайна и добавления готовых контентных страниц.

Никаких настроек в самом приложении делать не нужно. Просто установите.

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

Tailwind CSS 4

В теме дизайна используется Tailwind CSS 4 — современный CSS-фреймворк с утилитарными классами. Вы можете использовать его классы для наполнения контентных страниц или работы с категориями, товарами и другими элементами.

В Seller 2.0 не используется Bootstrap. Тема полностью построена на Tailwind CSS 4. Если вы ранее работали с Bootstrap-компонентами в предыдущих версиях, их необходимо заменить на аналоги из Tailwind CSS.

Preline UI

Preline UI — набор готовых UI-компонентов, построенных на Tailwind CSS. В теме используются компоненты Preline для элементов интерфейса: модальные окна, аккордеоны, выпадающие меню, вкладки и другие.

Шрифты

В теме используются шрифты, встроенные в сборку. Дополнительная загрузка внешних шрифтов не требуется.

Панель настроек Vue.js 3

Тема оснащена продвинутой панелью настроек на Vue.js 3, которая позволяет:

• Настраивать тему в реальном времени (live preview)
• Управлять блоками главной страницы через drag-n-drop
• Редактировать цветовые схемы
• Переключать светлую и темную темы
• Использовать WYSIWYG-редактор для контента

Собственные API

Тема предоставляет набор JavaScript API для интеграции. Все они доступны глобально через window.waTheme.*:

• cartAPI — работа с корзиной
• offcanvasAPI — боковые панели
• wishlistAPI — список избранного
• compareAPI — сравнение товаров
• searchAPI — поиск по магазину
• notificationAPI — всплывающие уведомления
• swiperAPI — слайдеры

Поиск по магазину открывается и горячими клавишами — по умолчанию Ctrl+K; сочетание меняется в настройке «Шапка → Настройки блоков → Сочетание клавиш для поиска».

Полезные файлы

Изображения, использованные в теме дизайна — слайды главного слайдера (для десктопа и мобильных), картинка блока «О компании» и фон мобильной шапки. Эти же файлы лежат в самой теме: wa-apps/site/themes/seller2/assets/img/themesettings/.