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

Как сделать выпадающее меню для статей выведенных в главное меню?

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

Коллеги, подскажите пожалуйста как правкой кода сделать выпадающее (раскрывающееся) меню при наведении на созданную кнопку (статьи) в главном меню?

 

4WnMids.jpg

 

 

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

Спасибо.

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


Ссылка на сообщение
Поделиться на другие сайты
<li>
<a href="use">Как использовать</a>

<ul>
			<li><a href="#">Подпункт №1</a></li>
			<li><a href="#">Подпункт №2</a></li>
			<li><a href="#">Подпункт №3</a></li>
		</ul>
</li>

Делал таким образом, но все едет относительно других кнопок

 

i1lCx5V.jpg

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


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

Друзья, неужели никто подсказать не может? Плиз хэлп!

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


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


<li>

<a href="use">Как использовать</a>

? А где закрывающий тег </li> ??

-------------------------------------------

<ul>

            <li><a href="#">Подпункт №1</a></li>

            <li><a href="#">Подпункт №2</a></li>

            <li><a href="#">Подпункт №3</a></li>

        </ul>

</li>

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


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

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

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


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


<div id="links">

<a href="<?php echo $home; ?>"><?php echo $text_home; ?></a>

<!-- <div id="my_category">Категории

<?php if ($categories) { ?>

<div id="menu">

<ul>

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

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

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

<?php } else { ?>

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

<?php } ?>

<?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>

<?php } ?>

</div> -->

<a href="use">Как использовать</a>

<li><a href="work">Принцип работы</a>

<ul>

<li><a href="#">Подпункт №1</a></li>

<li><a href="#">Подпункт №2</a></li>

<li><a href="#">Подпункт №3</a></li>

</ul>

</li>

<a href="after">До и После</a>

<a href="dostavka">Доставка</a>

<a href="oplata">Оплата</a>

<a href="contacts">Контакты</a>

</div>

<div id="notification"></div>

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


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

Проинспектируйте любой  раздел меню категорий  опенкарта,думаю ошибка будет более понятна...

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


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

Проинспектируйте любой  раздел меню категорий  опенкарта,думаю ошибка будет более понятна...

 

Честно говоря я не понял как это делать. Вот целиком содержимое файла header.tpl

К некоторым созданным страницам нужно сделать выпадающее меню..

Спасибо.

,

<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<title><?php echo $title; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<meta property="og:title" content="<?php echo $title; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?>" />
<meta property="og:type" content="website" />
<meta property="og:url" content="<?php echo $og_url; ?>" />
<?php if ($og_image) { ?>
<meta property="og:image" content="<?php echo $og_image; ?>" />
<?php } else { ?>
<meta property="og:image" content="<?php echo $logo; ?>" />
<?php } ?>
<meta property="og:site_name" content="<?php echo $name; ?>" />
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]> 
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php if ($stores) { ?>
<script type="text/javascript"><!--
$(document).ready(function() {
<?php foreach ($stores as $store) { ?>
$('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>');
<?php } ?>
});
//--></script>
<?php } ?>
<?php echo $google_analytics; ?>
</head>
<body>
<div id="container">
<div id="header">
<div id="top">
</div>
  <?php if ($logo) { ?>
  <div id="logo">
  <?php if ($home == $og_url) { ?>
  <img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" />
  <?php } else { ?>
  <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a>
  <?php } ?>
  </div>
  <?php } ?>
  <?php echo $language; ?>
  <?php echo $currency; ?>
  <?php echo $cart; ?>
  <div id="search">
    <div class="button-search"></div>
    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
  </div>



    <div class="header_text">
	    <div class="header_phone">8 800 0000000</div>
		<div class="header_time">ПН-ВС 10:00-22:00 МСК</div>
    </div>
	
	<div class="header_shop">
    <div class="header_shop1"><b>ИНТЕРНЕТ МАГАЗИН</b> <br /></div>
    <div class="header_shop2"><b>ТОВАРОВ ДЛЯ</b> <br /></div>
	<div class="header_shop3"><b>КРАСОТЫ И МОЛОДОСТИ</b> </div>
    </div>

	</div>
	
<div id="links">
<a href="<?php echo $home; ?>"><?php echo $text_home; ?></a>
<!-- <div id="my_category">Категории
<?php if ($categories) { ?>
<div id="menu">
<ul>
<?php foreach ($categories as $category) { ?>
<li><?php if ($category['active']) { ?>
<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
<?php } else { ?>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<?php } ?>

<?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>
<?php } ?> 
</div> -->


<a href="use">Как использовать</a>
<a href="work">Принцип работы</a>
<a href="after">До и После</a>
<a href="dostavka">Доставка</a>
<a href="oplata">Оплата</a>
<a href="contacts">Контакты</a>


</div>
<div id="notification"></div>

,

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


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

Тогда подучите HTML, хотя бы азы.В будущем пригодится.

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


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

Тогда подучите HTML, хотя бы азы.В будущем пригодится.

 

 

Спасибо за ваш ценный совет!

 

 

Прошу откликнуться тех кто может помочь без нравоучений!

Спасибо.

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


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

вы не внимательно прочли мой ответ перед вашим. И вам спасибо!

 

Убедительная просьба не предлагать мне платные варианты и не полемизировать на эту тему!. Если бы я хотел делать за деньги, то и без подсказок сразу обратился бы к уважаемым профи с форума.

 

Я понимаю, что у меня какая-то элементарная ошибка...

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


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

Я же не блок информация раскрыть пытаюсь, а статью которая в этом блоке. Хотя наверно это всеравно. У меня какая-то ошибка видимо в категориях и они не привязаны правильно ко всему меню.

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


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

та верни ты категории и разберись на них "как строится многоуровневое меню".

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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