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

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

  • INSTALL_ADDON_SyrupTheme_vX_XX.zip – модуль установки Syrup Theme
  • Пакеты темы для старых версий CS-Cart предоставляем по запросу

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

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

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

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

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
  • Редизайн Блога

Свои идеи, макеты и референсы присылайте на support@themehills.com


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

2.04 (11 Mar 2024)
добавили поддержку модуля Mega Wishlist и включили его в пакет*
исправления в стилях и шаблонах
изменили и поправили внешний вид выбора количества для зеленой цветовой схемы на тач устройствах

* если модуль Mega Wishlist не появился у вас в личном кабинете, то напишите нам на почту - исправим

2.03 (10 Jan 2024)
Исправления в стилях
Добавлена настройка для галереи изображений товара в видах: сетка и карусель
Улучшена поддержка модуля Swiper.js

2.02 (14 Nov 2023)
Улучшения в шаблонах и стилях
Добавили поддержку сторонних модулей (сами модули не входят в цену темы)
- Simtech Development: YouTube Video Gallery
- Simtech Development: Sales & Social Proof
- Webkul: Auction

2.01 (15 Aug 2023)
Добавлен выбор количества в сетке товара
Исправления багов (выпадающие списки на мобильных устройствах)

2.00 (31 Jul 2023)
Новая цветовая схема
Новые блоки
Новый макет

1.02 (22 Jul 2023)
Исправлены css баги
Шрифты размещены локально

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

1.00 (28 Jun 2022)
Релиз темы
						
5% Discount
No prize
Next time
Almost!
10% Discount
15% Discount
No Prize
No luck today
Almost!
50% Discount
No prize
Unlucky
Get your chance to win a price!
Enter your email address and spin the wheel. This is your chance to win amazing discounts!
Our in-house rules:
  • One game per user
  • Cheaters will be disqualified.