Syrup Theme Документация

Назначение файлов в пакете

• INSTALL_ADDON_SyrupTheme_vX_XX.zip – модуль установки Syrup Theme
• ath_swiper_vX_XX.zip – пакет для установки модуля “Интеграция Swiper.js” (установка обязательна)
• extended_category_block_vX_XX.zip – пакет для установки модуля “Расширенный Блок Категорий” (установка не обязательна)
• Пакеты темы для старых версий CS-Cart предоставляем по запросу

Установка – вверх

0. Установка модулей Интеграция Swiper.js и Расширенный Блок Категорий

Установите модули как указано в их документации

1. Установка модуля Интеграция Swiper.js” (установка обязательна)
2. Установка модуля Расширенный Блок Категорий” (установка не обязательна)

1. Загрузка

1. Скачайте модуль
2. Перейдите в Панель Администратора > Модули > Управление модулями
3. Нажмите на [+] чтобы открыть диалоговое окно загрузки
4. Выберите удобный для вас способ:
   – Загрузить: zip архив храниться на вашем компьютере
   – Сервер: zip архив храниться на вашем сервере
   – URL: у вас есть прямая ссылка на zip архив
5. После того как вы выбрали zip архив для соответствующей версии CS-Cart, пожалуйста, нажмите кнопку Загрузить и установить
6. Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш

2. Активация лицензии

1. Откройте страницу настроек модуля Панель Администратора > Модули > Управление модулями >
   [TH] Syrup Theme Settings
2. В подвкладке Настройки > Активация введите Номер лицензии
3. Сохраните настройки и включите модуль
4. Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш

3. Активация темы

1. Перейдите в Панель Администратора > Дизайн > Темы
2. Активируйте тему во вкладке Установленные темы

Это всё, тема установлена.

[!] Создавать клон темы, мы крайне не рекомендуем – это приведет к тому что вам придется устанавливать обновления вручную
Вместо этого используйте модуль изменений или создайте новую тему, а в качестве родительской укажите тему Syrup

Изменение цветовой схемы – вверх

1. Перейдите в Дизайн > Темы
2. Нажмите кнопку Редактор тем рядом с активным макетом
3. В новой вкладке, вы увидите свой магазин с панелью Редактор тем
4. В выпадающем списке РЕДАКТИРОВАТЬ выберете Цвета
5. После редактирования сохраните изменения, нажав Сохранить и нажмите [X] чтобы закрыть редактор

Изменение стилей – вверх

Файлы стилей не должен быть изменены, это может привести к некорректной работе темы. Если необходимо переопределить или добавить стили, пожалуйста, используйте Редактор тем

1. Перейдите в Дизайн > Темы
2. Нажмите кнопку Редактор тем рядом с активным макетом
3. В новой вкладке, вы увидите свой магазин с панелью Редактор тем
4. В выпадающем списке РЕДАКТИРОВАТЬ выберете Пользовательские CSS
5. В текстовое поле вы можете добавить свои стили
6. После редактирования сохраните изменения, нажав Сохранить и нажмите [X] чтобы закрыть редактор

Обновление темы – вверх

Обновления устанавливаются через Центр обновлений, он расположен:
Панель администратора > Администрирование > Центр обновлений

Часто задаваемые вопросы – вверх

Как сделать фейковый фон у фотографий товаров как на демо?

Добавьте код стилей через редактор тем или ваш модуль изменений

.ty-grid-list__image,
.ty-product-list__image {
  background: #000;
}
.ty-grid-list__image .ty-pict,
.ty-product-list__image .ty-pict {
	opacity: 0.95;
	width: 100%;
}

Планируется в следующих релизах – вверх

Порядок изменений произвольный

• Новая цветовая схема
• Добавление модуля Ultimate меню
• Кнопка вверх
• Фиксация шапки при прокрутке
• Блок с выбором иконок платежных систем
• Редизайн раздела аккаунт
• Редизайн магазина вендора
• Редизайн магазина списка продавцов
• Редизайн блока продавец на детальной странице товара
• Редизайн страницы Бренды
• Редизайн страницы Регистрация
• Редизайн страницы 404
• Редизайн Блога
• …

Свои идеи, макеты и референсы присылайте на [email protected]

Список изменений

1.01 (16 Aug 2022)
Добавили поддержку старых версий CS-Cart 4.12.x-4.13.x
Адаптировали под Японскую редакцию CS-Cart
Стилизовали кнопку "добавить в избранное" для модуля Интеграция Swiper.js
Исправления в стилях
Исправления в шаблонах
Исправлен баг с формой подписки в футоре
Добавили отображение подкатегорий в блоке фильтров если другие категории отсутствуют
Добавлено условие в блоке информация о вендоре

1.00 (28 Jun 2022)
Релиз темы