1. Copy the default theme
And rename your theme name.
2. Change your theme css
- In the new theme folder (e.g.,
../themes/MyStoreTheme/
), locate the /css
folder.
- Open the file
global.css
and modify it according to your needs.
Note: the file maintenance.css
located in the same folder controls the layout of the Maintenance Mode page.
- New or modified images must be placed in the new theme’s
/img
folder (e.g., ../themes/MyStoreTheme/img
).
Tips from the PrestaShop development team
- Where possible, use CSS instead of HTML (e.g., for tables)
- Validate your XHTML code on w3c.org
- Reduce images and pictures size by using compression
- Test your theme on several Web browsers
- Keep filenames lowercase
- Homepage text and logo are modifiable directly via the Back Office. Go to Back Office >> Modules >> Home text editor and click Configure.
- Change the positioning of modules on a page or pages by transplanting them via the Back Office:
- Go to Back Office >> Modules >> Positions
- Click Transplant a module.
- In the drop-down list, select the module you want to move.
- In the second drop-down list, select where you want to transplant the module.
- Type the name of those files you do not want the module to appear (optional).
- Click Save.
Prestashop Theme Screenshot changes:
Theme’s root folder (e.g., ../themes/MyStoreTheme
) preview.jpg. This file must be a 100 x 100 pixels only.
Prestashop Theme Changes :
- Go to Back Office >> Preferences >> Appearance >> Themes section
- Select your theme and click save button.
More reference : http://www.prestashop.com/wiki/Themes/
🙂