Documentación Bootic

Todo la información para empezar a vender en línea.

Navegación

En Bootic la estructura de navegación de tu tienda puede ser creada enteramente desde el área "Navegación" del Administrador de tu tienda.

Figura 1: Administración de menús y links de navegación en Bootic

Secciones

  1. Botón crear un grupo de Menú. Se pueden crear tantos como sea necesario.
  2. Título del Menú.
  3. Manilla: utilizado como nombre identificatorio del menú (ver sección «Llamar al menú desde la Plantilla»).
  4. Botón ordenar ítemes: Al ser activado los distintos ítemes del menú podrán ser tomamos y soltados hacia arriba o abajo.
  5. Ítemes del menú: Se pueden crear tantos como sea necesario.
  6. Ícono para editar el ítem.
  7. Ícono para borrar el ítem.
  8. Enlace para crear un nuevo ítem.
  9. Listado con enlaces directos a los distintos Menús.

Llamar al menú desde la plantilla

Una vez creado el menú de navegación este debe ser llamado desde alguna plantilla. En la gran mayoría de las veces un menú de navegación es llamado desde la plantilla layout.html pero puede serlo desde cualquier otra.

Llamar al menú y que este tenga un diseño acorde con nuestra tienda requiere agregar algo de diseño utilizando hojas de estilo (CSS). Librería de menús de navegación (externo)

Supongamos que queremos mostrar un menú de navegación de nombre «Catálogo principal» y manilla catalogo-principal en alguna parte de layout.html, entonces el código HTML y Liquid sería el siguiente:

<ul class="menu-catalogo-principal">
{% for link in menus.catalogo-principal.links %}
  <li class="menuitem-{{ link.slug }}{{ ' current' | if_current_page: link }}">
    <a href="{{ link.url }}">{{ link.title }}</a>
  </li>
{% endfor %}
</ul>

Prestar especial atención a la línea:

{% for link in menus.catalogo-principal.links %}

El nombre catalogo-principal es la manilla (o identificador del menú).

Crea tu tienda hoy mismo. Sin compromisos. Ver planes