HowtoMatrix

Lot of HOWTOs

August 24th, 2008

Howto install PrestaShop (with pictures)

PrestaShop, by suvi.

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } A:link { color: #0000ff } –>

I have found an alternative for Zen Cart shopping Cart – it is PrestaShop. PrestaShop is a new and easily maintained shopping cart. It doesn’t have all the features, I need, but I’ve been promised, that these features are coming soon. I have also written a review about PrestaShop – You can find it on my other site – FreeSoftNews., where there is also a list of open source shopping carts.

After spending a few days playing with PrestaShop, one problem I found was a lack of documentation. So I’ve tried to fix this by writing some tutorials with pictures, howto use PrestaShop. This is the first tutorial of these series.

Thanks

Spott

To the tutorial

Requirements:

  • Apache webserver with PHP 5 or newer
  • MySQL 5.0 or newer database server
  • GD Library functionality

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } A:link { color: #0000ff } –>

Most of todays hosting services are fine for PrestaShop. This is good to know, becauase Magento requirements are quite specific which makes it hard to find right hosting provider.

I am using my own Virtual Private Server, with DirectAdmin control panel. So it’s like a common hosting server.

All pictures are made under Ubuntu Linux 8.04. I don’t like Windows. For FTP Client – I am using FileZilla 3.0 – so it looks similar to all operating systems. All pictures are made with GIMP. The browser I am using is Firefox.

I am installing a new PrestaShop Cart to http://demo.phpdemos.net/prestashop domain. I have a database demophp_presta which has the same user name. Password for that database is ********** :D. Database is hosted on the same server, so the host is localhost.

So lets get started

Download the latest PrestaShop

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } A:link { color: #0000ff } –>

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } A:link { color: #0000ff } –>

First we need to download the latest PrestaShop version. Right now, the latest version is 1.0 FINAL (1.0.0.8). See PrestaShop Downloads page.

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } A:link { color: #0000ff } –>

Direct link to 1.0 FINAL version is here.

You get a ZIP file, what you need to extract.

After extracting You will see the following folders and files:

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } –>

Now you need to upload all these files and folders to your webserver.

Upload files with FileZilla

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } –>

So let’s open FileZilla now and transfer all the files and folders to your webserver. Normally this will be to the public_html folder, which is your webserver’s root directory (or it can be also www, htdocs or some other name – ask from your hosting provider, if you’re not sure). As I want my PrestaShop to be at subfolder prestashop, I upload all my files to this folder. If you would like your shop to be at the top level (http://yourdomain.com), then upload files directly to your webserver’s root directory.

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } –>

To upload – simply select all the PrestaShop files (left window) in FileZilla and drag them to the right window.

Permissions

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } –>

After all the files have been uploaded, we need to change the permissions for some folders.

We need to change the permissions for the following folders to 777 (read, write and execute permissions to everyone):

  • /config

  • /tools/smarty/compile

  • /img – and all subfolders

  • /mails – and all subfolders

  • /themes/prestashop/lang – and all subfolders

  • /translations – and all subfolders

Folder permission change is easy with FileZilla. Activate the folder with a right click and from the menu chose File Attributes …

Mark all fields, so that Numeric value is 777:

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } –>

For /img, /mails, /themes/prestashop/lang and /translations folders – check Recurse into subdirectories and Apply to directories only

<!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } –>

Then FileZilla will also change all the required subdirectories permissions.

Installer

Step one

Now open Your web browser (Firefox) and tip to URL bar your shop address. At my example – http://demo.phpdemos.net/prestashop

You will get fallowing picture at Your browser:

You can chose now your install language. At version 1.0 is supported English (default) and French install. We leave this to English. As we have new install, then we have filled fallowing option:

“Installation: Full installation of the PrestaShop™ e-Commerce Solution”

Now press Next at the bottom.

Step two

You are now at System and permissions page, where installer checks that all needed permissions and softwares are meet.

At first part, installer checks that all needed PHP modules and options are enabled:

PHP settings:

  • PHP 5.0 or later is installed
  • Allowed to upload files
  • Allowed to create new files and folders
  • GD Library is installed
  • MySQL support is on

Write permissions on folders (do not apply recursively/to subfolders):

  • /config
  • /tools/smarty/compile

Write permissions on folders and subfolders/recursively:

  • /img
  • /mails
  • /modules
  • /themes/prestashop/lang
  • /translations

Until that You need that all are marked with green mark –

When something are marked with – you need to fix thing until you can get forward.

After that it is optional set-up, and there can be also some red marks.

  • PHP settings (modify via your PHP admin software):
  • Allowed to open external URLs
  • PHP register global option is off (recommended)
  • GZIP compression is on (recommended)

Usual users seeing fallowing picture:

It mean, that at PHP stage is everything OK, but something is wrong with directory structure. So go back to folder permissions area.

When all is fine, you see:

Now press Next button again.

Step three

Database configuration

You need to fill Your database settings. As I told, my database host is localhost, database name is demophp_presta, username is also demophp_presta and password is *********.

Press now the Verify now! button – this will test, that all given settings are right and Installer can connect to the database.

When everything is fine, then it shows, that Database is connected.

Now chose your database tables prefix or leave it as it is (I am leaving ps_). Table prefix is good, when multiple softwares uses the same database.

Also You can now chose, to install PrestaShop or . I am leaving at Full mode. It mean, that installer installs sample products and also activates most popular modules. It is very easy to configure Your shop and delete added products. So it is recommended option for all new users. When you are using PrestaShop before, then You can take Simple install option and activate all wanted modules after install.

Also You have possibility to configure e-mail delivery. I am leaving everything as it is. But when You need to use external SMTP server, then you need to check Configure SMTP manually.

You need then fill your SMTP server address field, chose Encryption, Port, Login and password fields. After that you can send test e-mail, to see, that gived settings are right.

If You have everything set up here as You need, then press again Next.

Step four

Now You are at Shop Configuration step.

Here You can give Your shop name – my shop name will be – “PHP Demos Presta Shop”, You can upload new shop logo (or leave at beginning default one, like I leave – You can change it later also). And also You need to fill Your admin user details.

My first name will be – Php. Last name – DEMOS. My e-mail address is demo@phpdemos.net and My shop (admin user) password will be *********.  I filled Recive notifications filed also – I gives possibility to get all information (like new orders etc) fast to Your e-mail.

Now press again Next.

Step five

And now is PrestaShop installed to Your server.

Now is only two small steps to go.

Finnal settings

First – go back to Your FTP Client and we need to delete install folder from webserver.

Second – we need to rename Your admin folder. I rename it to backoffice.

For that – activate admin folder at FileZilla and right click shows You fallowing menu:

Now You need to rename admin folder to backoffice:

When You skip that part then You are not able to login your admin area. You are getting fallowing error:

Now You are ready.

Shop is ready

Your FrontOffice of PrestaShop will look like that:

And when You are giving admin address (at my example – http://demo.phpdemos.net/backoffice )

You see the fallowing picture:

Use Your the e-mail and password, what You give at install.

Thats all – for other things – wait for new tutorials, how to set up products, how to configure Your shop etc.

Spott

Thanks to Tony Herman for corrections (not all corrections are added yet).

You can download this tutorial also as PDF file.

Back Top

Responses to “Howto install PrestaShop (with pictures)”

  1. Spott,

    An excellent tutorial. It has really helped me to get started. As a thank you, I have gone over the document and changed some of the English to read slightly better. If you send me an email address I will forward the Word doc to you.

    Regards
    TonyH

    Tony Herman at
  2. i need your help to setting mail server in local drive,can you help me? i’m using XAMPP and Mercury Mail Server, i really desperately in need of help because this is for my thesis

    loocsim at
  3. What operating system and why You set up your store at Your local drive and not in some public server?

Leave a Reply

Your email address will not be published. Required fields are marked *


*

Featuring YD Feedwordpress Content Filter Plugin