Activer l'option pour supprimer des commandes dans la page d'admin -...
Ajouter un marque-pages sociaux avec l'animation de la souris.
Ce module vous permet de mettre à jour la quantité ou le pourcentage,...
Ce module vous permet d'afficher le bloc dans la catégorie, mais avec...
When creating a theme, you have to think up front of all the various pages and pieces of information that your theme has to handle correctly, in order to offer a complete experience to your customer. Here again, the default theme is a good way to get inspiration, both in the variety of files it features and behaviors it caters for, but also in its code, which you can dive into in order to better understand how a theme works.
First, here is the list of necessary template files (spoiler alert: there are 60 of them. Yes, all are necessary to various PrestaShop features):
Displays the best-selling products.
Let's diving into the way a theme is organized: folders, files, where they belong and how to handle them correctly
The main folders of any PrestaShop theme are those:
The following folders are not directly theme-related, but help you make sure the whole of PrestaShop's feature have a design that is consistent with your theme:
The root of the folder contains TPL files only, as well as the preview.jpg thumbnail file.
The preview.jpg file at the root of the theme's folder is the thumbnail that is used by PrestaShop in its back office theme selector.
It serves as a visual reminder of what the theme is, and you should therefore make it a screenshot rather than your company's logo.
It can have any size – the default theme's is 180*445 pixels.
It must be a JPEG file.
The theme's CSS files are located in the /css folder.
It is recommended to have a common style sheet for global CSS rules: global.css.Then, each of the controller should have its own CSS file: for instance, product.css for the Product page.
Sass and Compass files are optional: you do not need to use these tools to build the CSS files for your back office theme.
If you do use Sass and Compass, we strongly advise to put the source .scss files in the /sass theme, so that other developers can have access to theme and rework them more easily.
From there, you can generate the CSS files in the /css folders from the Sass files in the /sass folder!
The /font folder is optional: it contains the fonts that you chose to use for your theme.
For instance, the default PrestaShop theme uses the Font Awesome font set (http://fortawesome.github.io/Font-Awesome/) for its responsive icons, and therefore has the following files in its /font folder:
If you do not build your theme with a specific font or icon set in mind, you can skip this folder.
Theme-related images are to be stored in the /img folder.
You can create sub-folder for a better organization. For instance, the default theme has the following subfolders:
You can create more if needed.
All the translation files are to be stored in the /lang folder.
Files should be named after their ISO 3166-1 alpha-2 code in lowercase: for instance, fr.php.
These files should be generated by PrestaShop integrated translation tool (located in the Localization / Translations menu).