Opencart 2.x - Как Поменять Цвет Меню

Тема в разделе "Шаблоны, дизайн и оформление магазина", создана пользователем admin, 13 апр 2018.

  1. TopicStarter Overlay
    Online

    admin Команда форума Администратор

    Сообщения:
    2.609
    Симпатии:
    114.920
    Репутация:
    180
    Приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как поменять цвет меню в OpenCart.

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

    В OpenCart все темы находятся по такому адресу: \catalog\view\theme.

    В свежеустановленной версии OpenCart мы увидим здесь только одну папку, называется она default. Это тема по умолчанию. На реальном сайте мы здесь можем найти и другие папки с другими темами. Как в этом случае узнать, какую из тем использует магазин, чтобы мы моги редактировать нужную? Очень просто. Идем в меню Дополнения – Шаблоны – Редактировать и в поле Папка шаблона мы увидим название активной темы.

    1.jpg

    Вот она-то нам и нужна. Ну что же, давайте попробуем поменять цвет меню с категориями товаров, которое в дефолтной теме имеет синий цвет.

    2.jpg

    Изменим его, например, на черный. Как вы уже догадались, нам потребуется файл стилей шаблона. Находится этот файл в папке stylesheet темы и называется stylesheet.css. Через инспектор кода мы можем найти нужное правило, которое нам и нужно изменить – это #menu.

    3.jpg

    Найдем искомое правило в файле стилей, закомментируем или удалим имеющиеся определения цветов и напишем собственные, примерно так:

    4.jpg

    Осталось сохранить файл стилей и обновить сайт, чтобы увидеть изменения:

    5.jpg

    У нас получилось. Все просто, не так ли? Аналогичным образом вы можете пробовать изменять оформление других элементов страницы: цвет блока товара, оформление кнопки корзины, поля поиска и т.д. Однако, помните, если вы хотите внести много правок, то здесь правильнее будет уже создать новую тему, тем более что в Опенкарт создавать темы очень просто. Но об этом в других статьях.
     
  2. Offline

    Zoltrix Пользователь

    Сообщения:
    10
    Симпатии:
    3
    Репутация:
    0
    1. как сделать выделение цветом подкатегории в выпадающем меню при наведении курсором
    2. сделать главную категорию меню активной
    3. убрать ссылку "смотреть все"