Как получить выпадающие меню в стиле рабочего стола в 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'} чтобы меню сразу открылось.