Create a production-ready child theme for PrestaShop in seconds. A child theme lets you customize your store's appearance — colors, fonts, templates, JavaScript — without modifying the parent theme. Your changes survive theme updates.
What Is a PrestaShop Child Theme?
A child theme inherits all templates, styles, and functionality from a parent theme (like Classic or Hummingbird) but lets you override specific files. When the parent theme updates, your customizations are preserved because they live in separate files.
Without a child theme, any CSS edit or template change you make directly in the parent theme files will be overwritten on the next theme update — losing all your work.
What This Generator Creates
- config/theme.yml — Theme configuration with parent inheritance, asset registration, and layout definitions. Includes available_layouts required by the PrestaShop theme importer.
- assets/css/custom.css — Ready-to-edit stylesheet with commented examples for colors, typography, header, product pages, and footer. Hummingbird themes include CSS @layer examples for proper specificity.
- assets/js/custom.js — JavaScript file with PrestaShop event listener examples — updatedProduct, updateCart, changedCheckoutStep — and a DOMContentLoaded wrapper.
- preview.png — The actual preview image from the parent theme. Replace it with a screenshot of your customized store after making changes.
- Template overrides — Optional sample product page and header overrides using Smarty {extends} with the parent: prefix for safe, targeted block overrides.
- SCSS build setup — Optional package.json with Dart Sass compiler, build and watch scripts for professional CSS workflow.
Supported Parent Themes
- Classic — PrestaShop's default theme since 1.7. Bootstrap 4, jQuery, broad compatibility across PS 1.7.x and 8.x. The safest choice for existing stores.
- Hummingbird — The modern default for PrestaShop 9. Bootstrap 5.3, CSS Layers, TypeScript compiled with Webpack 5. Best for new PS 9+ projects targeting modern browsers.
- Warehouse — Popular premium theme by iqit with extensive customization options. Use "Other" and type any directory name for other marketplace or custom themes.
How to Install
- Download the ZIP using the form
- Upload the ZIP contents to /themes/ on your server via FTP, or use Back Office > Design > Theme & Logo > Import a theme
- Activate the child theme in Design > Theme & Logo
- Edit assets/css/custom.css to start customizing
Learn More
- Complete Child Theme Guide — detailed walkthrough of child theme creation, template overrides, the custom.css pattern, CSS customization, and debugging common issues
- PrestaShop /themes/ Deep Dive — how template resolution, the asset pipeline, CCC caching, and Smarty rendering work under the hood
- PrestaShop Architecture Series — folder-by-folder breakdown of the entire PrestaShop codebase for developers and store owners