Jump to content
Sign in to follow this  
booss

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

Recommended Posts

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

 

4WnMids.jpg

 

 

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

Спасибо.

Share this post


Link to post
Share on other sites
<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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites


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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites


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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

Честно говоря я не понял как это делать. Вот целиком содержимое файла 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>

,

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

 

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

 

 

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

Спасибо.

Share this post


Link to post
Share on other sites

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.