опенкарт как редактировать меню

Главное меню OpenCart: как добавить, удалить пункт верхнего меню Опенкарт

Вступление

Предо мной стоит задача, убрать и добавить из главного меню магазина пункт меню. Показываю, как это сделать, предварительно рассказывая, про главное меню OpenCart магазина.

Про главное меню OpenCart

Дочерние категории родительской категории будут выпадать из пунктов меню родительских категорий автоматически. В настройках меню вы можете задать, как будут показаны дочерние категории. А именно указать количество столбцов дочерних категорий, их порядок и статус (показать/скрыть).

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

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

Как добавить новый пункт главного меню

Перейдем к практике и посмотрим, как добавить новый пункт главного меню в демо-меню коробочной версии (для примера).

Убрать пункт меню из главного меню

Чтобы удалить любой пункт верхнего меню OpenCart нужно:

Вывод

Согласитесь, в коробочной версии главное меню OpenCart очень просто настраивается. По моему, слишком просто и слишком ограниченно. Если сравнивать настройки меню OpenCart с меню других CMS, оно явно проигрывает.

Однако код OpenCart несложный и всегда можно «допилить» меню системы под себя «ручками». Об этом в других статьях, для продвинутых пользователей. Подписывайтесь на обновления блога.

Источник

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

Дата публикации: 2017-12-05

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

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

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

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

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

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

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

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

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

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

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

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Bootstrap5+OpenCart3. Создание интернет-магазина

Овладейте современной версткой и создавайте крутые интернет-магазины

Источник

Опенкарт как редактировать меню

Нужны новые клиенты? Тогда Вам рекомендуем посмотреть этот раздел нашего сайта
_____

Если появилась необходимость сделать собственные ссылки в дефолтной теме опенкарта 3.0 то можно это реализовать через админку сайта, в разделе дизайн/редактор шаблона/menu.twig. Единственный момент для работы с редактором это необходимость после сохранения файла заходить, например, в другой раздел админки чтобы изменения принялись движком и отразились на сайте.

Проблема в работе модуля заказ и регистрация. Opencart.

Само изменение меню можно провести следующим образом:

1. В админке опекарта заходите в каталог/категории и создаете новую категорию незабыв поставить галочку главное меню. В нашем случае это будет категория “Удача”

2. Далее нам необходимо поставить ссылку luckycom.ru на эту категорию

3. Для этогу заходим в редактор шаблонов и находим файл (в common) menu.twig.

и изменяете на допустим

Чтобы последующие разделы меню также имели переход по заданной вами ссылки вы можете под строкой описанной в п. 4. вставить любые необходимые вам строки с ссылками на нужные вам места сайта.

P.S. Часто бывает что файлы не сохраняются на фтп либо помещаются вне папки сайта, что приводит к невозможности редактирования как отдельных файлов сайта, так и сайта целиком. Для исправления ситуации необходимо в админке опенкарта 3.0 зайти в панель состояния – найти значок настройки (правый верхний угол) – выключить кэширование темы. Это позволит менять структурные файлы сайта напрямую через фтп.

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

Источник