Top.Mail.Ru

OpenCart

OpenCart Version 3.0.3.8 (rs.2)

1. Как убрать корзину из шапки сайта на опенкарт3
Пройти по пути catalog\view\theme\default\template\common\header.twig найти код:

<div class="col-sm-3">{{ cart }}</div>

И закомментировать корзину

<!--{{ cart }}-->

 

2. Как удалить кнопки регистрация, авторизация, телефон и т.д. вверху справа в шапке шаблона

Пройти по пути catalog\view\theme\default\template\common\header.twig
Найти и закомментировать код от

<!--<nav id="top"> до </nav>-->

3. Редактируем меню
Изменение шрифта в выпадающем меню
Заходим в stylesheet, находим строку 234 и редактируем дефолтный код

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}

меняем на свой

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #141414;
    font-size: 18px;
}

Если есть свой файл стилей добавляем в конец например:

#menu .dropdown-inner a {
min-width: 160px;
display: block;
padding: 3px 20px;
clear: both;
line-height: 20px;
color: #141414;
font-size: 18px;
}

Нижняя часть выпадающего меню строка 246

#menu .see-all

 

Редактирование главного меню 

Заходим в stylesheet, находим строку 203 и комментируем

#menu {
    /*background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;*/

и ниже пишем свои стили, например так

#menu {
    /*background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;*/
    background-color: #64c822;
    background-image: linear-gradient(to bottom, #d5fad2, #b7d5b4);
    background-repeat: repeat-x;
    border-color: #23bb1f #1fbb1f #2a7a14;
    min-height: 40px;
}

Размер шрифта горизонтального меню редактируем  stylesheet.css в строке 1 body

Футер редактируем строка 326

Внизу можно прописать класс для оформления ссылок

Редактируем нижнее меню

Закрываем футер от просмотра не исправляя код простым комментированием

Идем по пути /catalog/view/theme/default/template/common/footer.twig

Комментируем строки с 15 по 38

<!--<h5>{{ text_service }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ contact }}">{{ text_contact }}</a></li>
          <li><a href="{{ return }}">{{ text_return }}</a></li>
          <li><a href="{{ sitemap }}">{{ text_sitemap }}</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>{{ text_extra }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ manufacturer }}">{{ text_manufacturer }}</a></li>
          <li><a href="{{ voucher }}">{{ text_voucher }}</a></li>
          <li><a href="{{ affiliate }}">{{ text_affiliate }}</a></li>
          <li><a href="{{ special }}">{{ text_special }}</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>{{ text_account }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ account }}">{{ text_account }}</a></li>
          <li><a href="{{ order }}">{{ text_order }}</a></li>
          <li><a href="{{ wishlist }}">{{ text_wishlist }}</a></li>
          <li><a href="{{ newsletter }}">{{ text_newsletter }}</a></li>
        </ul>-->

 

back to top