Стилизация меню вывода категорий

Доброй ночи, подскажите как стилизовать Меню категорий?

Шаблон default .
Выводим


<!-- categories ->
<div class="nav-sidebar">
[`Shop by category`]
<div class="nav-sidebar-body">
<div{if $theme_settings.page_nav_mode == 'slidemenu'} class="slidemenu" data-back-lbl="[s`Back`]"{else} class="dropdown"{/if}>
{if isset($category)}{$selected_category=$category.id}{else}{$selected_category=null}{/if}
{$categories = $wa->shop->categories(0, null, true)}

{wa_print_tree tree=$categories selected=$selected_category unfolded=true collapsible_class='collapsible' class="menu-v category-tree" elem =':name'}
<div class="clear-both"></div>
</div>
</div>
</div>


Стандартным способом. Ни стили свои задать не можем для <ul> , <li> и т.д .

Спасибо

9 ответов

  • 1
    Виталий 19 апреля 2015 14:44 #

    да, хотелось бы узнать как. или ссылку пришлите на документацию. нигде не нашел.

    • -1
      %username% 26 апреля 2015 11:15 #

      И не найдёте, не тратьте время,

      если вы не программист, бросьте проект,

      это не для пользователей.

      • +1
        Виталий Виталий 26 апреля 2015 11:34 #

        Ободряюще! я не программист, но сайтов сделал уже штук 50 или больше. Код написать не могу, а разобраться что за что отвечает, скопировать и вставить - запросто. Но при наличии документации.

        Если сделали платный движек, наверно надо к нему документацию?

      • +1
        Виталий Виталий 26 апреля 2015 11:34 #

        Ободряюще! я не программист, но сайтов сделал уже штук 50 или больше. Код написать не могу, а разобраться что за что отвечает, скопировать и вставить - запросто. Но при наличии документации.

        Если сделали платный движек, наверно надо к нему документацию?

  • 2
    Михаил Ушенин Webasyst 26 апреля 2015 13:02 #

    Для какого элемента вам нужны свои стили?

  • 1
    Виталий 26 апреля 2015 13:09 #

    Мне нужно стилизовать меню. сайт http://nr-oboi.ru/

    Ссылки меню - это страницы в разделе магазин. По дизайну над каждым из пунктов должна быть своя иконка. Вот.

    Я вставлял вот такую конструкцию:

    {function tree}

    <ul>

    {foreach $items as $item}

    {$classes = []}

    {if ifempty($item.class)}{$classes[] = $item.class}{/if}

    {if $item.id == $page.id|default:null}{$classes[] = 'selected'}{/if}

    <li{if $classes} class="{implode(' ', $classes)}"{/if}>

    <a href="{$item.url}">{$item.name|escape}</a>

    {if ifempty($item.childs)}

    {tree items=$item.childs}

    {/if}

    </li>

    {/foreach}

    </ul>

    {/function}

    <div class="pages">{tree items=$wa->site->pages()}</div>

    и определил класс class=cat - для первого пункта.

    в результате в коде появилась конструкция.

    <div class="pages"><ul>

    </ul>

    </div>

    но пунктов меню там нет. что делать?

  • 2
    Михаил Ушенин Webasyst 26 апреля 2015 14:30 #

    1. Добавьте условие

    {if $wa->site}<div class="pages">{tree items=$wa->site->pages()}</div>{/if}

    чтобы в приложении shop сработал метод прилжения site.


    2. >>> и определил класс class=cat - для первого пункта.

    Каким образом вы это сделали?

    • +1
      Виталий Виталий 26 апреля 2015 15:04 #

      2. >>> и определил класс class=cat - для первого пункта.

      Каким образом вы это сделали?

      через бекенд сайта (админку).

    • +1
      Виталий Виталий 26 апреля 2015 15:18 #

      Условие добавил

      {if $wa->site}<div class="pages">{tree items=$wa->site->pages()}</div>{/if}

      вместо <div class="pages">{tree items=$wa->site->pages()}</div>

      ситуация не изменилась.

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

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