Prestashop - 1.4 Design Guide

Page of 26
PrestaShop Designer Guide 
The default PrestaShop install offers a neutral theme in shades of gray, 
enabling sellers to quickly and freely start their activity, whatever their 
business line.  
More than 700 themes are available through the 
marketplace. They were created either by the PrestaTeam or the 
PrestaShop community, and are sold at reasonable prices – some even 
free. 
As a graphic designer/web developer, you too can put your themes up for 
sale on the PrestaShop Addons site, and earn 70% of the selling price. 
Anyone with some knowledge of CSS and image manipulation can create a 
custom theme for PrestaShop. Provided you know PHP as well, you can 
build a whole new theme for your shop. Thanks to a tried and tested 
theme system, any shop can quickly sport a theme tailored to its needs. 
Coding a theme 
PrestaShop's theme system is based on a template engine, called 
which allows web-designers and developers to easily build their own 
theme, with little technical knowledge. 
 
All web-designers and developers should use the following tools:  
 
Firefox: 
 is a free extension for easy comparison and 
debugging between your CSS and the output. 
 
Firefox/Chrome: 
 adds many handy web developer 
tools to your browser. 
 
Safari/Chrome: 
 the 
. 
 
, a fully-featured debugging environment. 
 
Internet Explorer 8+: 
 are available through the 
Tools menu. 
Internet Explorer users can also make use o
. 
Concepts and technical information 
How a theme works 
A PrestaShop theme is a set of files which you can edit in order to change 
the look of your online shop. 
Here are a few important tidbits: