Hola de nuevo,
no se porque a mi solo me funciona cuando pongo el 'if active' en la etiqueta del enlace <a ... >
no se porque a mi solo me funciona cuando pongo el 'if active' en la etiqueta del enlace <a ... >
-
check_circle_outlineMódulo 1 | 10 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 14 clases
Formularios
expand_more -
check_circle_outlineMódulo 3 | 6 clases
Templates
expand_more -
check_circle_outlineMódulo 4 | 19 clases
Productos
expand_more -
check_circle_outlineMódulo 5 | 3 clases
Usuarios
expand_more -
check_circle_outlineMódulo 6 | 20 clases
Carrito de compras
expand_more -
check_circle_outlineMódulo 7 | 10 clases
Orden de compra
expand_more -
check_circle_outlineMódulo 8 | 11 clases
Dirección de envío
expand_more -
check_circle_outlineMódulo 9 | 5 clases
Orden y dirección de envío
expand_more -
check_circle_outlineMódulo 10 | 11 clases
Pedidos
expand_more -
check_circle_outlineMódulo 11 | 8 clases
Código de promoción
expand_more -
check_circle_outlineMódulo 12 | 9 clases
Métodos de pago
expand_more -
check_circle_outlineMódulo 13 | 3 clases
Cobro
expand_more -
check_circle_outlineMódulo 14 | 3 clases
Extras
expand_more
2 comentario(s)
Se me ocurrió que registrando un tag podemos asignar la clase 'active' al menú activo.
Un tag puede ser registrado en cualquier aplicación, en una subcarpeta llamada "templatetags" con su respectivo archivo __init__.py.
ejemplo:
productos/templatetags/active_menu_item.py
Un tag puede ser registrado en cualquier aplicación, en una subcarpeta llamada "templatetags" con su respectivo archivo __init__.py.
ejemplo:
productos/templatetags/active_menu_item.py
from django import template
register = template.Library()
@register.simple_tag(takes_context=True)
def active_menu_item(context, path):
ret = 'active' if path in context['request'].path else ''
return retde esta forma, en nuestro navbar.html solo tendremos que:
{% load active_menu_item %}
{% url 'login' as login %}
[...]
<li class="navbar-item {% active_menu_item login %}"cargar el tag active_menu_item y usar el tag en la clase del <li>
