Как получить раскрывающиеся меню в стиле рабочего стола в Zotonic?

Question

Верхнее меню на моем сайте Zotonic отображается без использования меню настольного приложения.

Все элементы в меню отображаются на экране без каких-либо скрытых, и это выглядит ужасно. Похоже, что это должно быть меню суперфиш, но я не вижу кода, необходимого для работы суперфиш. Мое простое решение состоит в том, чтобы иметь одноуровневое меню, но оно не соответствует тому, что ищет клиент: (

Как получить раскрывающиеся меню в стиле рабочего стола в Zotonic?

Answer 1

Скачать Superfish http://users.tpg.com.au/j_birch/plugins/superfish/superfish-1.4.8.zip

Извлечение содержимого папки superfish-1.4.8 в superfish-1.4.8.zip в priv/sites/default/lib/.

Добавить следующее к priv/sites/default/templates/base.tpl:

{% lib "css/superfish.css" "css/superfish-navbar.css" "css/zp-compressed.css" "css/zp-project.css" "css/zp-menu.css" %}
{% lib "js/apps/modernizr.js" "js/jquery-1.4.2.min.js" "js/superfish.js" %}
<script type="text/javascript">
    // initialise plugins
    jQuery(function(){
        jQuery('ul.do_superfish').addClass('sf-menu').superfish({speed: 'fast'});
});
</script>

scomp_menu_menu.erl устанавливает do_superfish как класс в списке вместо sf-menu, поэтому я использую addClass('sf-menu') для компенсации.

Я опускаю "js/hoverIntent.js" в библиотеке JS, потому что из-за этого меню мучительно медленно открывается и устанавливается {speed: 'fast'}, чтобы меню мгновенно открывались.