Como crear una nueva plantilla en Prestashop 1.6.x

Existen muchas plantillas prediseñadas para Prestashop que puedes encontrar en diversos portales a precios muy razonables pero en algunas ocasiones necesitamos crear un tema totalmente personalizado y vemos imposible encontrar una plantilla prediseñada que nos ahorre el trabajo.

La experiencia nos dice que la mejor forma de crear una plantilla totalmente personalizada es partir de la plantilla por defecto de Prestashop y empezar a cambiar los archivos css y tpl’s hasta llegar al objetivo final. Se deberá tener unos conocimientos avanzados al menos sobre CSS (especialmente Bootstrap), HTML y Javascript para realizar las labores de maquetación.

Por otro lado, es importante remarcar que no modificaremos el tema por defecto. Eso nunca lo tenemos que hacer. Tenemos que duplicarlo para evitar problemas futuros.

Qué pasos debemos seguir para duplicar la plantilla por defecto de Prestashop y tener nuestra nueva plantilla?

Añadiremos un nuevo tema desde Preferencias -> Temas de la administración de nuestra tienda. Pulsaremos en Añadir tema.

Aparecerán varias opciones, a nosotros nos va a interesar utilizar la última opción, crear una nueva plantilla. Seguidamente tendremos que rellenar el siguiente formulario:

• En el nombre de la plantilla deberemos escribir el nombre identificativo de su plantilla.
• No es obligatorio pero sería una mejora añadir una captura o previsualización del tema en el campo Vista previa de la imagen para la plantilla.
• Indicar si tu tema va a utilizar columnas por defecto.
• Indicar el número de productos por página.
• El nombre del directorio de la plantilla deberemos escribir un nombre identificativo y sin espacios.
• Seleccionar el tema “default-bootstrap” como modelo.
• Indicar si queremos un tema adaptado a los dispositivos móviles o no.

Al pulsar en Guardar nos daremos cuenta de que ahora podemos seleccionar nuestro nuevo tema.

Seleccionaremos nuestro nueva tema y nos aparecerá una página de Módulos para instalar. En esta página podremos habilitar los módulos que deseemos visualizar y deshabilitaremos los que no.

La siguiente página solo nos muestra que las imágenes han sido actualizadas correctamente en la base de datos para nuestro nuevo tema. Por tanto, tan solo deberemos pulsar en terminar para poder seleccionar nuestro nuevo tema.

De esta forma siempre tendremos el tema por defecto disponible y evitaremos problemas futuros en cuanto a actualizaciones de módulos que se usan en las plantillas. Además de esto, la plantilla por defecto de Presatshop es la mejor sin duda ya que la han programado ellos mismos sin la interferencia de un tercero. Ahora solo queda realizar las modificaciones sobre el nuevo tema directamente en los archivos css, tpl y js.