Пытаюсь Сделать Всплывающие Категории

[Боло]

Будто бы появилась пустая подкатегория. Чтоб хоть как-то скрыть этот пустой блок, временно просто написал там "Подкатегории". В чем может быть проблема?

когда в отдельном хтмл файле делал это всплывающее меню, проблем не было.

[Боло]

Вот такие пока изменения. пока что борюсь )

Изменено 5 февраля, 2017 пользователем Боло

[Kosjak76]

Вам надо убрать

• до и

после {categories_tree categories=$c->subcategories}

[Боло]

Вам надо убрать <ul><li> до и </li></ul> после {categories_tree categories=$c->subcategories}

Не, тогда категории не всплывают а раскрываются все что есть в один список. Но по вашему совету я решил интереса ради убрать лишь <li></li> и это помогло. Спасибо     

[Боло]

Теперрррь, теперь теперь теперь знаете что, другая проблема.

Если создать еще 2ю подкатегорию то каша получается, gif прикрепил скрином.

Чтоб это исправить нужна переменная для 2й подкатегории.

Т.е. $categories - категории

subcategories - первые подкатегории

и так же для 2х подкатегорий нужна бы переменная........... 

Такой не существует?

Если нет то проблемка не серьезная, можно жить и без 2й подкатегории, че поделать.

---------

gif тут не работает, вот - 

Изменено 5 февраля, 2017 пользователем Боло

[Kosjak76]

Вам нужно менять не переменную, а скрипты или стили вашего меню))

Например вместо li:hover ul использовать  li:hover>ul

[Боло]

Вам нужно менять не переменную, а скрипты или стили вашего меню))

Например вместо li:hover ul использовать  li:hover>ul

Бесконечно благодарен                           

[Боло]

Кому нужен, объясню как делал.

В папке темы найдите файл index.tpl и там строки которые отвечают за вывод категорий.

У меня они начинаются со 160й строки но я не помню удалял ли код выше этого, так что ищите. 

Код меняете на этот:

 

<?
            <!-- Меню каталога -->
            <ul class="drop_menu">
                    
            {* Рекурсивная функция вывода дерева категорий *}
            {function name=categories_tree}
            {if $categories}
            {foreach $categories as $c}
                {* Показываем только видимые категории *}
                {if $c->visible}
                    <li>
                        <a {if $category->id == $c->id}class="selected"{/if} href="catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
                        {if $c->subcategories}
                        <ul>
                                {categories_tree categories=$c->subcategories}
                        </ul>
                        {/if}
                    </li>
                {/if}
            {/foreach}
            {/if}
            {/function}
            {categories_tree categories=$categories}
            </ul>
            <!-- Меню каталога (The End)-->
 

 

Затем в папке темы ищите файл style.css и добавляете в нее код. Можно в любое место его вставить.

.drop_menu {    /* Границы наружные Основной Блок */
    margin: 0; 
    padding: 0;
    width: 200px;
    list-style:none;
    position: relative; 
 }


.drop_menu  ul {        /* Границы наружные Выпадающий Блок ++++++ */
    list-style-type: none; 
    width: 200px;
    margin: 0; 
    padding: 0; 
    color: white;
    border: 1px solid #fff;
    position: absolute; 
    display: none; 
    top: 0px; 
    left: 200px; 
}


.drop_menu > li{        /* Это Основной Блок */
  position: relative; 
  background: #5588aa;
  padding:10px 4px 10px 16px;
  border-top: 1px solid White;
}




.drop_menu > li > a{        /* Текст стиль - Основной Блок */
  color: White;
  text-decoration:none;
}


.drop_menu > li:hover{    /* Фон при Наведении - Основной Блок */
  background: #479;
}


.drop_menu li:hover>ul {        /* Основной Блок - действие при наведении ++ */
   display: block; 
}




.drop_menu li ul li{        /* Стилизация - Выпадающий Блок +++++++++ */
  text-align:left;
  background: #58a;
  padding: 12px 0px 10px 10px;
  border: 0px solid #ccc;
  opacity: 0.96;
}


.drop_menu li ul li:hover {        /* Стиль Наведения - Выпадающий Блок +++++++++++ */
  background: #467;
  position: relative;
}




.drop_menu li ul li a{        /* Стиль Текста - Выпадающий Блок ++++++++++ */
  color:White;
  text-decoration:none;
}


.drop_menu li ul li a:hover{        /* Стиль Текста - Выпадающий Блок  Наведение +++++++++++ */
  color: #ffc;
  text-decoration:none;
}
 

Изменено 6 февраля, 2017 пользователем Боло

[Боло]