Prestashop 1.7 Installation. Theme Configuration and Customization Based on Starter Theme (Pt.1)

1. Prestashop installation

We’re going to use GIT and composer to install Prestashop. In order to complete an installation using GIT, it’s necessary to open the command line and get Prestashop cloned. Let’s execute the following commands:

Besides, we’re allowed to choose the version 1.7 or 1.6. Since we’re going to set up Prestashop 1.7, we need to use the following command:

Now let’s complete the process:

After we got it cloned and chose the version 1.7, we need to create the file .gitignore. As a rule, this file includes the following:

• temporary files
• generated files
• store configuration files (settings.inc.php)
• ide configuration files (for example, Phpstorm .idea)

We’ll add the following files:

Moreover, you can create your own .gitignore file on the service http://gitignore.io .

2. Your own theme creation using Starter Theme

To create the theme based on Starter Theme, we need to download it via git repository  https://github.com/PrestaShop/StarterTheme . We should clone the repository and go to the Prestashop themes folder:

When it is accomplished, we need to change StartTheme folder name into a custom one, for example, I’m going to use BelVGRexmix. Then open this folder and rename config/theme.dist.yml into config/theme.yml and fill in the data on your theme:

Partner With Us Let's discuss how to grow your business. Get a Free Quote.

Talk to Andrey

As an example, let’s consider our theme “Homedesign”:

Pay attention to the fact when changing “name” in config.yml, you need to change the folder name into the theme name. I changed the name to BelVGRexmix, so in the next article, I’ll be using this name.

After the main data is completed, we can choose our theme by going to Design > Theme & Logo:

We need to click the button “Use this theme”, to get the theme applied:

Besides, the theme on the main page is also changed:

After we’ve selected it, we can see the incomplete theme that needs to be finished including CSS and HTML development. If you want to create a theme from the ground up, you need to delete all files from dev/css. As for our theme, we’re going to improve it soon.