Cómo crear un tema hijo en Prestashop

Hace un tiempo hablamos sobre cómo crear temas hijo en WordPress, hoy os lo dejamos para Prestashop.

Los temas hijo se crean para poder hacer modificaciones sobre el tema principal, sin correr el riesgo que una actualización del mismo borre todas las modificaciones. El tema hijo hereda todas las opciones y funcionalidades del padre, incluso las que aparecen cuando actualizamos este, pero siempre prevalecen las modificaciones realizadas en el hijo.  Es decir, podemos actualizar sin miedo a
Por ejemplo es muy habitual crear temas hijo para modificar el css. El tema hijo será igual que el tema padre, pero con las modificaciones del CSS realizadas. Además, estas modificaciones son las que se cargarán, no funciona como los plugins de modificación de CSS que insertan nuevas reglas (lo que al final carga la web al tener un CSS con reglas doble).

Prestashop, a partir de la versión 1.7, permite crear estos temas de manera sencilla y aquí os explicamos cómo.
Pongo como ejemplo crear un tema hijo del classic que viene con prestashop. Pero puedes elegir otro tema.

  • Ve a la carpeta /themes y crea una carpeta con el nombre del tema hijo. Por ejemplo /classichijo.
    Entonces deberías tener en /themes la carpeta /classic y la carpeta /classichijo.
  • En esta carpeta /classichijo tienes que tener los siguientes ficheros o carpetas:

    preview.png     (es lo que aparecerá en el apartado temas del backend como previsualización de tu tema).
    – config                 (directorio)
    /config/theme.yml   (fichero de configuración dentro de la carpeta anterior).

    Lo mejor es que los copias del tema padre.

  • Ahora edita el ficher theme.yml del tema hijo. En la cabecera tienes que poner al menos (pon las líneas que no aparezcan, y cambia los nombres de los temas para tu caso)
    parent: classic
    name: classichijo
    display_name: Mi Tema Hijo
    version: 1.0.0
    assets:
      use_parent_assets: true

    Esto le dice el nombre de tu tema (puedes poner lo que quieras en name, display name y versión).

Ve al backend y elige el tema hijo como el activo. A partir cualquier fichero que quieres modificar lo puedes poner en el hijo. Por ejemplo si quieres cambiar el css puedes copiar la carpeta /assets/css y editar el fichero theme.css en el hijo.

Una gran mejora en Prestashop 1.7 que nos hará la vida más sencilla a todos.

Más información aquí.

Deja un comentario

Resumen de nuestra Política de Privacidad

  • Responsable: SmythSys IT Consulting SLNE.
  • Finalidad: Gestionar y moderar los comentarios.
  • Legitimación: Necesitas dar tu consentimiento para publicar un comentario.
  • Destinatarios: Tus datos se alojan en los servidores de OVH.
  • Derechos: Tienes derecho a acceder, rectificar, limitar y suprimir los datos en la dirección del responsable (en nuestra política de privacidad).

Time limit is exhausted. Please reload CAPTCHA.