Categories

Новые шаблоны

OpenCart2.x. Как работать с модулем «TemplateMonster Color Switcher»

Rating: 5.0. From 2 votes.
Please wait...

Из этого туториала Вы узнаете, как работать с модулем TemplateMonster Color Switcher.

  1. Вы увидите Color Switcher с заданными цветовыми схемами. Нажмите на соответствующий значок, для того чтобы изменить цвет.

  2. Вы можете также выбрать нужную цветовую схему в модуле Color Switcher. Перейдите на вкладку Расширения -> Расширения -> Модули (Extensions -> Extensions -> Modules).

  3. Найдите модуль Templatemonster Color Switcher. Измените настройки модуля.

  4. Вы можете выбрать цветовую схему в разделе Color Scheme.

  5. Давайте зададим цветовую схему и удалим Color Switcher. Выберите статус Отключен (Disabled) и сохраните изменения.

  6. Обновите страницу. Модуль Color Switcher удален. В некоторых случаях нужно переустановить модификацию TemplateMonster_color_switcher.ocmod. Этот шаг обязателен, если стандартная цветовая схема отображается после отключения Color Switcher. Обновите модификации после переустановки модификации.

  7. Давайте добавим другую Color цветовую схему. Зайдите в FTP или получите доступ к Файловому менеджеру Панели управления хостингом. Скачайте и откройте файл \catalog\view\theme\themeXXX\stylesheet\stylesheet.css. Найдите селектор .color_scheme. Здесь Вы можете найти стили для значков.

  8. Убедитесь, что Вы включили Color Switcher. Каждый цвет задан в файле stylesheet.css. Вы можете исследовать элемент, для того чтобы найти код для соответствующего значка. Вы можете получить доступ к инспектору, нажав на кнопку F12 в браузере Chrome.

  9. Скопируйте код существующей схемы и вставьте его под изначальным кодом. Измените номер для новой цветовой схемы. Нужно также изменить цвета. Обратите внимание, что изменения будут применены только к значкам. Сохраните изменения и загрузите изменённый файл.

  10. Теперь Вы должны добавить цветовую схему. Перейдите в папку catalog/view/theme/themeXXX/stylesheet/color_schemes. Скачайте существующий файл цветовой схемы (мы создадим новую цветовую схему на основе цветовой схемы color_scheme_4.css). Откройте файл в редакторе. Измените изначальные цвета на нужные Вам.

    Используйте функцию «Заменить», для того чтобы заменить все упоминания конкретного цвета.

  11. Сохраните изменения, которые Вы внесли в файл. Задайте номер цветовой схемы. В нашем случае, добавлена пятая цветовая схема. Мы задали название файла color_scheme_5.css. Загрузите файл новой цветовой схемы в папку catalog/view/theme/themeXXX/stylesheet/color_schemes.

  12. Очистите кэш браузера и проверьте ваш сайт. Новая цветовая схема теперь отображается.

  13. Она также появилась в настройках модуля.

Ищете лучший шаблон OpenCart? Ознакомьтесь с разделом лучших шаблонов OpenCart в 2017.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

OpenCart2.x. Как работать с модулем «TemplateMonster Color Switcher»
Скачать шаблоны OpenCart
Эта запись была размещена в OpenCart туториалы и помечена как color scheme, module, Opencart2, TemplateMonster Color Switcher. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов

Чат
We help you to choose the right product.