Install OpenCart : a Beginners Guide

Install OpenCart : a Beginners Guide

 

OpenCart is an open source shopping cart solution. This software is becoming more and more popular because of its many features, clean code and SEO-friendlyness. One drawback: documention is poor. OK, it has many helpful followers in the forum, but that’s it. So I decided to give you this tutorial where I’ll explain how to install Opencart on your own webspace.

 

these are the steps to follow:

  1. download OpenCart
  2. create a database
  3. install OpenCart
  4. tweak OpenCart

1. Download OpenCart

Create a new folder on your hard drive. Go to the download page and download the latest version in this new folder. The download is a zip file of 6MB. Unzip this file using 7-zip, WinRar or whatever you prefer.

2. Create a database

This is the most difficult part of this how-to. But don’t panic, read carefully and take a look at the screens below. On your webspace you should go to the “phpMyAdmin” section. For most people this will be

www.your_website.com/phpmyadmin

If you see the No Privileges “error” don’t panic. This is in fact no error. It means you must go to cPanel / DirectAdmin to create a database.

opencart_installation_001

If your hoster uses cPanel (= control panel) or something similar, please check their help pages or support forum to create a new database.

Whatever you use, cPanel, phpMyAdmin or Direct Admin, you need to create following data and write it down for later use. Make sure your username and password for this database are NOT the same as your root password / username. Example:

  • Database Name : username_opencartdb
  • Database Username : username_me
  • Username Password : Something_Safe

opencart_installation_002

Now you have a database!

3. Install OpenCart

Now you need to upload your files to your webspace. My preferred ftp client is FileZilla (also Linux !) , but you can use any client you like.

The file we downloaded in step 1 must be unzipped. Then you’ll see a “Upload” folder. Thecontents of this folder (not the folder itself) go to the root of your website. For most people this will be /public_html . So drag the files and the directories to the right pane. This can take a while, so be patient.

opencart_installation_003

On your webspace navigate to the image folder, rightclick and select file permissions.

opencart_installation_004

Make sure the Numeric Value field is 755.

opencart_installation_005

Now do the same for :

  • image/cache/
  • image/data/
  • system/cahe/
  • system/logs/
  • cache/
  • download/
  • config.php
  • admin/config.php

If 0755 does not work try 0777

In your browser navigate to your new installed store : www.your_website.com. Or, If you installed OpenCart is a subdirectory : www.your_website.com/myStore .

Tadaaa! The installation process will start.

In step 1 you need to check the usual “I Agree” button. Click Continue.

opencart_installation_006

Step 2 will check if all is configured in a correct way.

opencart_installation_007

Step 3 will ask for the database setting we choose in step 2 (that’s why I asked you to write it down)

Beware! Make sure you fill in username_opencartdb (and not only opencartdb)

Leave the Database Prefix field blank.

opencart_installation_008

Now select a login and a password. I recommend to change “admin” to something else.

And now the magic step 4 : Finished! Well, not completely. Now we need to delete the installfolder in FileZilla.

opencart_installation_010

Now select Login to your Administration. Write down or bookmark the URL. Believe me, you will forget the URL, so once again : bookmark !!

opencart_installation_009

4. Tweak OpenCart

Now we can start tweaking our OpenCart installation.

A. Change the default currency of OpenCart

Go to System >> Settings. Now select the Local tab. Change your information. If your currency is not present, add your currency first (see B). OpenCart will automatically update the currency conversions.

B. Add a currency in OpenCart

Go to System >> Localisation >> Currencies and click the Insert button.

Fill in all the required information. The correct code (second field) can be found here. i.e. AUD for Australian Dollar.

C. Add a  language in OpenCart

On the OpenCart website you can download (additional) languages. Use the dropdown menu to select languages. In this example I will add Dutch language.

opencart_installation_011

Once found, download the zip file to a folder on your hard disk. and unzip it. There is a Readme to guide you through the proccess.

In Filezilla copy the /admin/language/dutch folder on your hard disk to the same location on your website.

Do the same for the /catalog/language/dutch folder.

opencart_installation_012

Go to System >> Localisation >> Languages and click the Insert button.

Fill in the fields according to the readme file.

opencart_installation_013

Don’t forget to click the Save button!

For additional flags go to http://www.famfamfam.com/lab/icons/flags/

D. Install a new templete in OpenCart

I want to install the “Default2” template by Qahar Mudzakkir . The download on the OpenCart website is a readme with very important install instructions. The download location for the theme itself is here.

Once unzipped. Copy the AdminImage and Catalog folder to the root of your website. If Filezille warns you that it must overwrite some files, you can anwer Yes.

opencart_installation_014

Now comes the hard part : add some code in 2 files. Use FileZilla to download

catalog/controller/product/search.php

Open it with Notepad (or gedit or something in Linux). The two last lines are:

 

}

?>

BEFORE these two line insert the code provided in the readme. Start to Copy after the —– copy begin —- and stop to copy before the —– copy end —–

opencart_installation_016

Paste this code into your search.php file. Save it and upload (and overwrite) it to

catalog/controller/product/search.php

Now we’re going to change

catalog/controller/common/home.php

Use the same method : download this filefrom your webspace, open with Notepad.

Find:

$this->children = array(
‘common/column_right’,
‘common/column_left’,
‘common/footer’,
‘common/header’,
);

And replace it with:

$this->children = array(
‘common/column_right’,
‘common/column_left’,
‘common/footer’,
‘common/header’,
‘module/special2′,
‘module/featured2′,
‘module/bestseller2′
);

Save the file and upload (overwrite) to your webspace in

catalog/controller/common/home.php

All we have to do now is to activate our new theme.

Go to System >> Settings >> Store tab and change the template with the dropdown menu.

opencart_installation_017

Have fun !

 

FOCUSTHEMES © 2012