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รญ.
Os recomendamos los siguientes productos relacionados con la informรกtica: