Как сделать круговое меню в модуле шаблона на сайте?

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Создаю новый шаблон для сайта. И по макету требуется сдалать меню в виде круглишков.

#16 1 октября 2019 в 06:08


Gordankem, вот было в закладках, может чем поможет:
/forum/thread11984-1.html#100344

Rainbow

Пасибо за подсказку, это решение мне кажется подходит. Выводятся ID пунктов меню, которые можно классу присвоить и стили для них прописать.
Респект, почёт и уважение. Тема пока актуальна, я ещё не закончил ))
Вот, что на мой взгляд нужно, вывод реальных ID меню
/*--------------*/
  1.  
  2. <li class="color{$item.id} {if ($menuid==$item.id || ($currentmenu.NSLeft > $item.NSLeft && $currentmenu.NSRight < $item.NSRight)) && $item.NSLevel<=1}selected{/if}>"
  3.  
/*--------------*/
Мне подсказывали ещё сделать вывод итераций массива, может это тоже хорошее решение было бы, но я что-то так и не смог это сделать.
Результат
#17 1 октября 2019 в 09:30
Может если занимает много времени отказаться от этой идеи ?
PS может знаете как котика (https://codepen.io/jkantner/pen/QdJMmr) в виджет прикрутить?
#18 1 октября 2019 в 09:53


Может если занимает много времени отказаться от этой идеи ?

@noname

Отказаться нельзя, это необходимо. Я уже реализовал вывод в круг. Сейчас прибавилась другая задача. Как скрыть из пункта меню текст, у меня это Главная монтаж.
#19 1 октября 2019 в 12:18
Всё задача решена, меню в виде кругов я сделал, пока шаблон не адаптивный, это буду доводить.


Всем спасибо за помощь, мне она пригодилась. Кому нужно пользуйтесь материалом.
  1.  
  2. {if $item.NSLevel <= 1}
  3. <li class="krug_menu{$item.id} {if ($menuid==$item.id || ($currentmenu.NSLeft > $item.NSLeft && $currentmenu.NSRight < $item.NSRight)) && $item.NSLevel<=1}selected{/if}>">
  4. {/if}
  5. {if $item.NSLevel <= 1}
  6. <a href="{$item.link}" target="{$item.target}" {if $menuid==$item.id}class="selected"{/if} title="{$item.title|escape:'html'}">
  7. {if $item.iconurl}<img src="/images/menuicons/{$item.iconurl}" alt="{$item.title|escape:'html'}" />{/if} <span class="podpisRazd">{$item.title}</span>
  8. </a>
  9. {else}
  10.  
#20 1 октября 2019 в 12:19
Задача решена.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.