Modificar el Menú Horizontal Superior de PrestaShop

Recomendamos hacer una copia de seguridad

Antes de hacer nada recomendamos hacer una copia de seguridad. Sino recordáis como hacer un backup de vuestro contenido os decimos que es tan fácil como dirigiros al panel de administración de Prestashop (backoffice), hacer click en "Parámetros Avanzados" y después sobre "Respaldar BD (1)" o lo que es lo mismo la opción para llevar a cabo una copia de seguridad de nuestra base de datos. Tras ello solo tendréis que hacer click sobre "He leído la advertencia – Crear una copia de seguridad (2)". Entonces se generará el backup y podréis descargarlo a vuestro ordenador para en caso de liarla poder restaurar el contenido de la tienda a como estaba previamente antes de la liada.

Con el bakup a nuestras espaldas ya podremos ponernos manos a la obra para modificar el menú horizontal superior de PrestaShop, sin ningún tipo de temor, ya que en caso de problemas podremos tirar de nuestra copia de seguridad.

¿Cómo Modificar el Menú Horizontal Superior de PrestaShop?

Lo cierto es que incluir nuevas entradas en el menú horizontal superior de PrestaShop es bastante sencillo sobretodo gracias al módulo menú horizontal superior que viene por defecto con PrestaShop.

Para acceder a dicho módulo, en el panel de administración de PrestaShop o backoffice nos dirigimos a la sección de módulos y servicios para así acceder al listado de todos los módulos que tenemos.

El módulo menú horizontal superior se puede encontrar en Características del Front Office, pero allí hay unos cuantos módulos más, tal y como muestra esta captura de pantalla:

De modo que nuestra recomendación para encontrarlo más rápido es poner "menu" en el buscador, tal que así:

Nota: Indicar que el nombre del módulo puede variar según el tema de PrestaShop utilizado, aunque no por ello va a dejar de ser un menú en ningún caso.

Una vez localizado el módulo le damos a la opción de "Configurar" en la parte derecha. Y desde su página de configuración prácticamente podremos hacer todo lo que queramos relacionado con el menú horizontal superior de PrestaShop. 

Veremos que hay dos bloques: Menú de enlace superior y Añadir un nuevo enlace.

En el menú de enlace superior veremos a la derecha los artículos disponibles y a la izquierda los artículos activos en el menú principal horizontal. En versiones anteriores a la actual de PrestaShop era al revés. También podremos o no habilitar una barra de búsqueda, aunque puede que nuestro propio tema ya incluya una como es nuestro caso, así que realmente no es necesario activar una, pero nosotros lo haremos para después en la imagen comparativa de como era nuestro menú horizontal superior antes y como es ahora se aprecie todo.  

Si queremos usar la opción de Añadir un nuevo enlace tendremos que tener creado un enlace previo que apunte a los nuevos productos a los cuales queremos llegar desde el menú horizontal superior o incluso a la sección de contacto, sino no podremos usar esta opción que nos permitirá poner el nuevo enlace en la parte derecha para después poder ser añadido al menú principal horizontal. También podremos decidir si el nuevo enlace queremos que se abra en una nueva venta.

Ejemplo con dos enlaces

Nosotros vamos a añadir un par de nuevos enlaces, por ejemplo este con "Ofertas Hosting": https://www.hostinet.com/hosting-web/

Y este otro con "Contacto" https://www.hostinet.com/sobre-hostinet/ayuda-y-soporte/

Nota: para añadir los enlaces cada vez que se incluya uno nuevo hay que hacer click en el disquete de añadir -abajo a la derecha-

Ambos enlaces que hemos añadido iran a parar a un nuevo y tercer bloque llamado Lista de enlaces. Podremos modificar los enlaces si queremos desde la opción "Modificar" situada a la derecha de los mismos.

Bien, una vez creados los enlaces estos aparecerán en el menú de enlace superior dentro del recuadro de artículos disponibles -abajo del todo-

Seleccionamos el enlace que que queremos que se muestre en el menú horizontal superior y le damos a "Añadir". En nuestro caso, primero seleccionamos "Ofertas Hosting" y después "Contacto" de tal forma que nos quede así el asunto:

En Elementos seleccionados podemos borrar elementos o incluso cambiarlos de posición con las flechitas de la izquierda (para arriba y para abajo), por ejemplo, puede interesarnos más que en vez de Women como primera opción en el menú horizontal superior este "Ofertas Hosting". Lo que seguramente no va a variar es el tema de "Contacto", ya que casi siempre es ubicado en la última posición.

Realizado todo lo que hemos puesto en práctica en este artículo nuestro menú horizontal superior quedaría así con la nueva barra de búsqueda incluido, aunque como deciamos nuestro tema ya tiene una barra de búsqueda, así que esta opción no es que fuera muy interesante para nosotros, pero bueno…

Recordemos como era antes nuestro menú horizontal superior: