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.