Soy nuevo en django y django-cms. Leí los documentos oficiales e intenté encontrar cualquier otra información en Internet que pudiera guiarme a través de la creación de menús desplegables en django cms. Pero desafortunadamente para mí, los documentos oficiales son realmente crudos (no entiendo nada sobre los menús) y en Internet no hay nada lo suficientemente sensato.
Por favor, explícame o da una guía paso a paso sobre este tema.
En este momento el menú está funcionando y el único código que tengo para eso es un par de <ul> y este {% show_menu 0 100 100 100 %} dentro de ellos.
La forma más sencilla de hacer que los menús desplegables funcionen en django-cms es seguir esto: (En este ejemplo, estoy usando el código Bootstrap para mi menú)
En su archivo base.html (o cualquier otro nombre que esté usando) use esta forma de mostrar su menú {% show_menu 0 10 10 10 %} Como ejemplo, esto es lo que usé en mi código en base.html para renderizar El menú:
<ul> {% show_menu 0 10 10 10 "menu/custom-menu.html" %} </ul>Ahora cree la plantilla en el directorio "/templates/menu/custom-menu.html" con estas etiquetas sekizai y un código html similar que sobrescribirá su base.html y mostrará su menú con elementos desplegables:
<div class="dropdown"> {% for child in children %} <!-- no child pages --> {% if child.is_leaf_node %} <li><a href="{{ child.get_absolute_url }}">{{child.get_menu_title }}</a></li> {% endif %} <!-- /no child pages --> <!-- has child pages --> {% if not child.is_leaf_node or child.ancestor %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> {{child.get_menu_title }}<b class="caret"></b></a> <ul class="dropdown-menu"> {% if child.get_descendants %} {% for kid in child.get_descendants %} <li> <a href="{{ kid.get_absolute_url }}"> {{kid.get_menu_title }} </a> </li> {% endfor %} {% endif %} </ul> </li> {% endif %} <!-- /has child pages --> {% endfor %} <!-- /end for child --> </div> Y no olvide colocar la etiqueta sekizai {% load menu_tags %} en la parte superior de su archivo custom-menu.html.