Vamos a ver en este post los diferentes tipos de diseños de header o encabezamientos web que nos ofrece Warehouse, la mejor plantilla para Prestashop.

*** NO vamos a ver como personalizar colores (esto lo veremos en otro post)***. Solo nos vamos a centrar en los tipos de estructuras de header diferentes de que dispone la plantilla Warehouse

Curso plantilla Warehouse Prestashop

MÁS INFO CURSO WAREHOUSE

 

Los diferentes tipos de header los podremos seleccionar desde el Theme Editor (Editor de temas) que en la plantilla Warehouse se denomina “Iqit Theme Editor”

QUIERO LA PLANTILLA WAREHOUSE

 

 

 

 

1.- Cómo modificar el header de la plantilla Warehouse para Prestashop

 

Para cambiar el tipo de header de la plantilla Warehouse debemos acceder al editor de temas o Theme Editor de la plantilla.

En la plantilla Warehouse podemos acceder al “Theme Editor” o Editor de temas de dos maneras diferentes:

 

A.- Editor de temas en vivo (Iquit Theme Editor – Live): Con el editor de temas en Vivo podremos visualizar los distintos tipos de header en tiempo real.

Para acceder al Iquit Theme Editor – Live iremos a: “MEJORAS > Diseño > IqitThemeEditor – Live”

En la interface que nos aparece haremos clic en: “Header > Aspecto”

 

cambiar diseño header prestashop

Editor de temas (Live): desde aquí podremos cambiar el tipo de cabecera de Prestashop y ver como queda en tiempo real

 

B.- Editor de temas backoffice (Iquit Theme Editor – Backoffice): Con el editor de temas tipo backoffice tendremos que ir haciendo visualizaciones de la web para ir viendo los diferentes tipos de header disponibles con la plantilla Warehouse.

Para acceder al Iquit Theme Editor – BackOffice iremos a: “MEJORAS > Diseño > IqitThemeEditor – Backoffice”

Luego en el menú lateral iremos a: “Header > Aspecto”

 

cambiar tipo de header warehouse

Editor de temas (backoffice): Desde aquí podremos seleccionar los diferentes tipos de header de Warehouse

 

Aprende a utilizar el page builder de la plantilla Warehouse y crear una página de inicio a tu medida: Elementor page builder

 

 

2.- Tipos de header del tema Warehouse para Prestashop

 

El tema Warehouse para Prestashop ofrece 2 familias diferentes de headers o cabeceras para la tienda online:

 

A.- Headers horizontales: dentro de este tipo hay cuatro diseños diferentes de header para la web: style1, style 2, style 3 y style 4.

Todos estos tipos de header tienen en común que tienen un diseño horizontal situado en la parte superior de la web y que ocupan todo el ancho de la misma.

 

header horizontal plantilla warehouse

Headers con diseño horizontal

 

B.- Headers Verticales: dentro de este tipo de headers la plantilla Warehouse nos ofrece dos diseños diferentes: style 6 y style 7

Este tipo de headers tienen un formato de menú vertical situado como una barra lateral o sidebar, por lo que no ocupa todo el ancho de la parte superior de la web.

 

menu vertical plantilla warehouse

Header tipo vertical

 

A mí personalmente no me gustan mucho los header tipo vertical, ya que reducen el acho disponible para la web al ser ocupada una parte por la barra lateral del menú.

Además la visualización de un mega menú complejo es mucho más sencilla desde un menú horizontal que uno de tipo vertical.

Hace un tiempo había muchas webs y tiendas online que utilizaban una barra lateral para el header y menú del mismo, pero es algo que hoy en día se usa solo en contadas ocasiones.

 

Aquí puedes ver las principales características de la plantilla Warehouse: Características Warehouse

 

QUIERO LA PLANTILLA WAREHOUSE

 

 

3.-Tipos de Headers o encabezamientos horizontales de la plantilla Warehouse

 

Vamos ahora a ver los 4 tipos diferentes de headers en formato horizontal que ofrece la plantilla Prestashop Warehouse.

 

 

3.1.- Diseño header plantilla Warehouse STYLE 1

 

Este es el diseño de header que ofrece la plantilla Warehouse por defecto. Está compuesto por 3 bloques horizontales.

 

partes del menú horizontal