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) Обновление темы вверх

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

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

  • Перейдите в девелоперский режим
  • Для этого в файле local_conf.php добавьте define(‘DEVELOPMENT’, true);
    В случае отсутствия файла создайте его
  • Обновите кэш
  • На странице модулей в выпадающем списке напротив модуля “[TH] Настройки темы Emerald” выберите “Обновить”
  • Вернитесь в обычный режим магазина

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

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

Вы можете обновиться самостоятельно или написать нам на support@themehills.com

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

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

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

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

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

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


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

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						
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.