En este post vamos a aprender a gestionar el menú de la plantilla Prestashop Warehouse y a crear un menú para nuestra tienda Prestashop.

La parte de diseño la veremos más adelante. Ahora nos vamos a centrar en la parte más estructural.

QUIERO LA PLANTILLA WAREHOUSE

 

Curso plantilla Warehouse Prestashop

MÁS INFO CURSO WAREHOUSE

 

Con la plantilla Warehouse para Prestashop podremos crear un auténtico mega menú con categorías, páginas cms, logos fabricantes, logos proveedores, imágenes de productos, texto personalizado, imágenes subidas, enlaces personalizados y mucho más.

PLANTILLA WAREHOUSE

PAGE BUILDER WAREHOUSE

 

 

1.- Módulo IqitMegaMenu plantilla Warehouse para crear un menú normal o mega menú.

 

Para crear un menú con la plantilla Warehouse para Prestashop debemos configurar el módulo  IqitMegaMenu.

Para ello iremos a: “MEJORAS > Módulos > Módulos y Servicios”. A continuación haremos clic en la pestaña: “Módulos Instalados”, buscaremos el módulo “IqitMegaMenu” y haremos clic en “Configurar”.

 

mega menu prestashop con iqitMegaMenu

Crear un mega menú con Prestashop y la plantilla Warehouse

 

 

2.- Interface del módulo IqitMegaMenu de la plantilla Warehouse

 

Al acceder a la interface del módulo IqitMegaMenu verás una serie de pestañas en el lateral izquierdo:

Horizontal menu: desde aquí personalizaremos la estructura del menú horizontal de la tienda online. Es en el apartado que nos vamos a centrar en este post.

 

Vertical menu: por defecto está desactivado. Pero podemos activar y utilizar un menú vertical en vez del horizontal.

 

Mobile menu: el menú en versiones móviles es independiente del menú normal y se establece desde este apartado.

 

Aprende a utilizar el flexible page builder de la plantilla warehouse: Page builder Prestashop

 

Predefined submenu tabs: desde aquí podemos crear estructuras de submenús que luego se pueden reutilizar en los menús.

 

Submenu options: opciones de los submenús

 

Predefined custom html content: desde aquí podemos crear contenido de texto que luego podemos reutilizar en los menús.

 

Import/export: desde este apartado podemos importar o exportar estructuras de submenús que luego podremos utilizar en algún menú.

 

Custom links: desde este apartado podemos crear enlaces personalizados. Es decir ítems de menú que apunten a unas determinadas URLs. Estos enlaces personalizados luego los podremos reutilizar en los menús.

 

opciones para la creación de un mega menú con prestashop

Elementos de la interface iqitMegaMenu

 

Nota: en Prestashop 1.7, las opciones de diseño del menú no están en el módulo IqitMegaMenu sino que se establecen desde el theme editor (IqitThemeEditor) al que podemos acceder desde: “MEJORAS > Diseño > IqitThemeEditor”.

 

QUIERO LA PLANTILLA WAREHOUSE

 

 

3.- Gestión del menú horizontal de la plantilla Warehouse para Prestashop

 

Para gestionar el menú horizontal de la plantilla Warehouse haremos clic en la pestaña “Horizontal menú”.

Seguramente te aparecerá ya un ítem de menú creado correspondiente a la “home” o “página de inicio”. En la página de inicio este ítem se corresponde con el icono tipo casa que hay en el menú (sin texto).

Para añadir un nuevo ítem de menú o pestaña haremos clic en el icono “+” que aparece en la parte superior derecha del bloque “HORIZONTAL TABS LIST”

 

cómo añadir un nuevo item de menú a prestashop con warehouse

Añadir un nuevo item de menú a la tienda online

 

 

3.1.- Opciones de configuración ítem de menú de Warehouse

 

Ahora se abrirá una nueva interface con las opciones de configuración de la nueva pestaña o ítem del menú que estamos creando con la plantilla Warehouse para Prestashop. Vamos a ver las opciones más importantes:

Active: para activar o desactivar y ocultar el ítem de menú.

 

Title: nombre del ítem que aparecerá en el menú

 

Hide title: esta opción sirve para que no se muestre texto en el ítem de menú y que solo se muestre un icono como es el caso del ejemplo del ítem de menú de la home o página de inicio.

 

Icon Type: esta opción sirve para elegir el icono que quieres que se muestre delante del texto del ítem de menú.

i.- font icon class name: marca esta opción si quieres utilizar la biblioteca de iconos de que dispone la plantilla warehouse

ii.- image icon: marca esta opción si quieres subir un icono personalizado o no quieres que se muestre ningún icono.

Nota: si no quieres que se muestre ningún icono marca la opción “image icon” y no subas ningún icono.

 

Icon class / Icon: si elegiste la opción “Font icon class name” ahora podrás elegir el icono que quieras de la biblioteca. Si marcaste la opción “Image icon” ahora podrás subir el icono personalizado que quieras (si no subes ningún icono el ítem de menú solo tendrá texto).

 

URL Type: desde aquí podremos elegir si queremos que el texto del ítem de menú enlace a una categoría, a una url personalizada o no tenga enlace.

i.- Content URL: el ítem de menú podrá enlazar una categoría, una página CMS, fabricante, proveedor, o un enlace personalizado.

ii.- Custom URL: URL personalizada

iii.- No URL: el ítem no iría enlazado a ninguna página.

 

cómo añadir un elemento del menú a la tienda online

Opciones en la creación de un elemento del menú prestashop con Warehouse

 

Legend: esto es opcional y es un