Перейти к содержанию

Рекомендуемые сообщения

Здравствуйте, скажите пожалуйста как сделать меню вот так:

чтобы категории находились не слева на стр., а в шапке выпадающим меню.

вот весь код шапки:

<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content= "<?php echo $keywords; ?>" />
<?php } ?>
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/simplica/stylesheet/stylesheet.css" rel="stylesheet">
<?php foreach ($styles as $style) { ?>
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<?php foreach ($scripts as $script) { ?>
<script src="<?php echo $script; ?>" type="text/javascript"></script>
<?php } ?>
<?php foreach ($analytics as $analytic) { ?>
<?php echo $analytic; ?>
<?php } ?>
</head>
<body class="<?php echo $class; ?>">
<nav id="top">
  <div class="container">
    <?php echo $currency; ?>
    <?php echo $language; ?>
    <div id="top-links" class="nav pull-right">
      <ul class="list-inline">
		<li><a href="http://cx31923.tmweb.ru/index.php?route=information/contact"><i class="fa fa-edit"></i>...<span class="hidden-xs hidden-sm hidden-md"></span></a></li>
		
		
        <li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li>
        <li class="dropdown"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
            <?php if ($logged) { ?>
            <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
            <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
            <li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li>
            <li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li>
            <li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li>
            <?php } else { ?>
            <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li>
            <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li>
            <?php } ?>
          </ul>
        </li>
      </ul>
    </div>
  </div>		
</nav>
<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-3">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
		<div id="phone" class="col-sm-3 col-md-4 text-xs-center text-sm-center text-md-center">	
		<div class="contact-header">
			<span data-toggle="dropdown">
			<i class="glyphicon glyphicon-phone-alt telephone-icon"></i>
			<span>...</span>
			<i class="car-down fa fa-angle-down"></i>	
			</span>	
			<ul class="dropdown-menu drop-contacts">
			<li><a target="_blank" href="mailto:..."><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;...</a></li>
			<li class="line-contact" style="background-color: #e5e5e5; height: 1px; margin: 5px 0; overflow: hidden;"></li>
			<li><a target="_blank" href="http://vk.com/..."><img src="https://.../image/cache/catalog/icons/Mizhnarodniy_logotip_VK-25x25.png" alt="vk.com/...">&nbsp;&nbsp;vk.com/...</a></li>
			<!-- <li><a target="_blank" href="http://t.me/..."><img src="https://.../image/cache/catalog/355977-25x25.png" alt="t.me/...">&nbsp;&nbsp;t.me/...</a></li> -->
			</ul>
			<br><span class="info-contact">...</span>
		</div>	
	</div>			
      <div class="col-md-4 col-sm-5"><?php echo $search; ?>
      </div>
      <div class="col-md-2 col-sm-4"><?php echo $cart; ?></div>
    </div>
  </div>
</header>
<?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">
      <li class="hidden-xs"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
	  <li class="hidden-xs"><a href="http://.../index.php?route=information/information&information_id=4">...</a></li>
	  <li class="hidden-xs"><a href="http://.../index.php?route=information/information&information_id=9">...</a></li>
	  <li class="hidden-xs"><a href="http://.../index.php?route=information/information&information_id=10">...</a></li>
	  <li class="hidden-xs"><a href="http://.../index.php?route=information/information&information_id=11">...</a></li>
	  <li class="hidden-xs"><a href="http://.../index.php?route=information/contact">...</a></li>
      </ul>
    </div>
  </nav>
</div>

буду благодарен даже за подсказки, иначе как не делал все время что то слетает)

Снимок.JPG

Снимок2.JPG

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Это же NewsStore шаблон? В админке это делается все, вертикальное , горизонтальное меню.

Изменено пользователем pavazar

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

я не знаю честно говоря, просто хочу сделать подобное

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.