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

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

1. Загрузка

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

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

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

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

  1. Перейдите в Панель Администратора > Дизайн > Темы
  2. Выберите вкладку Просмотреть все доступные темы
  3. Наведите курсор на “Emerald theme” и нажмите кнопку Установить
  4. Затем активируйте тему во вкладке Установленные темы

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

Демонстрационные банеры устанавливаются автоматически


В теме есть возможность использовать логотип в формате SVG.

  1. Оптимизируйте SVG файл, для этого вы можете воспользоваться онлайн сервисом SVGOMG!
  2. Откройте файл в текстовом редакторе и скопируйте текст
  3. Перейдите в Панель Администратора > Дизайн > Макеты
  4. Выключите блок Logo
  5. Активируйте блок Logo SVG
  6. Нажмите [шестеренку] и выберите вкладку Контент
  7. Вставте скопированный код внутрь тега <a>
    <a href="{""|fn_url}" title="{$logos.theme.image.alt}">
       заменить на SVG код
    </a>

SVG является векторным форматом, поэтому при масштабировании качество изображения не ухудшается. Так же при подключении SVG описаным выше способом, не происходит дополнительного запроса к серверу.

Чтобы заменить логотип на изображение

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

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

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

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

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

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

E) Секции на всю ширинувверх

Вы можете с легкостью сделать секцию на всю ширину экрана

В настройках секции добавьте Пользовательский CSS-класс и в настройкеВся ширина выберите Да

Для того что бы секция могла быть сделана на всю ширину, необходимо выполнить два услови

  1. У секции не должно быть родительской секции (секция без вложенности)
  2. Ширина – 16

В теме есть классы с заданным фоном

  • .accent_bg_section – Основной цвет акцентa
  • .content_bg_section – Специальный фон


F) Каталог категорийвверх

Количество столбцов на странице категорий устанавливается в настройках модуля


G) Блогвверх

В теме стилизован модуль Блог компании SIMTECH входящий в базовый CS-Cart

Количество колонок на странице блога устанавливается в настройках модуля

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

Начиная с версии 3.19 обновления устанавливаются через Центр обновлений

Администрирование > Центр обновлений

Для обновления версий до 3.19 выполните следующие действия:

  • сделайте полный бекап магазина
  • закройте магазин
  • установите модуль темы поверх старой версии не удаляя предыдущую
  • обновите кэш
  • по необходимости внесите изменения, которые могут быть стерты при обновлении, если вы изменяли файлы темы напрямую
  • проверьте что все удачно обновилось
  • откройте магазин

Для обновления языковых переменных и настроек модуля:

  • Перейдите в девелоперский режим
  • Для этого в файле local_conf.php добавьте
    define('DEVELOPMENT', true);

    В случае отсутствия файла создайте его

  • Обновите кэш
  • На странице модулей в выпадающем списке напротив модуля “[TH] Настройки темы Emerald” выберите “Обновить”
  • Вернитесь в обычный режим магазина

Для магазинов использующих цветовые схемы созданные до версии 3.0

Обновление цветовой схемы:
  • На странице тем переключитесь на цветовую схему “Emerald”
  • Запустите “Редактор тем”
  • В нем выберите свою цветовую схему и сохраните её.
  • Новые цветовые переменные будут заданы белым цветом. По необходимости замените их
Для доступа к актуальной версии продукта и его поддержке необходима подписка.

Вы можете обновиться самостоятельно или написать нам на [email protected]

Обновления макета для CS-Cart 4.10.1

Checkout_layout_for_4.10.1.zip – это макет страницы заказа, чтобы установить его, выполните следующие действия

  1. Перейдите в Дизайн > Макеты > Шестеренка рядом с плюсом > Импортировать макет
  2. В открывшемся окне выберите “Обновить текущий макет” > “Заменить страницы макета при совпадении”
  3. Загрузите разархивированный файл

Обновление темы для CS-Cart 4.11.3

После стандартного процесса обновления темы необходимо изменить цветовую схему
В файл design/themes/thin_theme/styles/data/<Ваша цветовая схема>.less
Добавьте less переменные:

//checkout
@checkout_selected_control_border: #4fbe31;
@checkout_control_border: #acbdcd;
@checkout_input_border: #acbdcd;
@checkout_selected_input_border: #4fbe31;
@checkout_step_title: #2e3a47;
@checkout_input_text: #2e3a47;
@checkout_input_label: #a1a6aa;
@checkout_control_background: #fff;
@checkout_selected_control_background: #fff;
@checkout_control_title: #4fbe31;
@checkout_control_description: #6c6c6c;
@checkout_control_label: #2e3a47;
@checkout_terms_background: #f9f9f9;

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

  • Как сменить логотип используемый по умолчанию для вендоров?

    Замените файл design/themes/emerald_theme/media/images/logo.png на свой и очистите кэш.


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

4.06 (15 Jul 2022)
Исправление в лицензионной системе
Если у вас в домене есть www и вы не видите новую версию в центре обновлений, то установите новый модуль темы поверх старого (опасным способом - без стирания данных в базе данных)

4.05 (04 Jul 2022)
Адаптирован модуль "Цена за единицу"
Обновления в лицензионной системе (теперь www - не учитывается)
Исправления в стилях
Удалены:
/design/themes/emerald_theme/templates/views/products/quick_view.tpl
/var/themes_repository/emerald_theme/templates/views/products/quick_view.tpl

4.04 (21 Jun 2022)
Обязательное обновление для CS-Cart 4.15.1 и выше
Исправления в шаблонах и стилях
При обновлении вручную необходимо удалить эти файлы:
/design/themes/emerald_theme/templates/common/product_data.tpl
/var/themes_repository/emerald_theme/templates/common/product_data.tpl
(лучше обновляться через центр обновлений)

4.03 (25 Jan 2022)
Обновили скрипты
Исправления в стилях

4.02 (10 Jan 2022)
Обновили скрипты

4.01 (27 Sep 2021)
На детальной странице товара заменили карусель изображений (галерею), с OWL на Swiper (для всех видов)
Исправления в стилях

3.20 (07 May 2021)
Исправление в стилях для RTL
Добавлена в кнопку входа в админку вендора в блок профиля

3.19 (08 Mar 2021)
Интегрировали систему обновления через Центр Обновлений
Добавлена новая иконка в иконочный шрифт: pinterest
	

3.18 (13 Jan 2021)
Исправлен баг с окном логина
Добавлена  возможность отображать всплывающие кнопки в одну колонку на карточке товара

3.17 (08 Dec 2020)
Обновили тему для совместимости с CS-Cart 4.12.1
Требуется переустановка модуля для CS-Cart Multivendor Ultimate

3.16 (30 Oct 2020)
Обновили стили и шаблоны
Исправлена работа с лейблами скидок

3.15 (13 Jul 2020)
Добавлена совместимость с модулем "Оплата напрямую продавцам"

3.14 (24 Jun 2020)
Уменьшили размер Google reCAPTCHA для панели мой аккаунт
Улучшили стили

3.13 (15 Jun 2020)
Уменьшили z-index для панелей и поп апов
Фикс для Google geolocation

3.12 (04 Apr 2020)
Добавили возможность фиксировать шапку при прокрутке
Изменили стили
Добавили настройки модуля
Добавили языковые переменные

3.11 (19 Mar 2020)
Исправлены стрелки в скроллерах
Исправления для RTL

3.10 (14 Feb 2020)
Исправление CSS для детальной страницы товара с большой картинкой
Изменена лицензионная система, если у вас Multivedor Ultimate сообщите нам для обновления лицензии

3.09 (05 Feb 2020)
Добавили совместимость с CS-Cart 4.11.3
Изменили файл design/themes/thin_theme/styles/schema.json
и LESS файлы в папке design/themes/thin_theme/styles/data

3.08 (26 Dec 2019)
Добавлены новые иконки в иконочный шрифт: telegram и linkedin
	
	
Добавлены новые иконки платежных систем: google pay и apple pay
	{include file="svg/pay_icons/apple_pay.tpl"}
	{include file="svg/pay_icons/google_pay.tpl"}
Исправлен баг для GDPR

3.07 (07 Nov 2019)
Обновление для версии 4.11.1
Обновлены стили и шаблоны

3.06 (17 Jul 2019)
Обновление для версии 4.10.3
(/design/themes/emerald_theme/templates/blocks/product_templates/default_template.tpl)
Обновлены макеты
Обновлены языковые переменные

3.05 (14 Jul 2019)
Улучшено отображение кнопок на мобильном виде
Настройки "Секция на всю ширину" перенесены в хук
Исправлен баг в макетах

3.04 (02 Jul 2019)
Исправление стилей для лейблов, мобильных фильтров и стрелок скроллера 

3.03 (11 Jun 2019)
Исправлены кнопки появляющиеся при наведении на карточку товара

3.02 (10 Jun 2019)
Изменен addon.xml - добавлена проверка версии CS-Cart
Исправлен баг для быстрого просмотра для 4.10.1
Обновлены макеты для Ultimate - изменен блок фильтров на актуальный

3.01 (03 Jun 2019)
Обновление для поддержки 4.10.1
Исправления для rtl

3.0 (26 Jan 2019)
добавлен стиль для страницы Поставщика (MV)
фиксы для старых версий Safari
удален design/backend/templates/addons/ath_emerald_theme_settings/overrides/views/static_data/update.tpl
4 новых цветовых схемы
обновлены макеты для мультивендора
исправления для rtl
исправления стилей

2.1 (06 Oct 2018)
исправлены хлебные крошки
добавлено новое отображение фильров без ajax
исправлены кнопки купить в один клик и купить
изменено расширенное меню
собщение если модуль темы выключен
изменен приоритет
теперь тема не только в var, но и в desing

2.0 (13 Aug 2018)
добавлена поддержка Multivendor

1.7 (14 Mar 2018)
обновлена лицензия для поддержки Ultimate

1.5 (02 Dec 2017)
исправлен баг с my account

1.4 (31 Octb 2017)
поддержка мега меню
поддержка Thin Theme