Crea en segundos un tema hijo de PrestaShop listo para producción. Un tema hijo te permite personalizar el aspecto de tu tienda, colores, fuentes, plantillas, JavaScript, sin modificar el tema padre. Tus cambios sobreviven a las actualizaciones del tema.
¿Qué es un tema hijo de PrestaShop?
Un tema hijo hereda todas las plantillas, estilos y funcionalidades de un tema padre (como Classic o Hummingbird), pero te permite sobrescribir archivos concretos. Cuando el tema padre se actualiza, tus personalizaciones se conservan porque viven en archivos separados.
Sin un tema hijo, cualquier edición CSS o cambio de plantilla hecho directamente en los archivos del tema padre se sobrescribirá en la próxima actualización del tema, perdiendo todo tu trabajo.
Qué crea este generador
- config/theme.yml – Configuración de tema con herencia del padre, registro de assets y definiciones de layout. Incluye available_layouts requerido por el importador de temas de PrestaShop.
- assets/css/custom.css – Una hoja de estilos lista para editar con ejemplos comentados para colores, tipografía, cabecera, páginas de producto y pie de página. Los temas Hummingbird incluyen ejemplos CSS @layer para una especificidad correcta.
- assets/js/custom.js – Archivo JavaScript con ejemplos de event listeners de PrestaShop, updatedProduct, updateCart, changedCheckoutStep, y un wrapper DOMContentLoaded.
- preview.png – La imagen de vista previa real del tema padre. Sustitúyela por una captura de tu tienda personalizada después de hacer cambios.
- Sobrescrituras de plantillas – Sobrescrituras opcionales de ejemplo para página de producto y cabecera usando Smarty {extends} con el prefijo parent: para sobrescrituras de bloques seguras y específicas.
- Configuración de build SCSS – package.json opcional con compilador Dart Sass y scripts build/watch para un flujo CSS profesional.
Temas padre compatibles
- Classic – El tema predeterminado de PrestaShop desde la 1.7. Bootstrap 4, jQuery y amplia compatibilidad con PS 1.7.x y 8.x. La opción más segura para tiendas existentes.
- Hummingbird – El tema moderno predeterminado para PrestaShop 9. Bootstrap 5.3, CSS Layers y TypeScript compilado con Webpack 5. Ideal para nuevos proyectos PS 9+ orientados a navegadores modernos.
- Warehouse – Tema premium popular de iqit con amplias opciones de personalización. Usa “Other” y escribe cualquier nombre de directorio para otros temas de marketplace o personalizados.
Cómo instalar
- Descarga el ZIP usando el formulario
- Sube el contenido del ZIP a /themes/ en tu servidor mediante FTP o usa Back Office > Design > Theme & Logo > Import a theme
- Activa el tema hijo en Design > Theme & Logo
- Edita assets/css/custom.css para empezar a personalizar
Más información
- Guía completa de temas hijo – recorrido detallado por la creación de temas hijo, sobrescrituras de plantillas, el patrón custom.css, personalización CSS y depuración de problemas comunes
- Deep dive de PrestaShop /themes/ – cómo funcionan por dentro la resolución de plantillas, el pipeline de assets, la caché CCC y el renderizado Smarty
- Serie de arquitectura PrestaShop – desglose carpeta por carpeta de toda la base de código de PrestaShop para desarrolladores y propietarios de tiendas