Меню

[DDoc]

А вот сверху где ссылки Главная, Контакты и т.д. там задний фон меняется, и надо сделать после того как перешел по этой ссылке что бы задний фот остался таким же, когда ты на него навел. Как это можно сделать?

 

См. ссылку у Тома.

Хотя я не уверен, что этого достаточно

[DDoc]

Это кусок кода из header.tpl 

 

Адаптированный?

В оригинале он другой просто

[Tom]

Это кусок меню с классом active.

[DDoc]

Как натянуть на вот этот каркас

 

<ul class="menu">

        <li><a href="#" class="parent"><span>ОДЕЖДА</span></a>

            <div><ul>

            <li><a href="#"><span>Каталог 1.1</span></a>

<li><a href="#"><span>Каталог 1.2</span></a></li>

            <li><a href="#"><span>Каталог 1.3</span></a></li>

            <li><a href="#"><span>Каталог 1.4</span></a>

            </ul></div>

        </li>

        <li><a href="#" class="parent"><span>Обувь</span></a>

            <div><ul class="one">

                    <li><a href="#"><span>Каталог 2.1</span></a></li>

                    <li><a href="#"><span>Каталог 2.2</span></a></li>

                </ul></div>

        </li>

        <li><a href="#"><span>СЕРВИС</span></a>

        <div>

                <ul class="one">

                    <li><a href="#"><span>Наши магазины</span></a></li>

                    <li><a href="#"><span>Что-то 1</span></a></li>

                    <li><a href="#"><span>Что-то 2</span></a></li>

                    <li><a href="#"><span>Что-то 3</span></a></li>

                </ul>

           </div>

        </li>

        <!--<li class="last"><a href="#"><span>Контакты</span></a></li>-->

    </ul>

 

php вставки с оригинального header.tpl

 

<div id="menu">

  <ul>

    <?php foreach ($categories as $category) { ?>

    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

      <?php if ($category['children']) { ?>

      <div>

        <?php for ($i = 0; $i < count($category['children']) ;) { ?>

        <ul>

          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

          <?php for (; $i < $j; $i++) { ?>

          <?php if (isset($category['children'][$i])) { ?>

          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

          <?php } ?>

          <?php } ?>

        </ul>

        <?php } ?>

      </div>

      <?php } ?>

    </li>

    <?php } ?>

  </ul>

</div>

 

[eax]

См. ссылку у Тома.

Хотя я не уверен, что этого достаточно

Я уже делал по этой ссылке и к сожалению ничего не получается.

[eax]

 

Как натянуть на вот этот каркас

 

<ul class="menu">

        <li><a href="#" class="parent"><span>ОДЕЖДА</span></a>

            <div><ul>

            <li><a href="#"><span>Каталог 1.1</span></a>

<li><a href="#"><span>Каталог 1.2</span></a></li>

            <li><a href="#"><span>Каталог 1.3</span></a></li>

            <li><a href="#"><span>Каталог 1.4</span></a>

            </ul></div>

        </li>

        <li><a href="#" class="parent"><span>Обувь</span></a>

            <div><ul class="one">

                    <li><a href="#"><span>Каталог 2.1</span></a></li>

                    <li><a href="#"><span>Каталог 2.2</span></a></li>

                </ul></div>

        </li>

        <li><a href="#"><span>СЕРВИС</span></a>

        <div>

                <ul class="one">

                    <li><a href="#"><span>Наши магазины</span></a></li>

                    <li><a href="#"><span>Что-то 1</span></a></li>

                    <li><a href="#"><span>Что-то 2</span></a></li>

                    <li><a href="#"><span>Что-то 3</span></a></li>

                </ul>

           </div>

        </li>

        <!--<li class="last"><a href="#"><span>Контакты</span></a></li>-->

    </ul>

 

php вставки с оригинального header.tpl

 

<div id="menu">

  <ul>

    <?php foreach ($categories as $category) { ?>

    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

      <?php if ($category['children']) { ?>

      <div>

        <?php for ($i = 0; $i < count($category['children']) ;) { ?>

        <ul>

          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

          <?php for (; $i < $j; $i++) { ?>

          <?php if (isset($category['children'][$i])) { ?>

          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

          <?php } ?>

          <?php } ?>

        </ul>

        <?php } ?>

      </div>

      <?php } ?>

    </li>

    <?php } ?>

  </ul>

</div>

 

Вот такой код у меня, и как то заменить надо menu на links, я так думаю, как это можно будет сделать?

[DDoc]

Вот такой код у меня, и как то заменить надо menu на links, я так думаю, как это можно будет сделать?

Гуглите! Направление в какую сторону рыть Вам указали.

Дело не в заменить menu или link, дело в конкретных селекторах css и их использовании.

Возможно реализовать это на jquery еще проще - я например в нем не силен.

Поэтому пробуйте, найдете решение - напишите здесь! Это интересно

[DDoc]

Попробую разобраться в синтаксисе php-конструкций Opencart и ,в частности, как работает меню.
И так разбор по строкам...

 

 

<div id="menu">  <ul>    <?php foreach ($categories as $category) { ?>   // перебирается массив содержащий Категории    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>  //в строке выводится ссылка текущего элемента итерации и выводится имя. В зависимости от числа катерогий, будет образовано определенное количество li      <?php if ($category['children']) { ?>     //второй уровень вложенности меню      <div>        <?php for ($i = 0; $i < count($category['children'])  { ?>   //запускается цикл для $i, принимающий значения от 0 до значения определенного  в зависимости от количества элемента массива.        <ul>          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>          <?php for (; $i < $j; $i++) { ?>          <?php if (isset($category['children'][$i])) { ?>          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>          <?php } ?>          <?php } ?>        </ul>        <?php } ?>      </div>      <?php } ?>    </li>    <?php } ?>  </ul></div>

 

Теперь многим понятно как работает меню Opencart :-)