Верстка выпадающего списка навигации в теме default

Верстка выпадающего списка навигации в теме default?

Подскажите как верстать выпадающее меню навигации? Пока решение вижу только написать его в ручную. На данный момент в случае если количество под категорий разное, то он выглядит далеко не так как хотелось бы.
Вот строка выдающая именно всплывающее меню, есть возможность задать только один класс меню: menu-v и один класс блока collapsible.

{wa_print_tree tree=$cat.childs unfolded=true collapsible_class='collapsible' class="menu-v" elem ='<a href=":url" title=":name">:name</a>'}

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

Как? )))





6 ответов

  • 2

    есть несколько вариантов решения задачи:
    1. с помощью css (смотрите в сторону column)
    2. с помощью smarty разбить все на отдельные блоки по два в каждой итерации (в этом случае необходимо выводить дерево категорий не одним блоком а через foreach и отслеживать итерации, вставляя нужный блок

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

  • 1
    Евгений 1 августа 2016 10:52 #


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

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

    • +2

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

      Прописывать меню вручную - путь в никуда (но это мое ИМХО)
      если не получается - все же рекомендую рассмотреть другие варианты оформления меню

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите