Skip to main content

2.5.12 Apariencia - Menú principal público

El menú principal de navegación de la tienda pública puede ser creado según preferencias. Se pueden añadir los elementos que se quieren mostrar. 

Es posible añadir varios tipos de elementos:

  • Categorías. 
  • Productos. 
  • Páginas (CMS).  
  • Enlaces personalizados. 

Ejemplo de configuración de menú principal vista pública.


image-1665477714134.png



1. Personalización del menú principal

Desde del gestor sección Ajustes->Menú, se gestionan los elementos visibles para el cliente en el menú principal de la tienda. 



image.png



2. Interfaz de personalización de elementos del Menú

La interfaz se presenta en dos columnas. en una tercera columna se dan indicaciones de funcionamiento. A efectos de este manual se explicarán las dos segundas columnas. Izquierda y derecha vista desde el usuario.



image.png



Columna

derecha


Ajuste


Funcionalidad
Tipo de elemento Opciones de elementos disponibles para añadir al menú en modo lista para chequear el que se quiera añadir.
Buscar

Una vez seleccionado el tipo de elemento se busca escribiendo mínimo tres caracteres de su nombre. Mostrará resultados y se selecciona el que se quiere añadir.

El elemento añadido se verá en la columna izquierda. Es decir, ya está añadido.

Enlace personalizado


Para añadir un enlace personalizado como elemento del menú

Etiqueta


Para especificar nombre para el elemento de tipo enlace. Se mostrará en el menú.

Enlace


Url pública de la página para que el usuario al hacer clic la vea.

Añadir enlace


Botón para que se añada el enlace como elemento del menú.


  • Imagen de ejemplo de añadir elemento tipo categoría al menú.


image.png


  • Imagen de ejemplo de añadir elemento tipo enlace al menú.

image.png


Columna

izquierda




Ajuste


Funcionalidad
Elementos del menú Muestra en lista, con texto precedido de icono los elementos añadidos al menú
Icono

El icono de cada elemento permite reconocer si es una categoría, un producto, una página de contenido o un enlace.

Ordenar


  • El orden ene e que se muestran es el mismo en el que se mostrarán en la vista pública. 

  • Se pueden ordenar según preferencias. Con clic sobre el elemento,  mantener clic, arrastrar a nueva posición y soltar clic en nueva posición.

Configurar


Botón para acceder a las opciones de configuración del elemento del menú. Se muestra al poner el cursor sobre el elemento.

Enlace


Url pública de la página para que el usuario al hacer clic la vea.

Añadir enlace


Botón para que se añada el enlace como elemento del menú.

Icono cubo basura

Botón para quitar el elemento del menú. 

Requerir confirmación al borrar

Para activar o desactivar la petición de confirmación antes de quitar un elemento del menú


Configuración>Builder Dentro de configuración del elemento del menú se encuentra el botón para activar el maquetador del desplegable del elemento del menú con Builder. 

A tener en cuenta:

  • Si se activa el botón de Builder en un elemento del menú mostrará un deplegable en el elemento en la vista del cliente cuando el usuario ponga el cursor encima.

  • Si el desplegable está  maquetado con Builder el elemento del menú en el gestor mostrará el botón de texto "Editar builder". Permite acceder a actualizar, desactivar o eliminar la maquetación hecha.

  • Categorías. Este tipo de elementos muestran el desplegable en función del ajuste que se decida en ajustes generales. Categorías hijas de la categoría del elemento del menú en modo árbol o en modo tarjeta, productos, o contenido maquetado con Builder.

  • Productos. Solo mostrará desplegable si se ha maquetado con Builder.

  • Páginas (CMS).  Solo mostrará desplegable si se ha maquetado con Builder.

  • Enlaces personalizados. Solo mostrará desplegable si se ha maquetado con Builder.

  


3. Pasos para añadir un elemento al menú:

3.1 De tipos: Categorías, Productos, Páginas (CMS).  

3.1.1. Seleccionar el tipo de elemento a añadir haciendo clic en la casilla e tipo  correspondiente.

3.1.2 Escribir al menos tres caracteres del nombre del elemento para que muestre resultados coincidentes.

3.1.3 En los resultados que muestra hacer clic en el que interese añadir. s

3.1.2. Se añadirá al menú. Comprobarlo en la vista de la lista de elementos del menú (columna derecha).


3.2  Añadir elemento tipo enlace:

3.2.1 Escribir el nombre asignado al elemento en el campo llamado "Etiqueta".

3.2.2 Escribir o pegar la url pública del enlace  en el campo llamado "Enlace".

3.2.3 Hacer clic en botón "Añadir enlace". 


4. Ordenar los elemento del menú

Con clic mantener y arrastrar hacia arriba o abajo y soltar clic en nueva ubicación se pueden ordenar los elementos añadidos al menú.  En la vista pública se muestran ene el mismo orden.

 

5. A tener en cuenta en vista móvil

5.1 En la vista móvil el menú de navegación lateral se muestra después de los productos que tiene la categoría.

5.2 Con los desplegables maquetados con Builder.
En la vista móvil al hacer clic en un elemento del menú llevará al usuario a la vista del desplegable del elemento del menú, salvo que por varios motivos el elemento no tenga desplegable. En este supuesto llevará directamente a ver los productos de la categoría.