Get Free Audit

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

Oct 18, 2017

4350 Yaroslav Tobolich

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:

Prestashop 1.7 Setup. Theme Configuration and Customization based on Starter Theme (Pt.1)_1

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:

Andrey_Dubina
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:

Prestashop 1.7 Setup. Theme Configuration and Customization based on Starter Theme (Pt.1)_2

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

Prestashop 1.7 Setup. Theme Configuration and Customization based on Starter Theme (Pt.1)_3_1

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

Prestashop 1.7 Setup. Theme Configuration and Customization based on Starter Theme (Pt.1)_4

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.

Andrey Dubina
Partner With Us Looking for a partner to grow your business? We are the right company to bring your webstore to success. Talk to Andrey

Post a new comment

BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *