Skip to main content

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ú. modificamos En la vista pública se muestran ene el ordenmismo en el que se muestran.orden.


5. Desplegables de elementos del menú "Ajustes Generales"

Desde Ajustes->Ajustes Generales->Tipos de elementos del menú se pueden ajustar que se muestren en uno de los 3 modos disponibles.

  • Categorías simple. Muestra las subcategorías hijas, nietas, y más subcategorías en modo jerarquía de la categoría padre


    image.png




  • Categorías tarjetas. Muestra las subcategorías hijas de la categoría padre. En modo tarjeta.


    image.png


  • Productos: Muestra todos los productos que están en categoría padre. 


    image.png




6. Desplegables de elementos del menú  personalizables

Todos los tipos y elementos del menú pueden tener un desplegable personalizado con el maquetador Builder.



A continuación se muestran algunos ejemplos de personalización del desplegable de elementos del menú:


Ejemplo 1. Desplegable de menú elemento tipo categoría creado con bloque imagen.

image.png


Ejemplo 2. Desplegable de menú elemento tipo categoría creado con bloque imagen. Sin html.

image.png

Ejemplo 3. Desplegable de menú elemento tipo categoría creado con bloques productos, texto e imagen.

image.png


Ejemplo 4. Desplegable de menú elemento tipo categoría creado con bloques texto, lista, imagen y productos en Builder.

image.png


Ejemplo 5. Desplegable de menú elemento tipo categoría creado con bloque producto y slider. 

image.png


Ejemplo 6. Desplegable de menú elemento tipo categoría creado con bloque html en Builder. Cada elemento de la lista está enlazado con la página del producto.

image.png

Ejemplo 7. Desplegable de menú elemento tipo página de contenido. Realizado con bloque html, para que muestre todos los productos clasificados por categoría. Al hacer clic en el nombre del producto lleva a su página de compra.

image.png


Ejemplo 8. Desplegable de menú elemento tipo categoría creado con bloque html  y bloque de imagen.

image.png


Ejemplo 9.  Desplegable de menú elemento tipo categoría creado con bloques de imágenes y bloque html.

image.png



A tener en cuenta en vista móvil


En la vista móvil al hacer clic en un elemento del menú llevará al usuario a la vista del desplegable del menú. Salvo que por varios motivos el elemento no tenga desplegable.

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