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
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.
ÍNDICE DEL POST
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”.
Crear un mega menú con Prestashop y 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.
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.
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
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”
Añadir un nuevo item de menú a la tienda online
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.
Opciones en la creación de un elemento del menú prestashop con Warehouse
Legend: esto es opcional y es un texto que se muestra encima del texto del ítem de menú a modo de leyenda.
Legend icon class: esto sería el icono que iría junto a la leyenda que hemos visto en el apartado anterior.
leyenda (legend) opcional que aparece junto al item de menú
New Window: seleccionaremos “SI” si queremos que el enlace se abra en una nueva pestaña del navegador
Float right: para llevar el ítem de menú al lateral derecho de la barra de menú.
Opciones de diseño: a continuación podrás ver una serie de opciones de diseño como: Main link background color, Main link text color, etc.
No vamos a ver opciones de diseño en este post, lo haremos en otro post dedicado exclusivamente al diseño del menú.
Además estas son opciones específicas de este ítem de menú, pero la personalización del diseño general del menú lo veremos desde las opciones del tema: IqitThemeEditor
En el apartado anterior veíamos como crear una nueva pestaña o elemento del menú. Pues bien, al final de la interface del apartado anterior hay dos opciones dedicadas a la creación del submenú que dependerá del ítem que estábamos creando.
Submenu type and status: aquí seleccionaremos si el ítem de menú tiene un submenú o no
i.- Grid submenu: elegiremos esta opción si queremos añadir un submenú que vamos a crear en este momento. Es la opción que vamos a elegir para continuar con el post.
ii.- Predefined tabs: tomaremos esta opción si queremos añadir un submenú que creamos con anterioridad.
iii.- hidden: elegiremos esta opción si no existe submenú
Submenu width: elegida la opción “grid submenu” ahora elegiremos la anchura que va a tener el panel que se despliegue al poner el ratón sobre el elemento del menú. El panel más ancho sería 12/12 y el más estrecho sería 1/12
Añadir fila del submenú:
+Row: Para añadir una nueva fila al submenú haremos clic en el botón “+Row”
Añadir una fila al submenú con Prestashop y tema Warehouse
Añadir columna del submenú
+Column: ahora haremos clic en el botón “+Column” para añadir una primera columna en el submenú.
Añadir una columna a la fila del mega menú que hemos creado
Personalizar columna del submenú:
i.- Column width: aquí estableceremos la anchura que ocupará esta columna del submenú. La anchura la estableceremos sobre 12. 1/ 12 sería la anchura más pequeña y 12 /12 la más grande.
ii.- Column content: Empty (significa que no hay ningún contenido)
iii.- Edit content: para añadir contenido al menú haremos clic en este botón.
Primera columna creada en el submenú prestashop warehouse
QUIERO LA PLANTILLA WAREHOUSE
Al hacer clic en el botón “Edit content” aparecerá una ventana emergente o pop up con una serie de opciones de personalización que vamos a ver ahora.
Column title: si queremos que la columna tenga un titular, éste lo pondremos aquí
Column title link: aquí pondremos una url opcionalmente si queremos que el título apunte a una determinada URL
Title legend: aquí pondremos opcionalmente un texto que aparecería a modo de leyenda sobre el título.
Content type: aquí seleccionaremos el tipo de contenido que queremos añadir a la columna del submenú que estamos creando
i.- Empty: sin contenido
ii.- Suppliers logos: mostrar proveedores de la tienda que deben estar previamente creados.
Select suppliers: seleccionaremos proveedores que queremos mostrar
Logos per line: número de logos por a mostrar por línea.
iii.- Banner image: esta opción es muy interesante ya que nos permite añadir una imagen a la columna, algo muy típico de los mega menús.
Image source: haremos clic en el botón “select image” para elegir o subir la imagen que queremos mostrar.
Image link: desde aquí podemos añadir opcionalmente un enlace para la imagen.
Alt: etiqueta “alt” asociada a la imagen.
iv.- Manufacturers logos: mostrar logos de fabricantes
select manufacturers: elegir los fabricantes que queremos mostrar.
Logos per line: número de logos a mostrar por línea.
v.- Products: mostrar productos en la columna del submenú
Search products: aquí pondremos el nombre de los productos que queremos añadir al menú y haremos clic sobre él y de esta manera irán apareciendo en el apartado siguiente de productos seleccionados (Selected products)
Select view: desde aquí elegiremos la forma en la que queremos mostrar los productos (imagen grande o pequeña)
vi.- Various Links: elegiremos esta opción si queremos mostrar categorías (aisladas sin subcategorías), páginas cms, proveedores o fabricantes.
Si elegimos categorías, éstas NO mostrarán las subcategorías que dependen de las primeras. Esto ocurriría si seleccionamos “categorías tres” como veremos en el siguiente apartado.
Select links: aquí marcaremos los elementos que queremos mostrar. Para seleccionar más de un elemento mantendremos pulsada la tecla “Ctrl” mientras hacemos clic en los diferentes elementos.
Select view: aquí elegiremos la forma de mostrar los elementos vertical u horizontalmente.
Añadir elementos al mega menu como categorías, páginas cms y otros
vii.- Categories tree: con esta opción elegiremos categorías que queremos mostrar y que a su vez mostrarán las subcategorías que dependan de la primera. Si no queremos que se muestren las categorías hijas deberemos trabajar con “Various links” (apartado anterior) en vez de “Categories tree”.
Categories: marcaremos la categoría o categorías que queremos mostrar teniendo en cuenta que también aparecerán las subcategorías que dependan de las categorías que marquemos.
Depth limit: límite de niveles de subcategorización que mostrará el menú.
Subcategories limit: número máximo de subcategorías dependientes de una categoría que se mostrarán en el menú.
viii.- Html content: otra interesante opción que nos permite añadir texto personalizado en la columna del menú.
Custom Html content: aquí seleccionaremos el texto que queremos mostrar que deberemos haber creado previamente desde “Predefined custom html content”.
Añadido los elementos de la columna haremos clic en guardar.
A continuación podemos ir añadiendo nuevas columnas en el submenú siguiendo el mismo proceso descrito en el apartado “añadir columna del submenú” del apartado 3.2
Ahora puedes ver un ejemplo de estructura de submenú de 4 columnas de 3 /12 cada una.
Mega menu 4 columnas
Resultado ejemplo anterior
Mega menú 4 columnas
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.
Hola
¿Como hacer que el menu no te «siga» cuando haces scroll hacia abajo?
Muy buenas Oscar, esa opción la tienes en «Diseño > iqitthemeeditor-live > header > header > sticky header menu»
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación: https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!! para consultas). En la plataforma tienes cursos sobre Prestashop, plantilla warehouse, Curso seguridad y actualizaciones Prestashop, Blog Prestashop, Copywriting, curso claves para crear una tienda online, Analytics ecommerce, SEO General, SEO Tiendas online, Curso Indexación web, Google search console, Woocommerce, WordPress, etc. etc. (Más de 30 cursos)
Hola Joaquín,
Me gusta tu tutorials.
Queria saber hay alguna manera de ordenar subcatagory menu por alphabetical order en Warehouse theme??Si hay como puedo hacer lo ?
Buenas,
Gracias, creo que no sería posible establecer un orden alfabético a las categorías que se muestran en los submenús.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación: https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, plantilla warehouse, Blog Prestashop, Copywriting, curso claves para crear una tienda online, Analytics ecommerce, SEO General, SEO Tiendas online, Curso Indexación web, Google search console, Woocommerce, WordPress, etc. etc. (Más de 30 cursos)
Hola Joaquín, en el menú para móviles ¿Se puede sustituir la palabra «Menu» por otra, por ejemplo productos o categorías?. No lo encuentro en traducciones
Buenas Juan Carlos,
No veo en tu web la palabra «Menú» en la versión móvil
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Curso Copywrting, Woocommerce, WordPress, etc. etc.
Hola Joaquín, tengo una duda que comentarte.
¿Es posible ordenar alfabéticamente sólo las subcategorías del menú móvil?
¿Cómo podría hacerlo?
Muchas gracias.
Hola Raquel.
Las opciones de personalización del menú en móvil son muy limitadas. Que yo sepa no es posible hacer lo que comentas.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Curso Copywrting, Woocommerce, WordPress, etc. etc.
HOla, con el nuevo warehouse 4.2.2 y sin tener el Iqitmegamenu, no consigo encontrar donde añadir tabs al menu ni el resto de opciones de submenus etc.
Si que veo donde modificar los atributos del menu… posicion y demas, pero no añadir ni gestionar los elementos del menu.
puedes ayudarme?
gracias.
Hola Raquel.
no se a que te refieres con sin tener el iqitmegamenú. Claro que lo tienes que tener, y desde ahí gestionarás el menú. Además, la última versión de warehouse no es la 4.2.2 sino la 4.4.2, y por supuesto si incluye iqitMegamenú, como todas.
Te recuerdo que dispongo de un curso de warehouse que incluye soporte, y no solo eso sino que puedes acceder a TODOS los cursos por solo 10 €/mes + soporte. En mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, CURSO WAREHOUSE, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Curso Copywrting, Woocommerce, WordPress, etc. etc.
Hola:
¿Es posible que el menú horizontal este se despliegue únicamente al hacer click en el?
No encuentro la opción de configurarlo de esa forma y es bastante molesto que se despliegue cada dos por tres cada vez que el ratón pasa por encima.
Gracias
Hola Joaquin,
Gracias por el excelente post.
Tengo la versión 4.1.9 y no encuentro donde añadir contenido (en mi caso imágenes) en los submenus.
En el menu si que lo tengo claro que se hace desde «Predefined tabs», pero para los submenus no lo encuentro de ninguna manera.
¿sabías decirme como puede añadir contenido (imágenes) a los submenus?
Gracias de antemano!
Hola Marcelo.
En el submenú tienes que elegir la opción «banner image» en el campo «content type». Me gustaría también invitarte, si es posible, a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Woocommerce, WordPress, SEO General etc. etc.
Buenas joaquin, mi enhorabuena por tu gran labor. Tengo este modulo pero en la version mobil me sale una linea vertical en negro en medio de la columna, sabrias decirme a que es debido y como puedo eliminar esta linea negra que solo se me muestra para versiones moviles y tabletas?
Hola Manuel
He visto tu web, pero no he visto la línea que me comentas
Hola Joaquín:
Estoy utilizando la plantilla Warehouse y no veo la opción en el megamenú para poder centrar el Column title del submenu.
¿Sabes cómo hacerlo?
Gracias y un saludo
En la opción del submenú dentro de IqitThemeEditor tampoco la veo.
Gracias
Hola Ramón.
¿no estás suscrito a mi plataforma de formación https://cursotiendaonline.com/?
Realiza tus consultas desde la plataforma, ya que los alumnos tienen preferencia en el tiempo de respuesta (muy por encima de los comentarios del blog). Además, el análisis que se hace de las consultas realizadas desde la plataforma es mucho mayor que el que se hace de los comentarios del blog.
En cuanto a tu consulta, no hay opciones para centrar los títulos de los submenús. Pero, es posible que se pueda hacer vía CSS.
Por favor, escribe tu consulta desde la plataforma y analizamos esta posibilidad de hacerlo vía CSS.
Ya sabes, ve a https://cursotiendaonline.com/ y haz clic en el item del menú superior «Consultar duda».
Un saludo
Hola, me podrían ayudar con algo? he terminado de diseñar mi menú, pero me esta ocurriendo en la pagina de inicio que al poner el mause sobre cada ítem del Menú no me esta desplegando el submenú, me toca darle click para que me lleve a la categoría, pero cuando estoy en cualquier otra pagina diferente a la Home ahí si me muestra el submenú. ya he mirado por todo lado pero no se que es.
Buenas.
Tiene pinta de ser algún problema de algún javascript de algún módulo que te hayas instalado y que está interfiriendo, o de alguno de los módulos de Pretashop. Escribe un ticket de soporte a los desarrolladores de Warehouse para que lo miren: https://iqitcommerce.ticksy.com/ Me gustaría también invitarte, si es posible, a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, plantilla warehouse, Blog Prestashop, SEO Tiendas online, Analytics ecommerce, etc. etc.****
Hola Joaquín,
Gracias por tu blog y tutoriales.
Tenemos una página creada con prestashop 1.7 y la plantilla warehouse. Esta en tres idiomas, español, ingles y francés.
El problema que tenemos es que no sabemos como hacer para que en ingles y francés el menú móvil se vea en esos idiomas.
En el modulo IqitMegaMenu, en el apartado Mobile menú, no encuentro como establecer el menú en estos idiomas.
Gracias por tu ayuda
Hola Juan.
En princpio, al traducir los nombres de las categorías, no habría que hacer ya nada desde el menú. He echado un vistazo a tu web en la versión móvil y sí veo traducido el menú.
***Me gustaría también Informarte que desde mi plataforma de formación cursotiendaonline.com puedes Acceder a TODOS mis cursos online por solo 10 €/mes + ¡¡SOPORTE!!. En la plataforma tienes cursos sobre SEO General, Cursos sobre SEO para tiendas online, Curso sobre Prestashop, Curso sobre Warehouse, Curso sobre Analytics para ecommerce, y … mucho más
Para ver el temario de un curso en concreto, ve a cursotiendaonline.com busca el curso cuyo temario quieras ver y haz clic en «INFO CURSO» . Además, como te decía, los cursos inclye SOPORTE!!! ****
Hola. Podrías indicarme como cambiar el color del recuadro bajo el icono de la casita del home?
Hola José,
no sé muy bien a que recuadro te refieres
Hola Joaquin gracias por el Blog,
Tengo la plantilla Warehouse en version 4.3.2. personalice el mega menu en color de fondo, color de texto y color hover. pero al darle scroll hacia abajo a la pagina el menu flotante sigue quedando color negro como viene por defecto,
en que lugar encuentro donde debo configurar esto?
Gracias
Buenas.
«En diseño > iqitthemeeditor live > header > header» tienes una opción que dice «Sticky element bg»
Hola, tengo esta plantilla y en el menú tengo las categorías. Ahora bien, quiero que al desplegar una categoría me aparezca no solo las subcategorías, sino también las MARCAS que esa categoría recoge. Es decir, marcas por categorías. No encuentro nada en esta plantilla, y no sé si sabes alguna forma mediante código dentro del apartado insertar html en el menú. O de algún plugin que haga eso, que en el menú de una categoría, además de mostrar sus subcategorías, muestre las marcas que esa categoría abarca.
Hola Juan.
Desde el IqitMegaMenú, además de categorías se pueden seleccionar Fabricantes y proveedores. Pero, los tienes que tener creados previamente en Prestashop
Hola Joaquin, buen dia. Tengo la siguiente consulta, necesito hacer para un cliente que en el header aparezca el diseño preestablecido que contiene el menu al lado del logo y no debajo. Pero en vez de tener el logo para dar click y buscar, directamente tenga la entrada de busqueda. Como cuando elijo el aspecto #2.
Espero que se entienda lo que quiero decir, muchas gracias
Hola Leonardo.
No es posible ya que ese diseño viene estructurado de esa manera para que el menú no se junte con la barra de búsqueda de productos. Por ese motivo se utiliza el icono de búsqueda en vez de la barra de búsqueda
Joaquin, excelente post, muy util. Una consulta, como puedo cambiar el color del icono de la casita que está al principio del menú. Ya sea el color de background y el color del houver.
Gracias
Hola Christian.
En el módulo IqitMegaMenu, has de editar el item de menú y verás una serie de opciones de diseño relacionadas con el diseño de ese icono.
***Me gustaría también Informarte que desde mi plataforma de formación cursotiendaonline.com puedes Acceder a TODOS mis cursos online por solo 10 €/mes + ¡¡SOPORTE!!. En la plataforma tienes cursos sobre Warehouse, Prestashop, Blog Prestashop, Cursos sobre SEO, sobre Mailchimp – Prestashop, etc. etc.
Para ver el temario de un curso en concreto, ve a cursotiendaonline.com busca el curso cuyo temario quieras ver y haz clic en «INFO CURSO» . Además, como te decía, los cursos inclye SOPORTE!!! ****
Hola Joaquín,
espero te encuentres bien.
Te quería consultar por el megamenú, ya que lo he confeccionado y se ve súper bien en mi computador, pero a la hora de verlo en móvil no aparece nada. Entré en IqitThemeEditor – Backoffice para configurar y no he logrado verlo.
Te agradezco de antemano si pudieras ayudarme.
Saludos!
Hola Tati.
La gestión del menú en móviles la tienes en el módulo IiqtMegaMenú. Pero, en vez de la pestaña «horizontal menu» se realiza desde «Mobile menu»
Buenos días Joaquín, primero gracias por tu ayuda.
Tengo instalado el módulo IqitMegaMenu de la plantilla warehouse (Prestashop 1.7). El problema es que mi menú no se despliega cuando estoy fuera de la home. En la home funciona correctamente pero al visitar cualquier otra página el submenú no aparece.
Imagino que he configurado algo más pero no encuentro ninguna opción.
Gracias de antemano.
Un saludo.
Buenas Mercedes.
Eso tienes que consultarlo con el soporte de Warehouse. Me suena que era algún problema con el módulo búsqueda por facetas.
Pero, lo mejor es que lo analicen en el soporte: https://iqitcommerce.ticksy.com/
Estimado: tengo el problema que en la parte del menu de marcas tengo los logos en color negro pero un recuadro en color blanco que realmente no le da estetica al menu. Quisiera que el fondo de esas imagenes se vean en el mismo color que el fondo del submenu. Como seria la configuracion de ese paso?
Hola Emiliano.
1.- Cambiar el color de fondo del sub-menu o menú desplegable te afectaría a Todos los desplegables y no solo al submenú de marcas.
Las opciones para personalizar ese fondo no las tienes en el IiqitMegaMenú, sino en «IiqtThemeEditor – Live > menú»
2.- También tienes la opción de cambiar el color de fondo de las imágenes de los logos, o incluso hacerlas con fondo transparente.
3.- ***Me gustaría también Informarte, por si te interesa ahora o en el futuro, que desde mi plataforma de formación cursotiendaonline.com puedes Acceder a TODOS mis cursos online por solo 10 €/mes + ¡¡SOPORTE!!. En la plataforma tienes cursos sobre Warehouse, Cursos sobre Prestashop, Cursos sobre SEO para tiendas online, sobre Mailchimp, blog Prestashop, etc. etc. Para ver el temario de un curso en concreto, ve a cursotiendaonline.com busca el curso cuyo temario quieras ver y haz clic en «INFO CURSO» . Además, como te decía, los cursos inclye SOPORTE!!! ****
Buenas Joaquín
Estoy trabajando en las traducciones para habilitar otro idioma pero no veo cómo poder tener activos 2 menús principales con el módulo megamenu, es decir, uno para el idioma español y otro para el idioma inglés
Gracias y saludos
Buenas,
Cuando estás creando un menú con el iqit Mega Menú verás que a la derecha de determinados textos te aparece un selector de idiomas. Esos son los textos que puedes traducir a los diferentes idiomas disponibles en tu tienda. Pero, lo que no puedes hacer es tener menús estructuralmente independientes para cada idioma
un saludo
Hola, Joaquín!
En primer lugar, un millón de gracias por todos tus contenidos y la forma en que los explicas porque estás creando una gran biblioteca en castellano sobre Prestashop y sobre Warehouse en concreto, que falta hace! :))))
Quería hacerte una cuestión respecto a los menús en relación a este último comentario: pese a haber hecho las traducciones de cada pestaña del menú, cuando cambio de ESP a ENG aparecen 2 pestañas adicionales y no sé dónde borrarlas. Gracias!!!
Buenas
Gracias por tus palabras
Puedes eliminar cualquier item del menú desde el módulo IqitMegaMenu. No debes tener problema para hacerlo.
Me gustaría también invitarte, si es posible, a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Woocommerce, WordPress, etc. etc.
Teneis solución para esto? Hemos traducido la web al inglés, pero al cambiar de idioma, no se modifica el idioma del menú. Hemos realizado las traducciones tanto de las categorías como del mismo Mega Menú, dandole a la traducción y cambiando cada nombre, pero aún así no se modifica el menú.
Como podemos hacer para solucionarlo?
Muchas gracias!
Hola María,
Supongo que no deberían estar bien realizada la traducción de las categorías de la tienda. Si están hechas debería funcionar.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación: https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!! para consultas). En la plataforma tienes cursos sobre Prestashop, plantilla warehouse, Curso seguridad y actualizaciones Prestashop, Blog Prestashop, Copywriting, curso claves para crear una tienda online de éxito, Analytics ecommerce, SEO General, SEO Tiendas online, Curso Indexación web, Google search console, Curso WordPress, Woocommerce, Curso Divi, Curso Flatsome, etc. etc. (Más de 30 cursos). Además, cada mes subo una super interesante Master Class. (más de 30 cursos)
Estan bien traducidas las categorias. No obstante se muestra aleatoriamente un menu (ingles o español) independientemente del idioma que fijes arriba, o sea que no se corresponde el menú con el idioma seleccionado.
Buenas!!
Sobre el tema del navigator…no veo manera de eliminarlo ni de configurarlo…podrías especificarnos como porfavor.
Un saludo !!
Buenas.
Mira a ver si tienes activado el menú vertical en IqitThemeEditor. Si es así, desactívalo.
Son geniales tus tutoriales felicitaciones!!
Consulta, como puedo personalizar el menú mobile que viene con el mega menú, ya que hay categorías que solo quiero que se muetren en desktop y en mobile quiero organizarlo de otra manera y cuando selecciono un super rubro me trae todo lo que contiene y solo necesito una parte.
Desde ya agradecería pudieras ayudarme.
Saludos atentos desde Argetina!
Buenas Luciana.
En la configuración del iqitMegaMenu, tienes una pestaña específica para el menú en móviles
Hola, he creado menú y submenú tal y como indicas pero no se me abre el submenú, no sé que puede estar pasando….
Hola Joaquin. Favor su ayuda con el megamenu de WAREHOUSE para PS 1.7
-En la versión móvil cuando bajo la barra de menu queda fija como la configure (Sticky), sin embargo al presionarlo para que aparezcan las categorias, el menu aparece en la parte superior y hay que subir hasta el logo para que lo muestre
Hola Alam.
Ahora en tu web no se despliega el submenú.
Tienes que tener alguna opción de configuración mal, ya que si ves esta demo puedes observar cómo se despliega el submenú abajo: https://iqit-commerce.com/ps17/demo1/en/
Hola, gracias por tus explicaciones. He creado el menú con warehouse con categorías y cuando voy a la categoría no están los productos de esa categoría. No se si me he explicado bien. Por qué puede ser?
Hola Silvia.
Solo se me ocurre que o no hayas añadido realmente un enlace a categoría o que la categoría no tenga ningún producto asignado.
Hola Joaquín
Hemos instalado xampp en local, así como prestashop 1.7 y la plantilla warehouse. Nuestro problema viene cuando, tras crear las categorías y subcategorías de producto de nuestra web no aparecen para vincularlas en los menús horizontales y verticales.
Hemos buscado pero no hemos encontrado por ninguna parte qué hacer para que aparezca y poder así vincular las secciones. Estamos un tanto desesperados porque atragantados en este punto no podemos continuar trabajando en este aspecto. Hemos escrito al desarrollador de la plantilla pero no obtuvimos respuesta.
Te hemos enviado un mail con dos imágenes de todo esto.
Un saludo y gracias de antemano
Hola Luis.
1.- La verdad es que yo ya nunca trabajo en local, porque siempre existe la posibilidad de que existan problemas relacionados con la configuración del servidor. Aunque no se si será este caso. Además, es mucho más complejo obtener soporte.
2.- ¿Estás utilizando una versión de la plantilla warehouse compatible con la de tu Prestashop?
3.- Prueba a reinicializar también el módulo IquitMegaMenú, a ver
4.- Seguro, que obtendrás respuesta del soporte de Warehouse. Lo que pasa, es que al trabajar en local se complica la cosa de poder darte soporte.
Un saludo
Buenas tardes a todos, tengo un problema con el menú de mi tienda online. En IqitThemeEditor – Live, lo pongo par que ocupe toda la pantalla activando en Background width la opción full width. Guardo los cambios, pero cuando entro en Iqit Elementor – Page builder, el menú no ocupa la pantalla completa.
Otra duda que me surge es como puedo personalizar una de las pestañas del menú, dado que quiero resaltar una de las categorías poniéndola en otro color (de fondo y fuente).
Felicidades por el blog y el canal de youtube, son de gran utilidad.
Hola Joaquín, tengo el módulo IQUITMEGAMENU en prestashop 1.7.4.4 con la plantilla CLASSIC y me gustaría que en los dispositivos móviles apareciera la hamburguesa en el headertop ¿sabes como podría hacerlo?. Así conseguiría eliminar una sección en la que solo aparece este menu.
Buenas.
No uso la plantilla Classic con el IqitMegaMenu. Siempre lo uso con la plantilla Warehouse.
La Plantilla Classic no tiene opciones para personalizar la posición del icono menú haburguesa en móviles. En el caso de usar la plantilla Warehouse, ésta proporciona 3 diseños diferentes de cabecera para móviles, pero creo que en ninguno de ellos se muestra el icono arriba del todo.
Me ha pasado algo muy raro. Cree el menú sin problemas pero después de unos días vuelvo al módulo para editar y cambiar algunas cosillas y me encuentro que no tengo opción de agregar enlaces a categorias, como si no las tuvieras (solo aparece la cabecera «Categorias» pero no tengo opción para añadir enlaces a las categorias de mi sitio).
Desde que cree el menú he actualizado a Prestashop 1.7.5 y el módulo Warehouse a la versión 4.2.1. Os ha ocurrido algo similar? Como lo arreglo? Muchas gracias!
Buenas,
Si has actualizado Prestashop a la versión 1.7.5, es posible que tengas que actualizar también la plantilla Warehouse. Escribe un ticket de soporte a Warehouse para que te informen: https://iqitcommerce.ticksy.com/
Hola Joaquín,
He configurado el megamenu pero en uno de los submenús, hay muchas categorías y no se ven todas aunque haga scroll, por lo tanto las últimas son invisibles para los clientes.
Hay alguna manera de arreglar eso?
Muchas gracias por todas tus respuestas.
Un saludo.
Buenas,
Es posible que tengas que reorganizar el menú. También puedes mirar en las opciones del tema (live o backoffice) si es posible reducir el tamaño de la fuente o del interlineado entre cada elemento.
Gracias Joaquín,
Finalmente lo he hecho reduciendo el tamaño de la fuente, de momento sigue siendo legible.
Me ha sido de gran ayuda tu comentario.
Saludos!!
Buenas tardes,
Una pregunta no hay ninguna forma de añadir atributos y características al mega menu. En las demo si se visualizan(https://iqit-commerce.com/ps17/demo6/en/4-tops?q=Brand-Ankos/Color-White) pero no soy capaz de añadirlos
Hola Luciano.
Añádelo a través de su url. Es decir, busca la url del producto con el valor del atributo que quieras, copia la url y ponla en el menú como una Url personalizada (Custom URL)
Hola Joaquin,tengo una duda,en la plantilla warehouse el menu horizontal ¿se puede poner en la situacion que quieras en la página o solo se puede poner en la cabecera?si no se pudiera,¿hay alguna manera de que la cabecera sea una imagen con un video transparente por detras como se puede hacer en la página de inicio con el builder?muchas gracias.
Sí, solo se puede poner en la cabecera, aunque hay alguna opción por ahí para ponerlo deslizante (botón + desplazamiento lateral). Para ver cómo funciona el Elementor builder, aquí tienes más info.
Hola
Tengo un problema y es que he configurado el megamenú en mi ordenador y se ve todo en una linea pero al ir a otro ordenador se ve en dos filas lo que en el mío de ve solo en una y según el navegador que uses lo mismo, se ve totalmente diferente…
Me pasa también con el carrito de la compra, es unos se ve alineado y en otros se va a la izquierda….
Hola,
hoy en día el 99% de las plantillas son responsive.
Es decir, la web cambia y se adapta según las dimensiones de la pantalla en la que se visualiza.
Efectivamente, también la visualización en diferentes navegadores puede variar.
yo soluconé cambiando poniendo la tipografía en capitalice en vez de mayusculas por si te sirve
Hola
Necesitaría saber si es posible que en moviles y tablets apareciese un megamenu con las categorias o un despegable que ponga «Categorias» es que a mi solo me aparecen 3 rayitas y si pinchas entonces si aparecen las 3 rayitas y con el buscador me pasa lo mismo, solo aparece la lupa, no hay posibilidad de que se vea el buscador entero???
Muchas gracias por tu ayuda.
En móviles y tablets, el menú se activa a través un icono tipo hamburguer o hamburguesa (tres rayas), como es habitual en la mayoría de sitios webs. Y los buscadores aparecen como iconos, es algo habitual también
Hola
Ya casi tengo terminada la plantilla para 1.6 pero me acabo de dar cuenta de que el megamenú solo se ve en los ordenadores, pero no doy para que se vea en moviles y tables… ¿dónde habría que ir para configurar para que se viera también ahí?
Muchas gracias.
En la plantilla para Prestahsop 1.7, en el módulo mega menú, hay una opción para añadir elementos al menú en móviles
Hola Joaquin, ante todo agradecerte porque tu sitio fue el que me llevó a decidirme por warehouse.
Te molesto con una consulta, hay manera de eliminar el menú vertical que aparace en categorías de productos, no quiero que salgo, solo quiero que me muestre productos en todo el ancho de la página, sin menú ni filtro vertical.
Desde ya muchas gracias. Nicolás
Buenas,
esto tiene que ver más con Prestashop y no tanto con la plantilla Warehouse.
Prueba en: «PERSONALIZAR > diseño > Tema y logotipo» y luego clic en «Seleccionar diseño».
Busca «category» y establece el tipo de diseño que quieres para la página (Full Width), y guarda
Hola estamos muy contentos de haber adquirido el curso sobre la plantilla warehouse, sin este curso estabamos perdidos, pero tengo un inconvientie estoy utilizando el diseño predifinido 9 y no encuentro la forma de eliminar y modificar ciertos parámetros que están predefinidos desde la plantilla 9. Exactamente en el menú aparece un botón con el nombre NAVIGATION y no encuentro la forma de eliminarlo puesto que si me voy por la configuración del menú no aparece esta opción y para eliminarlo desde la opción de DISEÑO: PAGE BUILDER tampoco me da la opción de eliminarlo. Lo mismo me sucede con el footer que aparece en un color azul claro y necesito modificarlo por otro color y tampoco me permite hacerlo desde el PAGE BUILDER
Hola Vilma,
El elemento «Navigation» es un item del menú. Lo debes eliminar desde el IqitMegaMenu. En el apartado 3 de este post verás una imagen en la que se muestran varios elementos del menú y la posibilidad de eliminar cualquiera de ellos con el botón «Eliminar».
El diseño del footer se personaliza desde las opciones del tema no desde el page builder. Mira los vídeos del 15 al 19 del curso plantilla Warehouse
Hola Joaquin lo primero agradecer tus aportes que siempre son utiles. Pero ahora mismo tengo un problema con el modulo megamenu del tema warehouse y es que cuando creo alguna categoria de producto le añado descripcion e imagenes y la añado al menu cuando pincho en ella no me aparece nada pero en la url indica que estoy dentro de ella. Si quieres echarle un ojo es aqui: drivego.es las categorias que no muestra son las que estan dentro de tienda online. Gracias
Hola David,
Que raro,
1.- ¿Las categorías tienen ya productos asignados?
2.- En «PERSONALIZAR > diseño > iqitThemeEditor > Content/pages > category page» tienes opciones de visualización de la imagen de categoría, visualización de texto descripción de categoría, etc.
Hola Joaquin he revisado mas de 100 veces y esta correcto pero en cambio sigue sin aparecer nada
Buenas,
No sé que puede ser, creo que lo mejor será que consultes al soporte de la plantilla Warehouse
Hola Joaquin, muchas gracias por los tutoriales que haces nos sirven de gran ayuda. Te cuento mi situación, estoy creando una tienda online con esta plantilla, he creado una categoría llamada ¨Tienda online¨, y dentro de ésta las sub categorías como camisetas, pantalones, etc. La pregunta es, cuando hago clic sobre el nombre de la categoría en el menu horizontal no aparecen ni los productos de esa categoría ni la imagen de categoria ni nada. No se que puedo estar haciendo mal, espero tu respuesta. Gracias!!! Saludos
Hola David,
1.- Para que los productos te aparezcan en la categoría «tienda online» tienes que marcar esta categoría y su categoría específica en el producto. Es decir, que el producto «pantalón vaquero» tendrá que pertenecer a la categoría «Pantalón» y a la categoría «Tienda online».
2.- También ten en cuenta que en PERSONALIZAR > Diseño > IquitThemeEditor (Live o Backoffice) > Content/Pages > Category Page» tienes opciones relacionadas con la visualización de las categorías de la tienda.
Buenos días Joaquín,
Hace un par de meses compré la plantilla Warehouse gracias a todos tus tutoriales y sorporte, ¡y estamos encantados!
Ya está puesta en marcha, lista para cargar todos los productos. Hemos empezado a usarla y nos hemos dado cuenta (quizás demasiado tarde) de que esta plantilla no cuenta con una página intermedia donde ver todas las categorías antes de entrar en el despiece de todos los productos.
En el caso de (web 1) hay 3 pasos antes de llegar a ver los productos de una colección haciendo clic en “Categoría1”. Categoría 1 > Subcategoría > Nombre de la colección > productos
Sin embargo, en (web 2) si seguimos los mismos pasos, haciendo el primer click en “Categoría1”, nos lleva directamente a todos los productos de esa categoría que hay en la web. Y es aquí donde está el problema. Necesitamos mantener todos esos pasos para que el cliente pueda ver la imagen de la colección antes de ver los productos de cada una de ellas.
El caso es que al crear las categorías si que hemos publicado imágenes y las hemos definido como portada de la categoría. Al igual que hicimos en (web1) para que apareciesen en estos pasos.
¿Sabes si existe alguna manera de resolver esto?
¿Tienes alguna guía que hable al respecto?
Muchísimas gracias de antemano,
Me harías una gran favor resolviéndome esto
Hola Anabel,
1.- Las opciones de personalización de como se muestran las categorías en la plantilla Warehouse las tienes en: «Diseño > IqitThemeEditor Live o backoffice > Content Pages > Category Page». Aquí puedes marcar la opción «Subcategories thumbs» en «SI» para que se muestren las imágenes correspondientes a las subcategorías cuando se accede a una categoría padre.
2.- Para que los productos solo aparezcan en la categoría final y no en las categorías intermedias puedes hacer que cada producto solo pertenezca a su categoría final y no a las categorías intermedias (categorías padre).
¡Muchísimas gracias por tu respuesta! Ya está todo funcionando perfectamente 🙂
¿Sabrías decirme qué tamaño tienen que tener las imagenes de las miniaturas de categorías y subcategorías?
Buenas,
yo las pondría de 330 px de ancho por el alto que corresponda. Ya que ese es el tamaño máximo de visualización (en este caso esta visualización se da en tablet).
Hola Joaquín. Gracias por tu trabajo.
Yo trabajo con las dos plantillas; Transformer y Warehouse.
Warehouse es más intuitiva, es cierto, pero Transformer es infinitamente más personalizable.
Cierto es, que al principio es un lío saber dónde está cada cosa, pero cuando le coges el «tranquillo», no es para tanto.
El sistema de Megamenú del Transformer, por ejemplo hace palidecer a Warehouse.
De hecho, me encataría usar el megamenú de transformer en Warehouse. ¿Habrá alguna forma de hacerlo?
Hola Sergio,
Gracias por tus palabras.
La plantilla Transformer también es una gran plantilla, claro está. Pero, para mi, la plantilla Warehouse es mejor que transformer.
Principalmente porque es mucho más intuitiva, fácil de manejar, con una menor curva de aprendizaje y porque el page builder Elementor, que utiliza Wareohuse, es infinitamente mejor (en mi opinión) que el Visual Composer que utiliza Transformer.
Aunque el sistema de mega menú de Transformer sea mejor. A mí, el de Warehouse me parece que tiene todo lo necesario en estos casos.
Para una persona que se dedica al diseño web y a la creación de la tienda online, si es interesante que utilice ambas plantillas. Pero, en mi opinión, si es una persona no profesional recomiendo, sin lugar a dudas, la plantilla Warehouse.
En cualquier caso, en un futuro, también me gustaría escribir en este blog sobre la plantilla Transformer.
En cuanto a tu consulta, no creo que sea posible utilizar el menú de Transformer en Warehouse.
Hola Joaquín, hay alguna manera de poner legends en una subcategoría, no solo en el titulo o categoria padre?
Gracias y muy buen trabajo!
Hola José,
Muchas gracias por tus palabras, me animan a seguir día a día.
Efectivamente solo podemos añadir «legends» (leyendas o textos explicativos) sobre las posiciones principales del menú (normalmente las categorías principales de la tienda) y sobre las cabezas o títulos de los submenús.
No es posible por el momento añadir legends (leyendas o textos explicativos) en las subcategorías que vayamos añadiendo al menú.
Buenas! Estoy interesada en comprar la plantilla Warehouse y me gustaría saber si el panel de administración está es español.
Atentamente
Silvia
Hola Silvia,
No, por el momento el panel de administración está en Inglés.
Hola Joaquín,
En el menú desplegable de marcas, ¿sería posible añadir una marca o fabricante «falso», que se llame «Más marcas», y que al pinchar sobre él te lleve a un link determinado que no sea el de esa «marca falsa»? Lo que quiero es que al pinchar ahí, en «Más marcas», me lleve a una página en donde tengo las marcas ordenadas alfabéticamente.
Gracias.
Buenas Juan,
No veo en el menú desplegable ninguna opción para añadir enlaces personalizados, que es lo que seguramente te hace falta. No se si se podría con el elemento HTML Content (donde previamente se haya puesto el enlace hacia la página de marcas)
Hola, Debido a la estructura que me proporciona la keyword research necesito tener varios menús en la plantilla Warehouse de PS 1.7.2. ¿Existe algún módulo que permita tener diferentes menús como puedes tenerlos en WordPress?
Gracias.
Saludos
Hola Javier,
que yo sepa no hay más zonas para menú que la zona principal.
Hola Joaquín:
Me pasa una cosa muy extraña con la plantilla Warehouse.
La tengo instalada en un Prestashop 1.7 y cuando un cliente se valida desaparecen las opciones del menu horizontal (hecho con Iqit Mega Menu) que llevan a páginas CMS y la opción «Tienda» (también de este menú horizontal), que despliega un submenu con todas las categorías, aparece vacía, es decir, todo el desplegable aparece vacío.
Además, cuando voy a alguna de las categorías desde otro menú lateral que tengo, me da el mensaje «No tienes acceso a esta categoría».
Todos estos problemas desaparecen cuando el cliente cierra sesión, pero es necesaria la sesión abierta para poder realizar la compra.
¿Tienes idea de por qué puede ser? ¿Alguna configuración de las páginas del diseño de la plantilla?
Gracias y un saludo
Hola Ramón,
no se que puede ser, lo mejor en este caso es que escribas un ticket de soporte a la empresa de la plantilla y que te lo miren.
Hola!
Asegúrate que tengas seleccionado el grupo de usuarios, en la imagen de este post donde explica «Añadir columna del submenú» Donde pone «Group Access» asegurate que tienes marcado el grupo de usuarios correspondiente. En mi caso he creado un grupo para profesionales, y por defecto aparece desactivado.. hay varias opciones en toda la plantilla que te permite especificar a que grupo de users va rigidido, ten eso pendiente.
Gracias Martín,
un saludo
Hola, debo tener instalado la plantilla por defecto de Prestashop 1.6 para poder utilizar Warehouse. En este momento tengo la plantilla Came.
Hola Mario,
no tienes porque tener activa la plantilla por defecto de Prestashop 1.6 para usar Warehouse. De hecho al activar la plantilla Warehouse, se desactiva la que esté activa en ese momento ya sea la que viene por defecto u otra.
Hola Joaquin muy buenos post los que haces.
Te tengo 2 preguntas
Entre este tema Warehouse y el tema Transformer cual me recomiendas?
y la otra woocommerce o prestashop para tienda online? tengo un enredo entre estos 2 .
gracias
Hola Juan,
Las dos plantillas Warehouse y Transformer son dos grandes plantillas con muchas opciones de personalización. La principal diferencia es que Warehouse es mucho más intuitiva y por tanto pensada para no técnicos mientras que Transformer es mucho menos intuitiva y por tanto más indicada para perfiles técnicos. Yo no tengo ninguna duda, aunque yo tengo perfil técnico prefiero Warehouse ya que es mucho más intuitiva y fácil de utilizar y sacarle partido.
Tanto Woocommerce como Prestashop son los CMS más utilizados en España para la creación de tiendas online, cada una tiene sus ventajas e inconvenientes.
En caso de utilizar woocommerce mi recomendación es usar la plantilla Divi
Aqui te dejo algún enlace donde puedes ver ventajas e inconvenientes de cada aplicación