[Решено] Изменить верхнее меню в шаблоне Moneymaker

Тема в разделе "OpenCart", создана пользователем Zulus, 12 окт 2014.

Статус темы:
Закрыта.
  1. Zulus

    Zulus Команда форума

    Регистрация:
    20 дек 2012
    Сообщения:
    682
    Симпатии:
    686
    А теперь по порядку.


    Сейчас на сайте, самое верхнее меню имеет вот такой вид:
    [​IMG]
    Получается в левой части слишком много пунктов и при просмотри на небольших мониторах в шаблоне еще не включается "мобильный" просмотр, а сама верхняя часть "разъезжается" (идет в две строки), что совсем не красиво.
    Хочу сгруппировать несколько ссылок по аналогии с меню для Учетной записи (выделено красным ↨), вот так:
    [​IMG]
    но ковыряние кода в файле header.tpl успехов не принесло, ни как не получается такое реализовать, то дизайн разъезжается, то ошибки выскакивают, то еще что-либо... в общем не получилось (знаний не хватает).
    Помогите изменить код и вставить его в нужное место.

    Весь код из файла header.tpl (на всякий случай)

    Часть кода отвечающая за "шапку":
    Ссылки что хочу вставить, выглядят так (с иконками):
    Код:
    <li ><a href="домен/garantii.html"><i class="fa fa-check fa-fw"></i> Гарантии</a></li>
    <li ><a href="домен/organizaciyam.html"><i class="fa fa-users fa-fw"></i> Организациям</a></li>
    <li ><a href="домен/o_kompanii.html"><i class="fa fa-user fa-fw"></i> О нас</a></li>
    Помогите разобраться.
    --- Добавлено, 12 окт 2014 ---
    Все, сам разобрался. Сейчас добавлю в этот же пост что и куда добавлять. Может кому пригодиться.
    Добавить следующее (изменить под себя):
    Код:
    <li class="dropdown">
      <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="fa fa-info fa-fw"></i> Информация <span class="caret"></span>
      </a>
        <ul class="dropdown-menu">
          <li class="dropdown-header">Оплата и доставка</li>
          <li><a href="http://доменное_имя/oplata.html"><i class="fa fa-money fa-fw"></i> Оплата</a></li>
          <li><a href="http://доменное_имя/dostavka.html"><i class="fa fa-truck fa-fw"></i> <span id="wishlist-total">Доставка</span></a></li>
          <li class="divider"></li>
          <li class="dropdown-header">Дополнительно</li>
          <li><a href="http://доменное_имя/garantii.html"><i class="fa fa-check fa-fw"></i> Гарантии</a></li>
          <li><a href="http://доменное_имя/organizaciyam.html"><i class="fa fa-users fa-fw"></i> <span id="wishlist-total">Организациям</span></a></li>
          <li><a href="http://доменное_имя/o_kompanii.html"><i class="fa fa-user fa-fw"></i> <span id="compare-total">О нас</span></a></li>
        </ul>
    </li>
    Вот сюда:
    Код:
    class="fa fa-<?php echo $mmr_header_link['icon']; ?> fa-fw"></i> <?php } ?><?php echo isset($mmr_header_link['text'][$this->config->get('config_language_id')]) ? $mmr_header_link['text'][$this->config->get('config_language_id')] : ''; ?></a></li>
              <?php } ?>
              <?php } ?>
              <?php } ?>
    #####Добавить сюда (после 190 строки)#####
            </ul>
            <ul class="nav navbar-nav navbar-right">
     
    Последнее редактирование: 12 окт 2014
    x-guest нравится это.
Статус темы:
Закрыта.