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ú.


image.png


3. Añadir un elemento al menú:

a)  Seleccionar el tipo de elemento a añadir. El elemento seleccionado se añadirá al menú.
b) Buscar por el nombre del elemento.
c) Añadir elemento tipo enlace:

  1. Escribir el nombre asignado al elemento en el campo llamado "Etiqueta".
  2. Escribir o pegar la url pública del enlace  en el campo llamado "Enlace".
  3. Hacer clic en botón "Añadir enlace". 

d) Listado de elementos añadidos al menú. Identificables de qué tipo son por la representación en cada fila de un icono.
e) Identificador de que el desplegable de éste elemento del menú principal se ha creado con el constructor Builder.
f) Botón para activar o desactivar requerir confirmación al borrar un elemento del menú entendiendo como borrado a que sólo es eliminado el elemento del menú principal.


4. Ordenar los elemento del menú

Con clic y arrastrar hacia arriba o abajo los elementos añadidos al menú modificamos el orden en el que se muestran.


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.