Как сделать горизонтальное меню без цикла вывода кнопок меню?

[Kryo3001]

Всем доброго времени суток!

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

 

Интернет магазин на OpenCart 2.3.0.2 (rs.5). 

На данный момент все стандартно:

 Вот код данного меню:

"<?php if ($categories) { ?>
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children']) { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
              <ul class="list-unstyled">
                <?php foreach ($children as $child) { ?>
                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                <?php } ?>
              </ul>
              <?php } ?>
            </div>
            <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
      </ul>
    </div>
  </nav>
</div>
<?php } ?>"

 

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

Что-то типа стандартного кода с внесением настроек в stylesheet.css: 

"<div id="horizontal-menu">
<ul>
    <li class="li"><a href="#">главная</a></li>
    <li class="li"><a href="#">о компании</a></li>
    <li class="li"><a href="#">обьекты</a></li>
    <li class="li" id="logo"><a href="#"></a></li>
    <li class="li"><a href="#">отзывы</a></li>
    <li class="li"><a href="#">акции</a></li>
    <li class="li"><a href="#">личный кабинет</a></li>
</ul>"

...к сожалению не помогает.

 

[mazein]

1 час назад, Kryo3001 сказал:

что бы можно было вставить код логотипа в очередь после третьего пункта меню

 

css

Псевдокласс :nth-child

[mazein]

Либо можно вывести порядковый номер элемента в цикле, будет так:

    <li class="li_1"><a href="#">главная</a></li>
    <li class="li_2"><a href="#">о компании</a></li>
    <li class="li_3"><a href="#">обьекты</a></li>
    <li class="li_4"><a href="#"></a></li>
    <li class="li_5"><a href="#">отзывы</a></li>
    <li class="li_6"><a href="#">акции</a></li>
    <li class="li_7"><a href="#">личный кабинет</a></li>

ну или отдельным классом, и в стилях обратиться конкретно к нему.

[ibond]

<?php $i = 0; ?>
<?php foreach ($categories as $category) { ?>
	<?php if ($category['children']) { ?>
		...
	<?php } else { ?>
		<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
	<?php } ?>
	<?php if ($i == 2) { ?>
		<li id="logo"><a href=""><?php echo $logo; ?></a></li>
	<?php } ?>
	<?php $i++; ?>
<?php } ?>

 

[HyperLabTeam]

я бы для начала предложил поставить местную сборку а не этот выкидыш

[Grodas]

Kryo3001, если вы хотите без цикла то можно эти категории прописать каждую отдельно. Из контроллера в темплейт прилетает массив с категориями:

$data['categories'] = array(
 [0] => array(
	'name' => 'category1',
	'href' => 'link1',
 	);
 [1] => array(
	'name' => 'category2',
	'href' => 'link2',
 	);
 [2] => array(
	'name' => 'category3',
	'href' => 'link3',
 	);
 [3] => array(
	'name' => 'category4',
	'href' => 'link4',
 	);
 [4] => array(
	'name' => 'category5',
	'href' => 'link5',
 	);
 [5] => array(
	'name' => 'category6',
	'href' => 'link6',
 	);
);

если вы хотите без цикла, можно вручную обратиться к каждому ключу массива. Вот так:

<div id="horizontal-menu">
<ul>
    <li class="li"><a href="<?php echo $categories[0]['href']>"><?php echo $categories[0]['name']></a></li>
    <li class="li"><a href="<?php echo $categories[1]['href']>"><?php echo $categories[1]['name']></a></li>
    <li class="li"><a href="<?php echo $categories[2]['href']>"><?php echo $categories[2]['name']></a></li>
    <li class="li" id="logo"><a href="#"></a></li>
    <li class="li"><a href="<?php echo $categories[3]['href']>"><?php echo $categories[3]['name']></a></li>
    <li class="li"><a href="<?php echo $categories[4]['href']>"><?php echo $categories[4]['name']></a></li>
    <li class="li"><a href="<?php echo $categories[5]['href']>"><?php echo $categories[5]['name']></a></li>
</ul>

Способ очень грубый, но максисально простой. Это будет работать если у этих категорий нет дочерних категорий и прочего. Плюс, если нужно будет добавить еще одну категорию, нужно будет делать это вручную. Можно сделать изящней, разделить на 2 цикла, но это уже сложнее...

[Kryo3001]

18 часов назад, ibond сказал:

<?php $i = 0; ?>
<?php foreach ($categories as $category) { ?>
	<?php if ($category['children']) { ?>
		...
	<?php } else { ?>
		<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
	<?php } ?>
	<?php if ($i == 2) { ?>
		<li id="logo"><a href=""><?php echo $logo; ?></a></li>
	<?php } ?>
	<?php $i++; ?>
<?php } ?>

 

Спасибо огромное)) все работает))