Componente de Menú - gmontero/bsale-market-design-doc GitHub Wiki
Home > Componentes > Menú
Este componente depende de los Menús de navegación que son configurados en
Tienda en Linea > Navegación para más información clic aquí
Debe crear un componente nuevo con filtro a usar: get_component dentro de este componente debe utilizar la siguiente estructura
Menú
- Camisetas
- Pantalones
{% for item in menu %}
{{item.ml_name}}
{{item.ml_link}}
{% endfor %}<ul>
{% for item in menu %}
<li><a href="{{item.ml_link}}">{{item.ml_name}}</a></li>
{% endfor %}
</ul><ul>
<li>
<a href="/collection/camisetas">Camisetas</a>
</li>
<li>
<a href="/collection/Pantalones">Pantalones</a>
</li>
</ul>Menú
- Camisetas
- Pantalones
- pantalones de hombre
- pantalones de mujer
<ul>
{% for item in menu %}
{% assign submenu = item.ml_id | get_sub %}
<li>
{% if submenu.size > 0 %}
<a>{{item.ml_name}}</a>
<ul>
{% for subitem in submenu %}
<li>
<a href="{{subitem.ml_link}}">{{subitem.ml_name}}</a>
</li>
{% endfor%}
</ul>
{% else %}
<a href="{{item.ml_link}}">{{item.ml_name}}</a>
{% endif%}
</li>
{% endfor %}
</ul><ul>
<li><a href="/collection/camisetas">Camisetas</a></li>
<li>
<a href="/collection/Pantalones">Pantalones</a>
<ul>
<li><a href="/product/camisetas-de-hombre">Camisetas de Hombre</a></li>
<li><a href="/product/camisetas-de-mujer">Camisetas de Mujer</a></li>
</ul>
</li>
</ul>Para implementar el menú en cualquier componente o plantilla debes llamar de la siguiente forma
{{ 'Nombre del Menú' | get_menu: 'Nombre del Componente del menú' }}
Ejemplo:
{{ 'Menú Cabecera' | get_menu: 'Cabecera - Menu' }}