• +
    • Siguenos en feedly

Pídenos información

Nombre:*

E-mail:*

* Campos obligatorios

Teléfono:

¿En qué te podemos ayudar?

Instalar un tema en Prestashop y crear un tema hijo

instalar tema prestashop tema hijo

A la hora de diseñar tu tienda online lo primero que necesitas es instalar un tema en Prestashop que mejor refleje la imagen que quieres mostrar. Si el tema escogido cumple todos tus requisitos y no quieres hacerle modificaciones para cambiar nada (color, tipografía, tamaños, …) entonces no necesitas un tema hijo. Sin embargo, si vas a realizar cualquier cambio en el tema, lo recomendable es que crees un tema hijo del tema original, al igual que hicimos en nuestra Guía para la creación de un tema hijo en WordPress.

Un tema hijo en WordPress es como una extensión del tema original. En Prestashop es un duplicado del tema. La finalidad de crear un tema hijo en Prestashop es evitar perder todas las modificaciones realizadas en caso de que actualicemos el tema a una versión más reciente.

Instalar un tema en Prestashop

Existen varios directorios web de temas para Prestashop, donde poder elegir y comprar un tema. Os nombramos algunos de los más utilizados:
Prestahop Addons
Leo Theme
Theme Forest

Lo primero que tenemos que tener en cuenta a la hora de escoger un tema es nuestra versión de Prestashop. No todos los temas son compatibles con todas las versiones, por lo que debemos asegurarnos que el tema escogido está preparado y diseñado para la versión de Prestashop que tenemos instalada.

Una vez que compramos el tema, tendremos un fichero zip que nos podremos descargar. El siguiente paso es acceder a Prestashop para instalarlo. Vamos a Preferencias – Temas, y en la barra superior pulsamos el botón “Añadir tema”.

instalar un tema en prestashop añadir tema 01
La configuración de la página puede diferir dependiendo de la versión de Prestashop con la que se trabaje. Nosotros estamos utilizando la versión 1.6.1.4 para el ejemplo.

En la siguiente ventana nos aparecen varios modos para instalar el tema. Si lo tenéis descargado en vuestro ordenador, utilizaréis la primera opción. Una vez subido el tema, volverá a la página inicial, con un mensaje de que el tema se ha subido con éxito.

Debajo de la ventana con nuestro Tema Actual aparecerá el tema que acabamos de subir.

instalar un tema en prestashop añadir tema 02
Lo seleccionamos y nos preguntará sobre los módulos a instalar. Cada tema dispone de sus propios módulos personalizados Puedes seleccionar los que quieres o no instalar. Si no conoces muy bien los distintos módulos te recomendamos que dejes las opciones tal y como están.

instalar un tema en prestashop añadir tema 03
Al finalizar la instalación nos aparecerá una advertencia que es muy importante no pasar por alto:

instalar un tema en prestashop añadir tema 05
Se trata de la regeneración de las imágenes. Cada tema utiliza unos tamaños de imágenes personalizados a su diseño. Con la regeneración hacemos que las imágenes que ya hemos subido se adapten a los nuevos formatos, evitando que después las imágenes no se muestren correctamente.

Para regenerarlas, pulsamos el botón “Ir a la página de regeneración de miniaturas”. Nos llevará a la página de configuración de las imágenes. Bajamos hasta el final de la página donde se encuentra el apartado Regenerar miniaturas y pulsamos el botón “Regenerar miniaturas”.

instalar un tema en prestashop añadir tema 06
Una vez termine de regenerarlas, volvemos a la página de configuración del tema (Preferencias – Temas) y veremos que nuestro tema ya está instalado.

Crear un tema hijo en Prestashop

A diferencia de como sucede en WordPress crear un tema hijo en Prestashop es muy sencillo y se hace directamente desde la backend de Prestashop.

El proceso comienza igual que al instalar un tema nuevo, pulsando en el botón de la zona superior “Añadir tema”. En la parte inferior tenemos un apartado que se llama “Crear un tema nuevo”. Pulsamos al botón y nos aparecerá un formulario para realizar la configuración inicial del tema.


Lo primero que hacemos es darle un nombre al tema. La vista previa de la imagen la dejamos tal y como está. Si queremos que la columna izquierda o derecha salgan por defecto, las marcamos, aunque siempre podremos cambiarlo después desde la configuración del tema. Lo mismo sucede con el número de productos por página.

El nombre del directorio de la plantilla lo escribiremos sin espacios. Y lo más importante viene ahora, elegir el tema como modelo. Seleccionaremos del desplegable el tema que acabamos de instalar. Después marcamos la opción de que sea Responsivo y le damos al botón “Guardar”.

Al igual que sucede cuando instalamos un tema, nos dirá que se ha instalado con éxito y nos aparecerá en la lista de temas instalados.

instalar un tema en prestashop tema hijo 03
A partir de aquí los pasos son los mismos que hemos explicado antes: lo seleccionamos, aceptamos los módulos a instalar y regeneramos las imágenes.
Con estos pasos ya tenemos nuestro tema hijo en una carpeta dentro de la carpeta themes de Prestashop para poder realizar todas las modificaciones del tema que queramos sin que se vea afectado el tema original.

instalar un tema en prestashop tema hijo 04

¿Quieres 3 plantillas gratuitas?

tres plantillas gratuitas
  • Calendario editorial RRSS.
  • Informe resultados RRSS.
  • Check list SEO Moz.
* Campo obligatorio

Estés donde estés, si necesitas un sitio web, tienda online, campañas de e-mailing, gestión de tus redes sociales, video marketing o diseño gráfico, no dudes en contactar con nosotros (Equipo de diseño web ubicados en Valencia) a través de nuestro formulario y te informaremos al respecto.

Share on FacebookTweet about this on TwitterShare on Google+Buffer this pageShare on LinkedIn

Comentarios

  1. Si pero no funcionaría de la misma forma que wordpress no? en wordpress la finalidad es que si se actualiza el tema padre lo puedas actualizar y seguir conservando los cambios que se han realizado en el tema hijo, pero en prestashop lo que haces es duplicar el tema, conservas el anterior pero estos no están comunicados entre sí y por tanto aunque actualices el padre no le afecta a la copia no? es así?

    • Juan Manuel Martínez Juan Manuel Martínez dice:

      Tienes toda la razón, Haven. Aunque a ambos se les llama igual, en Prestashop no se aplica la herencia. También hay que tener en cuenta que las actualizaciones no son tan frecuentes como en WordPress.

      Gracias por la matización.

Deja tu comentario

*

¿Quieres nuestro ebook?

ebook analytics gratuito

Configuración Extra de Google Analytics: Sácale el máximo partido a tu cuenta


* Campo obligatorio

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. En ningún caso serán cedidas a terceros. Si continúa navegando está dando su consentimiento para la aceptación de las cookies y la aceptación de nuestra política de cookies.

CERRAR