OpenCart — меняем стандартный дизайн админки интернет-магазина на современный дизайн 2016-06-12

Весь дизайн выполнен в темных тонах с элементами бирюзы и наличием ярких кнопок.

  1. admin
    Добрый день, пока, в связи с праздниками, есть свободное время, стараюсь разместить на блоге ту информацию, которая была в свое время интересна мне, может, пригодится она и вам. И снова речь пойдет о смене дизайна административной части opencart. Что тут сказать, люблю я красивый дизайн и эксперименты)) Конечно, все эксперименты провожу на тестовых магазинах и если модуль оправдывает себя, то использую на действующих магазинах. Если же вы хотите протестировать тот или иной модуль на продающем магазине, не забывайте делать бекап, проще потратить несколько минут на сохранение БД и файлов, чем затем разбираться с проблемами и ошибками. Но это всего лишь отступление от темы, к слову, модуль, который буду рассматривать в этом посте, проблем никаких не вызвал (но, бекап это не отменяет).

    Итак, очередной вариант дизайна админки — это, можно смело сказать, смесь админки Prestashop, WordPress и OpenCart последних версий (начиная с 2.0.0.0). Дизайн порадует своей современностью. Весь дизайн выполнен в темных тонах с элементами бирюзы и наличием ярких кнопок. Основное меню вынесено в боковую панель-меню с разъезжающимися пунктами.

    Единственное, стоит отметить, что если вы владелец компьютера с экраном меньше 15, то некоторые страницы будут отображаться с прокруткой, это касается тех страниц, на которых присутствуют длинные таблицы. В остальном же данный вариант админки обладает адаптивной версткой.

    Итак, смотрим скрины обновленного дизайна админки для OpenCart

    - страница авторизации

    opencart-new-modern-design-login-page.jpg



    - консоль

    opencart-new-modern-design-main.jpg



    - страница категорий

    opencart-new-modern-design-categories.jpg



    - страница модулей

    opencart-new-modern-design-modules.jpg



    - страница товаров

    opencart-new-modern-design-products.jpg

    Установка и настройка модуля
    • Если такой дизайн по душе, тогда скачиваем ImpulsePro: OpenCart Admin Theme (Responsive/Bootstrap) — v1.0.5. Модуль совместим с версиями 1.5.1.3 — 1.5.6.3. Обратите внимание, что необходимо скачать ту версию модуля, которая соответствует вашей версии opencart.
    • Необходим установленный vqmod.
    • В корневую папку магазина загружаем файлы из скачанного архива, точнее загружаем две папки — admin и vqmod. Никакие файлы при этом не перезаписываются. Но, все же бекап сделать не помешает.
    • Заходим в админ-панель магазина и наблюдаем произошедшие изменения. Как всегда напоминаю, если изменения не вступили в силу — чистим системный кэш.
    • Если данный дизайн все же не подошел или мало чем еще не угодил, удаляем или переименовываем файл /xml/admin_theme_base5builder_impulsepro_1.5.5-above.xml, тем самым возвращая стандартный дизайн админки opencart.
    Homer, vadsniffer, miro1992 и 12 другим нравится это.