Всем доброго времени суток!
Ломаю голову как сделать дизайн для заказчика. Проблема только в горизонтальном меню, так как заказчик хочет разместить фирменный логотип посреди меню:
Интернет магазин на 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>"
...к сожалению не помогает.