Online E-commerce store

If you are here and about to enjoy this good read, i will advise you go ahead and read my previous post on the set-up you need to start this. You might be lost if you did not go ahead to read my previous post, check my post on setting up E-Commerce store here.

At the time of writing this post, the current version of OpenCart was the 1.5.6.4 version. And we are going to install it on our local machine as we have set up our local machine server yesterday. Go ahead and start your Xampp now.Whiel Xampp is running, go ahead and copy your zipped OpenCart file you downloaded into this location  

Drive C--->xampp--->htdocs---> Your zipped file

When you install xampp, it automatically creates a xampp folder inside your C: drive as you can see. Also note that, you can unzip your OpenCart file and copy it straight into the location above.

After you have unzipped the whole OpenCart zipped folder, look inside the folders, and you will find 

Image :1

But before moving on, the unzipped folder name will be OpenCart 1.5.6.4, we don't want that name for now, so change the folder name to anything you like. But because we are doing this for Andy sports shopping centre, the name of the folder will be Andy. (You will see reason for this in few minutes)

When you have done this, now go ahead inside the Upload folder you see in Image :1 and copy all files inside it and copy it straight out inside the Andy folder you renamed, which means when you click on the Andy Folder, it will display all files inside the upload folder, you can go ahead and delete the upload, .gitignore, changelog md, install.txt. license.txt, upgrade.txt. Of course you can leave them if you want, they won't affect your work.

So you will have this if you do the right thing :

       

 

Image : 2

Which also means your file location would be C:\xampp\htdocs\andy . When you click on Andy from HTDOCS, you should see the Image: 2 above...Get it?

STEP 2

Hope you are enjoying this tutorial so far? If you encounter any problem, write a comment. Now launch a browser (Google chrome, Mozilla firefox, Opera) and type in http://localhost/andy/. If you folder name is not andy, then go and change it now or use a simple name you can use from here. Any name is fine, but Andy is my story and am sticking with itLaughing.

In your browser you should see this exact screen

                   

Image:3 

When you see this file, you are the new version of Rick Ross, because you are a boss.Ok you don't like Rick Ross.. you are the new version of _________ (Insert name in blank space).

Click Continue and you should see this :

 Image : 4

This is the pre-installation screen, it checks that all the  settings, files and everything that will give you a smooth breakthrough to your Online store is in place. As you can see now, i encountered 2 red flags, maybe you won't see this, but if you do, don't panic. Just relax and let us fix it. 

Go back to Andy's folder in your directory on C drive, open the admin folder. You should see a file with config-dist.php inside the admin folder, remove the "-dist.php" and refresh the page again.

You have cleared a red flag, now you need to clear the next one:

Now when you open the Andy's folder directly, there is another config-dist.php file, remove the "-dist.php" and you should be fine and move to this next stage. Check the image below.

                               

 

Image:5

NB: Go ahead and have that coffee now if you need one or stretch a leg if you bored...  (Intermission : FIFA 14).

 

Welcome Back

If you notice ON THE Image:5, you see we have Database name, Database Username and password. You will need this information for your online store.

A database in a lame man's definition is where all information from your store will be saved, this will includes all products in your store, username and password of your store users and everything relating to your store. It is the heart beat of your online store, so always keep that in mind.

Now it is time you go to a new tab on your browser and type this : http://localhost/xampp/. At the left side of the menu, look for Phpadmin and click it. You will find this :

                     

   Image:6

Create A Database

To create a database for your project, click on the database tab as shown above

Image: 7

Now give your database a name, give it a very easy name, i will call my database shoestore (lowercase, no character). When that is done, it will prompt you to create a user for this database if it is your first time creating a database on Xampp.

If you don't want to create a user, your default username and password is root. It should work. You don't need to worry much about this, because you will change some information when you upload the website to the web hosting company, this is just for local host, so don't be scared or anything.

Go ahead and enter the information you are seeing here :

                   

Image: 8

 NB : I want you to create a new user for this project. Click the add new User

   

 

Image :9

 

   

Image : 10

Now enter this information 

Username : Test

Host : Select Local, and the field will turn to LocalHost

Password : Use anything, try 123456

Global privileges: Check All

Click Go

Your new user test is now created. You need to grant the new user the privilege to access the shoestore database.

So click on Edit privileges, and from the picture below, click the drop down and find the shoe store database and click GO. If it shows permissions, make sure you check all and save it as well. Now you are done. 

 

Image : 11

So if you are having problem with root like I did, this is an alternative, you might not have problems, but it is also likely you do...I just want to cover the bases, so you won't get tired here.

Now go back to theimage 7 and this will be your new information if you created a new user.

User : Test

password :123456

Database:shoestore (make sure you type the write thing. I advise you copy and paste it if possible)

Other data can remain as it is for now, Click Continue and you should see the next screen.

         

Choose any option you like, go ahead and choose "Login to administration" or "Go to your online store"

As you can see, we are all done and ready to go. So what happens next? where do we start from? How do we start selling and making cash? This and many more questions will be answered in the third section of this tutorial..If you read to this stage, you are so determined to learn and did a great job for yourself. Knowing these steps will help you install 95% of all CMS (Wordpress, joomla,Drupal and many others) because they all use the same pattern. Keep checking as I start work already on the third tutorial immediately...

Share with friends, feel free to comment and check for the 3rd series

Read the last section here

Cheers

For the past few years, E-commerce business is one of the lucrative business for physical stores. A lot of stores have seen increases in their sale since they have introduced E-commerce site. So are you willing to introduce E-commerce to your business, but the fee of the web-designer scared you off. I will show you step by step on how you can get your own E-commerce store online and host it and start increasing those sales you always dream about. Let us use a case scenario to get things going ASAP.

Case Scenario : Andy sports shopping centre is the name of your newly open shop. You sell sports equipment for sports like Football, Table tennis, Tchoukball and Badminton. You have decided to take your business online by adding E-commerce to your business. Because of low budget, you have decided to create your own online store so that people can pay you via Paypal and credit Card. You have a computer ready and not knowing where to start or how to begin.

Now you are Andy and we are going to create a new online store for you. Let's go.

So we will be building our website on a local machine (that is your computer) before we send it online. It is ok to go online and do it too, but for the purpose of this tutorial, we will first finish up our website on the local machine before uploading it to our web hosting company.

Before we continue, please Download XamppXampp is our local server, we have other development environment like WAMP.I prefer Xampp, so we will use Xampp. Go ahead and install Xampp. 

Installing Xampp is quite easy, so I will just give you a summary of it's installation

 Click the Xampp .exe file you downloaded. To save yourself from any error from popping up, right-click the setup icon and run as administrator.

You will find it asking for language, I will select English. Choose the language appropriate for you.

 Xampp will install on your "C" drive, you don't need to change it unless you know what you are doing. The right installation would be C:\XAMPP.

 Click Next. In the case where you see "SERVICE OPTIONS" check the

     "Install apache as service"

     "Install my SQL as service

You can leave the "Install filezilla as service" now. What you just did will make the services always start up every time on your system, the services includes : PHP, MYSQL and APACHE. If you are working with a low RAM or you don't plan to keep working on your project every time, you can uncheck them and start XAMPP manually every time you plan on using it.

Click INSTALL and go sell some shoes now, the process might take a while before it is done. When it is finally done, click Finish and wait till you see this

 NB : You should see this if all goes well.

                    

If you have some application running on your computer, it might block this application from running, Skype might be a problem as you can see below.

                    

Stop any application that you see in red and start again. Always start the application with administrator privileges.

Click On Start on Apache, and also Start on MYSQL. In a few seconds, the 2 services will start running, the start button will change to STOP now.

 To confirm that everything is working great, type Localhost/xampp on your browser(Google Chrome, Firefox or Opera). and you will find the picture below.

              

If this is done....You have done a great Job today...Go ahead and sell some shoes now, but before you go, Open your browser and download OpenCart

For this class, we will be using OpenCart to create our online store, OpenCart is one of the best Open source software that allows you to create flexible and robust eE-commerce solution for your store. A lot of big E-commerce store use this solution and it is very easy and you don't need to be a pro to use OpenCart. In our next class, i will show you how we can install OpenCart and start our new E-COmmerce store for Andy sport shoe. I will also give you reasons while you should use it as well. So download OpenCart now.

Learn E-COMMERCE NOW...Follow this blog for tutorials that will help you. Feel free to ask questions via comment below

 

Read Part 2 of this section here