Делаем меню быстрого доступа в админке CMS OpenCart 4.1

Всем привет, в CMS OpenCart 4.1 довольно удобная панель управления сайтом (ну, врать не будем, она такая же как и во второй и в третьей версии CMS), но лично мне не хватает быстрого доступа к чаще всего используемым мною функциям админки (не удобно лазить по нужным мне вкладкам). Не хватает — значит делаем.

1. Открываем файл: ../public_html/admin/view/template/common/header.twig и после этой строки:

<button type="button" id="button-menu" class="btn btn-link d-inline-block d-lg-none"><i class="fa-solid fa-bars"></i></button>

вставьте эти:

<!-- start Quick Access  -->     
<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
        <i class="fa-solid fa-bars"></i> {{ text_quick_access }} <i class="fa-solid fa-caret-down fa-fw"></i>
    </button>
    <ul class="dropdown-menu dropdown-menu-start quick_access">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 col-lg-6">
                    <ul class="nav">
                        <li><h4 class="dropdown-header"><i class="fa-solid fa-folder-open"></i> {{ text_product }}</h4></li>
                        <li><a class="dropdown-item" href=" {{ category }} "><i class="fa-solid fa-angles-right"></i> {{ text_category }}</a></li>
                        <li><a class="dropdown-item" href=" {{ product }} "><i class="fa-solid fa-angles-right"></i> {{ text_product }}</a></li>
                        <li><a class="dropdown-item" href=" {{ filter }} "><i class="fa-solid fa-angles-right"></i> {{ text_filter }}</a></li>
                        <li><a class="dropdown-item" href=" {{ filter_group }} "><i class="fa-solid fa-angles-right"></i> {{ text_filter_group }}</a></li>
                        <li><a class="dropdown-item" href=" {{ attribute }} "><i class="fa-solid fa-angles-right"></i> {{ text_attribute }}</a></li>
                        <li><a class="dropdown-item" href=" {{ attribute_group }} "><i class="fa-solid fa-angles-right"></i> {{ text_attribute_group }}</a></li>
                        <li><a class="dropdown-item" href=" {{ option }} "><i class="fa-solid fa-angles-right"></i> {{ text_option }}</a></li>
                        <li><a class="dropdown-item" href=" {{ manufacturer }} "><i class="fa-solid fa-angles-right"></i> {{ text_manufacturer }}</a></li>
                    </ul>
                </div>
                <div class="col-md-12 col-lg-6">
                    <ul class="nav">
                        <li><h4 class="dropdown-header"><i class="fa-regular fa-message"></i> {{ text_texts }}</h4></li>
                        <li><a class="dropdown-item" href=" {{ information }} "><i class="fa-solid fa-angles-right"></i> {{ text_information }}</a></li>
                        <li><a class="dropdown-item" href=" {{ topic }} "><i class="fa-solid fa-angles-right"></i> {{ text_topic }}</a></li>
                        <li><a class="dropdown-item" href=" {{ article }} "><i class="fa-solid fa-angles-right"></i> {{ text_article }}</a></li>
                        <li><h4 class="dropdown-header"><i class="fa-solid fa-circle-info"></i> {{ text_other }}</h4></li>
                        <li><a class="dropdown-item" href=" {{ order }} "><i class="fa-solid fa-angles-right"></i> {{ text_order }}</a></li>
                        <li><a class="dropdown-item" href=" {{ contact }} "><i class="fa-solid fa-angles-right"></i> {{ text_contact }}</a></li>
                        <li><a class="dropdown-item" href=" {{ report }} "><i class="fa-solid fa-angles-right"></i> {{ text_reports }}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </ul>
</div>
<!-- end Quick Access -->

P.S. — вместо admin укажите свой адрес админ панели (после установки движка вы меняли стандартный адрес админки на свой).

2. Открываем файл: ../public_html/admin/controller/common/header.php и после этой строки:

$this->load->language('common/header');

вставляем эту (можно через пустую строку):

$this->load->language('common/column_left');

P.S. — Подключаем файл перевода левой колонки, чтобы не прописывать кучу строк перевода в файл шапки.

3. Откроем файл: ../public_html/admin/controller/common/header.php и после этой строки:

$data['language'] = $this->load->controller('common/language');

вставим эти:

// Link Quick Access
$data['category'] = $this->url->link('catalog/category', 'user_token=' . $this->session->data['user_token']);
$data['product'] = $this->url->link('catalog/product', 'user_token=' . $this->session->data['user_token']);
$data['filter'] = $this->url->link('catalog/filter', 'user_token=' . $this->session->data['user_token']);
$data['filter_group'] = $this->url->link('catalog/filter_group', 'user_token=' . $this->session->data['user_token']);
$data['attribute'] = $this->url->link('catalog/attribute', 'user_token=' . $this->session->data['user_token']);
$data['attribute_group'] = $this->url->link('catalog/attribute_group', 'user_token=' . $this->session->data['user_token']);
$data['option'] = $this->url->link('catalog/option', 'user_token=' . $this->session->data['user_token']);
$data['manufacturer'] = $this->url->link('catalog/manufacturer', 'user_token=' . $this->session->data['user_token']);

$data['information'] = $this->url->link('catalog/information', 'user_token=' . $this->session->data['user_token']);
$data['topic'] = $this->url->link('cms/topic', 'user_token=' . $this->session->data['user_token']);
$data['article'] = $this->url->link('cms/article', 'user_token=' . $this->session->data['user_token']);

$data['order'] = $this->url->link('sale/order', 'user_token=' . $this->session->data['user_token']);
$data['contact'] = $this->url->link('marketing/contact', 'user_token=' . $this->session->data['user_token']);
$data['report'] = $this->url->link('report/report', 'user_token=' . $this->session->data['user_token']);

4. Откроем файл: ../public_html/admin/language/ru-ru/common/header.php и после этой строки:

// Text

вставим эти:

$_['text_quick_access']      = 'Быстрый доступ';
$_['text_texts']             = 'Тексты';
$_['text_other']             = 'Другое';

5. Откроем файл: ../public_html/admin/language/en-gb/common/header.php и после этой строки:

// Text

вставляем эти:

$_['text_quick_access']      = 'Quick Access';
$_['text_texts']             = 'Texts';
$_['text_other']             = 'Others';

6. Откроем файл: ../public_html/admin/view/stylesheet/stylesheet.css и в конец файла добавим эти строки:

@media (min-width: 992px) {
    .quick_access {
        min-width: 350px;
    }
}
@media (max-width: 991px) {
    .quick_access div + div {
        padding-top: 10px;
    }
}
.quick_access ul  {
    display: inline-block;
}

Чистим все кеши и смотрим результат:

Не знаю как вам, а мне нравится и удобством и минималистичным дизайном.

На этом всё, скоро увидимся. 🙂

Оставить комментарий

Этот сайт защищен reCAPTCHA и применяются Политика конфиденциальности и Условия обслуживания.

Срок проверки reCAPTCHA истек. Перезагрузите страницу.

Навигация