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

Выпадающее меню категории и подкатегорий


Recommended Posts

Дорогие друзья, приветствую вас! Прочел множество статей, но так и не нашел ответа на свой вопрос. Помогите, пожалуйста, добавить выпадающий список категорий и подкатегорий в основное меню. Вот, к чему я пришел:
 

<li class="dropdown">
                            <a href="<?php echo $category; ?>" title="<?php echo $text_category; ?>"
                               class="dropdown-toggle"
                               data-toggle="dropdown"><i class="fa fa-user"></i>
                                <span><?php echo $text_category; ?></span>
                                <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-menu-left">
                               ТУТ ДОЛЖЕН БЫТЬ PHP КОД
                            </ul>
                        </li>

 

какой код должен тут быть, чтобы выпадали категории и их подкатегории?

Сайт: ссылка

 

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


И даже если делать следующим способом:
 

<li class="dropdown">
                            <a href="<?php echo $category; ?>" title="<?php echo $text_category; ?>"
                               class="dropdown-toggle"
                               data-toggle="dropdown"><i class="fa fa-bars"></i>
                                <span><?php echo $text_category; ?></span>
                                <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-menu-left">
                                <li><a href="./index.php?route=product/category&path=48">Постельное белье</a></li>
								<li><a href="./index.php?route=product/category&path=51">Пледы и покрывала</a></li>
								<li><a href="./index.php?route=product/category&path=52">Полотенца</a></li>
                              
                            </ul>
                        </li>

http://prntscr.com/excdt4

То как тогда добавить подкатегории при наведении на одну из категорий? (Как в боковом меню)
 

А также минусом данного способа является то, что открывающий список будет на русском языке, а сайт- многоязычный, поэтому тут нужно только посредством php, поэтому, прошу помочь в решении данного вопроса

Змінено користувачем HeLL0
Надіслати
Поділитися на інших сайтах


да не дурак, смотрел...
как мне этот код впихнуть в свой

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

 

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


Вместо "Тут должен быть php код"

 <ul class="dropdown-menu dropdown-menu-left">
                               ТУТ ДОЛЖЕН БЫТЬ PHP КОД
</ul>

 

1. Вставляете

<?php if ($categories) { ?>
        <?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 } ?>
<?php } ?>

Настраиваете.

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


Правда. не знаю... пробовал разные варианты, варьировал как мог.

 

<li class="dropdown">
                            <a href="<?php echo $category; ?>" title="<?php echo $text_category; ?>"
                               class="dropdown-toggle"
                               data-toggle="dropdown"><i class="fa fa-bars"></i>
                                <span><?php echo $text_category; ?></span>
                                <span class="caret"></span></a>
								
                            <ul class="dropdown-menu dropdown-menu-left">
							    <?php if ($categories) { ?>
                               
                                
                                    <li>
                                       <a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
									    <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a>
                                    </li>
                                
                                <?php } else { ?>
                                 <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
                                <?php } ?>
								
                            </ul>
                        </li>


Что-то в этом коде не так. Первая часть правильна:

 

<li class="dropdown">
                            <a href="<?php echo $category; ?>" title="<?php echo $text_category; ?>"
                               class="dropdown-toggle"
                               data-toggle="dropdown"><i class="fa fa-bars"></i>
                                <span><?php echo $text_category; ?></span>
                                <span class="caret"></span></a>
								
                            <ul class="dropdown-menu dropdown-menu-left">

а дальше... не хочет выводить категории(

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


1 минуту назад, unknown сказал:

Вместо "Тут должен быть php код"


 <ul class="dropdown-menu dropdown-menu-left">
                               ТУТ ДОЛЖЕН БЫТЬ PHP КОД
</ul>

 

1. Вставляете


<?php if ($categories) { ?>
        <?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 } ?>
<?php } ?>

Настраиваете.

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

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


<!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">
    <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 } ?>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php if ($icon) { ?>
        <link href="<?php echo $icon; ?>" rel="icon"/>
    <?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="catalog/view/javascript/jquery/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="catalog/view/theme/<?php echo $theme_path; ?>/stylesheet/magnificent.css" rel="stylesheet">
    <link href="catalog/view/theme/<?php echo $theme_path; ?>/js/jquery.bxslider/jquery.bxslider.css" rel="stylesheet">
    <link href="catalog/view/theme/<?php echo $theme_path; ?>/stylesheet/photoswipe.css" rel="stylesheet">
    <link href="catalog/view/theme/<?php echo $theme_path; ?>/js/fancybox/jquery.fancybox.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/theme/<?php echo $theme_path; ?>/js/common.js" type="text/javascript"></script>
    <script src="catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>


    <!--custom script-->
    <?php foreach ($scripts as $script) { ?>
        <?php if (strcmp($script, 'catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js') != 0) { ?>
            <script src="<?php echo $script; ?>" type="text/javascript"></script>
        <?php } ?>
    <?php } ?>
    <script src="catalog/view/theme/<?php echo $theme_path; ?>/js/device.min.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'>
        <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img
            src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0"
            height="42" width="820"
            alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/>
        </a>
    </div><![endif]-->
    <?php echo $google_analytics; ?>
    <link href="catalog/view/theme/<?php echo $theme_path; ?>/stylesheet/stylesheet.css" rel="stylesheet">
</head>
<body class="<?php echo $class; ?>">
<p id="gl_path" class="hidden"><?php echo $theme_path; ?></p>
<!-- swipe menu -->
<div class="swipe">
    <div class="swipe-menu">
        <ul>

            <li>
                <a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>"><i class="fa fa-user"></i>
                    <span><?php echo $text_account; ?></span></a>
            </li>
            <?php if ($logged) { ?>
                <li>
                    <a href="<?php echo $order; ?>"><i class="fa fa-file-text-o"></i><?php echo $text_order; ?></a>
                </li>
                <li>
                    <a href="<?php echo $transaction; ?>"><i class="fa fa-exchange"></i><?php echo $text_transaction; ?>
                    </a>
                </li>
                <li>
                    <a href="<?php echo $download; ?>"><i class="fa fa-download"></i><?php echo $text_download; ?></a>
                </li>
                <li>
                    <a href="<?php echo $logout; ?>"><i class="fa fa-unlock"></i><?php echo $text_logout; ?></a>
                </li>
            <?php } else { ?>
                <li>
                    <a href="<?php echo $register; ?>"><i class="fa fa-user"></i> <?php echo $text_register; ?></a>
                </li>
                <li>
                    <a href="<?php echo $login; ?>"><i class="fa fa-lock"></i><?php echo $text_login; ?></a>
                </li>
            <?php } ?>
            <li>
                <a href="<?php echo $wishlist; ?>" id="wishlist-total2" title="<?php echo $text_wishlist; ?>"><i
                        class="fa fa-heart"></i> <span><?php echo $text_wishlist; ?></span>
                </a>
            </li>
            <li>
                <a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i
                        class="fa fa-shopping-cart"></i> <span><?php echo $text_shopping_cart; ?></span></a>
            </li>
            <li>
                <a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><i class="fa fa-share"></i>
                    <span><?php echo $text_checkout; ?></span></a>
            </li>
        </ul>
        <?php if ($maintenance == 0) { ?>
            <ul class="foot">
                <?php if ($informations) { ?>
                    <?php foreach ($informations as $information) { ?>
                        <li>
                            <a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a>
                        </li>
                    <?php } ?>
                <?php } ?>
            </ul>
        <?php } ?>
        <ul class="foot foot-1">
            <li>
                <a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a>
            </li>
            <li>
                <a href="<?php echo $return; ?>"><?php echo $text_return; ?></a>
            </li>
            <li>
                <a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a>
            </li>
        </ul>

        <ul class="foot foot-2">
            <li>
                <a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a>
            </li>
            <li>
                <a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a>
            </li>
            <li>
                <a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a>
            </li>
            <li>
                <a href="<?php echo $special; ?>"><?php echo $text_special; ?></a>
            </li>
        </ul>
        <ul class="foot foot-3">
            <li>
                <a href="<?php echo $order; ?>"><?php echo $text_order; ?></a>
            </li>
            <li>
                <a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a>
            </li>
        </ul>
    </div>
</div>
<div id="page">
    <div class="shadow"></div>
    <div class="toprow-1">
        <a class="swipe-control" href="#"><i class="fa fa-align-justify"></i></a>
    </div>

    <header class="header">
        <div class="container">
            <div id="logo" class="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>
            <?php echo $cart; ?>
            <?php echo $language; ?>
            <?php echo $currency; ?>
            <address class="fa fa-phone"><a href="callto:<?php echo $telephone; ?>"><?php echo $telephone; ?></a></address>
        </div>
		
		
            <div class="bg-main">
                <nav id="top-links" class="nav">
                    <ul class="list-inline">
                        <li class="first">
                            <a href="<?php echo $home; ?>"><i
                                    class="fa fa-home"></i><span><?php echo $text_home; ?></span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo $wishlist; ?>" id="wishlist-total"
                               title="<?php echo $text_wishlist; ?>"><i
                                    class="fa fa-heart"></i> <span><?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><?php echo $text_account; ?></span>
                                <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-menu-left">
                                <?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>
                       
                        <li>
                            <a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><i
                                    class="fa fa-share"></i> <span><?php echo $text_checkout; ?></span></a>
                        </li>
						
						
						<li class="dropdown">
                            <a href="<?php echo $category; ?>" title="<?php echo $text_category; ?>"
                               class="dropdown-toggle"
                               data-toggle="dropdown"><i class="fa fa-bars"></i>
                                <span><?php echo $text_category; ?></span>
                                <span class="caret"></span></a>
								
                            <ul class="dropdown-menu dropdown-menu-left">
							    <?php if ($categories) { ?>
                                     <?php foreach ($categories as $category) { ?>
                                     <?php if ($category['children']) { ?>
                                         <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
                                             <ul class="dropdown-menu dropdown-menu-left">
                                                 <?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 } ?>
                                              </ul>
                                                  <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 } ?>
                                <?php } ?>
								
                            </ul>
							</ul>
                        </li>
						
					
					    
				
                                 
                           
                      
                </nav>
                <?php echo $search; ?>
            </div>  		
    </header>

 

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


@HeLL0 должны появляться категории и подкатегории.

Попробуйте

Дополнения - Менеджер дополнений - Обновить

+ почистите кэш

Обратитесь к разработчику шаблона.

 

спрячьте ваше сообщение с кодом header.tpl под спойлер.

Змінено користувачем unknown
  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

Вхід

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

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

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

×
×
  • Створити...

Important Information

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