Как поменять цвет меню в OpenCart

Как поменять цвет меню в OpenCart

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

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

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

Как поменять цвет меню в OpenCart

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

Интернет-магазин на OpenCart!

Создайте интернет-магазин на самой популярной CMS – OpenCart с нуля!

Приступить к созданию

Как поменять цвет меню в OpenCart

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

Как поменять цвет меню в OpenCart

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

Как поменять цвет меню в OpenCart

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

Как поменять цвет меню в OpenCart

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

Как поменять цвет меню в OpenCart

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

Ну а на сегодня все. Больше об OpenCart вы можете узнать из наших бесплатных или платных уроков.

Интернет-магазин на OpenCart!

Создайте интернет-магазин на самой популярной CMS – OpenCart с нуля!

Приступить к созданию

Интернет-магазин на OpenCart

Создание магазина с уникальным шаблоном на CMS OpenCart

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree