Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

 

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, хотя бы азы.В будущем пригодится.

 

 

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

 

 

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

Спасибо.

Надіслати
Поділитися на інших сайтах


Tom все разжевал... Если до сих пор никак -  в платный раздел.

Надіслати
Поділитися на інших сайтах

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

 

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

 

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

Надіслати
Поділитися на інших сайтах


Интересно, у меня тогда почему раскрывается блок "Информация"?

http://ocs15512.shoputils.ru/
Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.