OpenCart - SPLessons

OpenCart Installation

Home > Lesson > Chapter 2
SPLessons 5 Steps, 3 Clicks
5 Steps - 3 Clicks

OpenCart Installation

OpenCart Installation

shape Introduction

Since OpenCart is a significantly new online shopping cart solution, several web hosting service providers don't have one-click installation for OpenCart however. So, one should install OpenCart by self. Installation of OpenCart is a simple task and follows a standard procedure like PHP and MySQL-based open source software.
  • System requirement
  • Installing XAMPP and OpenCart locally

System requirement

shape Description

The procedure of introducing OpenCart on PC is called as setting up a server environment or localhost. Usually, topic originators and module designers introduce OpenCart on a neighborhood server environment to accelerate their improvement process. A normal client can utilize the nearby server environment to test modules and/or roll out improvements to the site before making it live for audience. This chapter illustrates how to introduce OpenCart on your Windows PC utilizing XAMPP. Following are the main requirements for running Opencart on Windows.

Installing XAMPP and OpenCart locally

shape Description

XAMPP is a prominent web server utilized as a part of PHP advanced environment. Using XAMPP is not much difficult and Apache distribution containing PHP, MariaDB can be installed easily. In order to install the XAMPP, download the PC software from Apache friends website. Now, click the download button XAMPP for Windows as shown in the image below. After downloading, run the XAMPP installer with the default setting. Follow the below steps for downloading and installing XAMPP on windows.

shape Step 1

Run the XAMPP installer application, the image below shows the error that occurs while running the applications. Click OK to install.

shape Step 2

By clicking OK, a Setup wizard window appears as shown in the image below. Click the Next button.

shape Step 3

On clicking the Next button, a Select Components window appears. Select all the components and proceed by clicking the Next button as shown in the image below.

shape Step 4

Now, a Installation folder window appears. Select the preferred folder for installing the XAMPP and proceed by clicking the Next button as shown in the image below.

shape Step 5

Now, a Bitnami for XAMPP window appears. Uncheck the check box in the window and proceed by clicking the Next button as shown in the image below.

shape Step 6

By clicking next, a Ready to Install window appears. Click the Next button as shown in the image below.

shape Step 7

Now, a window appears installing the XAMPP as shown in the image below.

shape Step 8

After completing the installation part, a Completing the XAMPP Setup window appears. Select the check box and proceed by clicking the Finish button.

shape Step 9

Finally after completing the above process, the XAMPP control panel gets displayed as shown in the image below.

shape Step 10

Click start for both Apache and MySQL, where Apache is a web server and MySQL is a data base.

OpenCart Download

shape Description

To install OpenCart, download the OpenCart zip file from the official OpenCart website. Click the Free download button on the page to download the latest version of OpenCart as shown in the image below. Extract the OpenCart zip file in the preferred folder and drag the entire Upload folder in the extracted files into the XAMPP -> htdocs folder as shown in the below image. One can rename the folder if required as shown in the below sample image.

Creating Database

shape Description

To setup the configuration for OpenCart, first create a database. The following steps explain the procedure for creating a database.

shape Step 1

Open the browser and type localhost to get the XAMPP control board. Click phpMyAdmin option on the page available at the top of the page as shown in the image below.

shape Step 2

By clicking the option phpMyAdmin, a page appears where the user can create database by clicking the Database button on the top of the page, Give the preferred name for the database and click the button Create as shown in the image below.

shape Step 3

To add a new user, go back to the phpMyAdmin page and click User accounts option present on the top of the page. A page containing some pre-installed users and some options for creating or removing the users will appear. Click the option Add user account. A page containing some options like user name, password will appear. Give the preferred user name and password and click the check all box and click on Go button at the bottom as shown in the image below. The image below shows the added user that is not allocated to the database.

shape Step 4

To allocate a new user, go back to the created data base and click the option called Privileges. By clicking, a page containing the users in that data base will appear. Even clients can create a new user by clicking the Add user account option as shown in the image below. This is how a user can create a database to set the OpenCart configuration.

Installing OpenCart

shape Description

Now, open a new tab in browser and go to the following path
localhost/<your_OpenCart _foldername>
The above path navigates to a page where one can create Opencart. The steps below demonstrate the procedure of OpenCart installation.

shape Step 1

Accept the license agreement by clicking the Continue button as shown in the image below.

shape Step 2

In the next page, under the point number 4 one will get status error for config files as missing as shown in the image below. So, in order to overcome this issue rename the config-dist files to config.php, located under the following paths.
c:/xampp/htdocs/shopcart/config-dist to c:/xampp/htdocs/shopcart/config.php
and
c:/xampp/htdocs/shopcart/admin/config-dist to c:/xampp/htdocs/shopcart/admin/config.php

shape Step 3

Now, reload the page and check the status of files in the point 4 the status get updated from missing to writable as indicated in the image below. Click on the Continue button to proceed further.

shape Step 4

Finally the installation is ready, one will get a warning to delete the installation directory as shown in the image below. Delete the install folder in the Xampp -> htdocs as shown in the image below. One can click "GO TO YOUR ONLINE SHOP" to see the front view as shown in the image below. One can click the "LOGIN TO YOUR ADMINISTRATION" to view the dashboard using the username and password as shown in the image below. After logging using the valid username and password one will get the dashboard as shown in the image below. Completed the installation using OpenCart wizard. The steps included the approval of license agreement, system checks (php settings, file permissions), providing database connection information, and deleting the install folder after completion of install. Finally, there are checking the storefront and administration screens.

Summary

shape Key Points

  • Installation of OpenCart is an easy task and follows a standard procedure like PHP and MySQL-based open source software.
  • OpenCart is an e-commerce cart application built with its own in-house framework that uses the Model View Controller (MVC) language pattern.
  • OpenCart system can run on an Apache or Windows server.