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

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

When it is accomplished, we need to rename config/theme.dist.yml into config/theme.yml and fill in the data on your theme:

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.

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.



Post a new comment

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