Free Prestashop Themes – design your own

0
[banners_ad id=1]

If your on a limited budget, and you don’t have the money to spend on purchasing a custom Prestashop theme… make your own!

Making your own is 100% free, but it will cost you time.

To start, it’s best to have an idea of what changes you would like to make to the default theme.

You don’t have to be an expert, but you will have to learn a bit of CSS!

Prestashop templates are based on php, html and css. But you can completely change the design by changing the css only.

First you need to download the Prestashop’s default theme via FTP to your hard drive. You can find this here: Your Store/themes/default-bootstrap

Once you have this downloaded, all you need to do is edit the css which you will find here: Your Store /themes/default-bootstrap/css

You can do a google search to find good tutorials on how to use and edit CSS.

Google chrome is an excellent tool for developers. You can alter the css in the browser window to see a preview before physically making the edit which is an excellent time saving tool.

You will want to use dreamweaver to make the edits to the css. Dreamweaver isn’t free, but you can download a 1 month trial from Adobe
http://www.adobe.com/downloads.html

Or you can download free tools for editing html and css from the internet.

Rename the theme

Since your creating your own custom theme, you may want to rename it rather than overwrite the default bootstrap theme.

To do this, you need to go into your admin > themes and click on “add new”.

Then click on “Create new theme”.

Add all your information. But MOST IMPORTANT…. the name of the themes directory. DO NOT add spaces! No uppercase. All lowercase. use dashes instead of spaces.

Then you have to change the name default-bootstrap to the name of your chosen theme without spaces! It has to match the name you have chosen for the themes directory!

Share.
Translate »