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)
Релиз темы