En el momento de escribir este post, la plantilla Warehouse nos ofrece hasta 13 demos que podemos utilizar en nuestro Prestashop 1.7

Pero poco a poco los creadores de la plantilla Warehouse van añadiendo nuevas demos que podemos utilizar para la creación de nuestra tienda online.

Podemos utilizar la plantilla Warehouse para construir una tienda online con un diseño a nuestra medida, pues dispone de herramientas muy potentes como el page builder Elementor para construcción de contenido de home y resto de páginas, y de un potente configurador de temas para los diseños de header y footer. Pero podemos partir de alguno de los diseños profesionales que nos regalan los creadores de la plantilla Warehouse.

 

Curso plantilla Warehouse Prestashop

MÁS INFO CURSO WAREHOUSE

 

En este post vamos a aprender a importar esas demos o diseños de tienda de ejemplo a nuestro Prestashop.

 

QUIERO LA PLANTILLA WAREOHUSE

 

 

 

 

1.- Demos o diseños predefinidos que podemos utilizar con nuestra plantilla Warehouse para Prestashop 1.7

 

En el momento de crear este post hay 13 diseños diferentes, pero poco a poco los creadores de la plantilla Warehouse irán añadiendo más demos nuevas.

Desde este enlace puedes ver todas las demos que podemos reutilizar en nuestro Prestashop 1.7:

VER TODOS LOS DISEÑOS

Si haces clic en alguno de los diseños, verás la demo en vivo de ese diseño.

 

diferentes demos o diseños para cargar en Prestashop

Demos disponibles para cargar en nuestro Prestashop

 

 

2.- Acciones previas antes de importar una demo o diseño para la plantilla Warehouse

 

Antes de importar una demo de la plantilla Warehouse es recomendable realizar las siguientes acciones sobre tu Prestashop:

 

i.- Desactivar cache smarty: si tienes activada la caché, desactívala y vacía la caché. Tras hacer la importación y ver el resultado puedes volver a activarla.

Para desactivar la caché ve a: “CONFIGURAR > Parámetros avanzados > Rendimiento” y realiza las siguientes acciones:

a.- Bloque SMARTY: en el bloque smarty, pon el selector “CACHE” en “NO”, y la opción de “Compilación de plantillas” en “Recompilar las plantillas cuando los archivos sean modificados”.

A continuación, haz clic en el botón “Guardar” y después en el botón “Vaciar cache”.

 

desactivar caché smarty y vaciarla

Desactivar caché smarty y vaciar caché

 

b.- CCC: Un poco más abajo verás un bloque denominado: “CCC (COMBINACIÓN, COMPRESIÓN Y CACHÉ)

Pon en «si» los selectores: “Smart cache” para las hojas de estilo (CSS), “Smart cache” para el código de JavaScript y Optimización de Apache.

A continuación, haz clic en el botón “Guardar”.

 

Opciones compresion en si

Opciones de CCC en SI

 

Nota importante: Al activar los elementos del bloque CCC es posible que te aparezca un error en la web, y que posteriormente no puedas acceder al panel de administración.

Algunos hostings tienen desactivada por defecto la función ini_set() en la configuración del servidor por motivos de seguridad.

Si este es tu caso, ponte en contacto con tu empresa de hosting para que te activen la función.

 

Aprende a utilizar el page builder o constructor de páginas de la plantilla Warehouse: Page builder Elementor

 

 

3.- Descargar demos de la plantilla Warehouse

 

Como te comentaba en el apartado 1, puedes ver todas las demos para Warehouse y Prestashop 1.7 haciendo clic en el siguiente enlace

 

Para descargar los archivos de todas las demos, puedes hacer clic en el siguiente enlace:

DESCARGAR DEMOS

 

Obtendrás una carpeta para cada una de las demos disponibles para importar en tu Prestashop con la plantilla Warehouse.

Debes descomprimir el archivo que te has descargado.

 

Aprende a utilizar el Menú de la plantilla Warehouse: Menú Warehouse

 

 

4.- Importar diseño general del tema

 

A la hora de importar una demo, tendremos principalmente dos elementos diferentes a importar: importar el diseño general e importar el diseño de la página de inicio.

Vamos a ver en este apartado como importar el diseño general de la demo (diseño general del tema), que haremos desde el editor de temas tipo backend.

Para ello iremos en el panel de administración de Prestashop a: “MEJORAS > Diseño > IqitThemeEditor – Backoffice”

Ahora, en el menú lateral seleccionaremos la pestaña: “Import/Export configuration”.

En el apartado “Import Configuration”, haz clic en el botón “Examinar” y selecciona dentro de la carpeta correspondiente al diseño que quieras utilizar (del archivo comprimido que nos descargamos en el apartado 3) el archivo de configuración general de la demo, que tendrá un nombre del estilo a este: “iqitthemeeditor_config.json”.

Después, haz clic en el botón “Import”.

 

importar diseño de demo header y footer plantilla warehouse