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

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

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

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

<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

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


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

@HeLL0 посмотрите как в стандартном шаблоне выводятся категории.

/catalog/view/theme/default/template/common/header.tpl

начиная с

<?php if ($categories) { ?>

 

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


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

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

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

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

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

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


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

@HeLL0 дайте полное содержание файла header.tpl

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

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


Ссылка на сообщение
Поделиться на другие сайты
<!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

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


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

andreipodryga37, Opencart 2.0.1.0 , house-tex.com - шаблон Flooring

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


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

ну вопрос уже решен с категориями

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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