Create e Commerce Website Opencart

8/12/2019 Create e Commerce Website Opencart

1/44

Create e-commerce website Opencart

Prepared by : Reth Chantharoth

Facebook : https://www.facebook.com/tharothchan.ubee

E-mail : [email protected]


2/44

Create e

-

commerce website

Opencart What is opencart?

Opencart is free open source ecommerce platform for

online merchants. Opencart provides a professional andreliable foundation from which to build a successful onlinestore. This foundation appeals to a wide variety of users;ranging from seasoned web developers looking for a user-friendly interface to use, to shop owners just launching their

business online for the first time.


3/44

Advantages of

Opencart Open source

Unlimited category

Unlimited product Unlimited manufacture

Templatable

Multi-currency

Multi-language

Product Review

Product Rating

Downloadable product


4/44

Advantages of

Opencart Automatic remote resize Multiple tax rate

Related products

Unlimited information pages

Shipping weight calculation

Discount coupon system

Search Engine Optimizing(SEO)

Module System

Backup and Restore tools

Printable invoice

Sale report


5/44


6/44

How to install

opencart

in

localhost Install Xapmm Control Panel

Go to this directory in your computer C:\xampp\htdocs and

create a folder. Rename the folder as you want (eg.onlineshoes).

Unzip the zip file of opencart and copy : upload folder ,license.txt file , and Readme.txt file to the created folder(eg .onlineshoes) in that directory(C:\xampp\htdocs \onlineshoes).


7/44

Getting start with opencart1. Create database for shop

Start web service and MySQL

Create a new database for your shop in phpmyadmin.

Open web browser and login to admin page(According to sampleabove, the address is localhost:/onlineshoes/upload).


8/44

Getting start with opencart(continue)1. Create database for shop

Tick on I agree to the license and then click Continue.


9/44


10/44

Getting start with opencart(continue)1. Create database for shop

Step 4- finished


11/44

Getting start with opencart(continue)After finished, you can see : store front page and administrator

page. Store front :


12/44

Getting start with opencart(continue)After finished, you can see : store front page and administrator

page. Administrator page :


13/44

Getting start with opencart(continue)Opencart default theme :


14/44

Getting start with opencart(continue)Product page :


15/44

Getting start with opencart(continue)Category product listing :


16/44

Getting start with opencart(continue)Product comparation :


17/44

Getting start with opencart(continue)Registration page :


18/44

Getting start with opencart(continue)Shopping cart :


19/44

Getting start with opencart(continue)Check out :

There are 6 step : Step 1: Checkout Options

The customer can log into or register their account.

Step 2: Billing Details :Personal details including "First Name", "LastName", "E-mail", and "Telephone" etc.

Step 3: Delivery Details: user can choose other for payment.

Step 4: Delivery Method : A method of shipping is selected here. Acomment box is added for the customer to add comments about theirorder.

Step 5: Payment Method : The customer selects their method ofpayment here and may add comments in the comment box.

Step 6: Confirm Order: In this last step, the customer will see anoverview of their purchase; including the product description, quantity,and price (with tax & shipping).


20/44

Administrator panel1. Dashboard:

The main function of the dashboard is to give the shop owner an overviewof how the shop is performing.

There are 3 sections of the dashboard that can help you understand thestatistical data collected by your store:

Overview

Statics : A graph is provided to track the chronological progress of the storerelative to the amount of orders and customers over time. The x

value is time. The y value displays the number of total orders

(yellow) and total customers(blue).

Latest 10 Orders : A list that displays the last 10 orders and their details("Order ID", "Customer", "Status", "Date Added", "Total", and "Action")


21/44

Administrator panel2. Catalog:

Category : you can add, edit, delete category here.

Click insert to add a new category.

Click Edit to edit category.

Tick on tickbox, which is in front of product, and then click on Deletebutton to delete category


22/44


Attribute: The attributes section lets you edit the attributes comparedbetween products in "Product Comparison"


23/44


Options : lets you customize what details the customer sees whenchecking out a product.


24/44


Manufacturer : The Manufacturer section is used to categorize productsby manufacturer.


25/44


Download :This section is only applicable to you if you sell digital products,or products that have a downloadable component such as a PDF UserGuide or similar


26/44


Review : Product reviews can be both submitted and viewed by customers

on the product page.

Note : Disable product review : In administration panel, go to


27/44


Review :

Note : Disable product review : In administration panel, go toSystemSetting . Under Action column , Click on edit for your storename, and then click on Option Tab. In product session , click on No forAllow Reviews .


28/44


29/44

Administrator panel3. Extensions:

Modules : the Extension section contains additional tools to improve

the functionality of the OpenCart store.


30/44


Shipping : The shipping methods need to be installed before they

can be enabled or disabled for the store. Each shipping methodneeds to be individually edited to meet your shop's shippingrequirements and to specify the prices for that service.


31/44


Payments : The OpenCart package offers a variety of payment

methods, from bank transfers to online payment gateways.


32/44


Order total : These totals are extra fees that are added to the total

sum of an order in the store's shopping cart.


33/44


34/44

Administrator panel4. Sales :

Customers : Shop owners can know their customers are and how

to manage their information. Affiliates : OpenCart gives you the opportunity to set up an

affiliate program to promote additional traffic to your shop. Usercan add new, edit ,and approve attifiates.

Gift vouchers can be individually sent to customers through their

email by other customers in the store front. The customer receivingthe gift certificate can use the code provided in the email at theshopping cart to deduct the gift voucher amount from the ordertotal.

Mail : The Mail system in OpenCart lets you send emails to specific

customer groups. You can use this feature to send newsletters,information on specials, or to communicate any type of storeinformation to select groups of customers.


35/44

A


36/44

Administrator panel5. System :

Localisation :The Localisation section takes into account

all the regional information needed to managecustomers and orders from different countries. Thisinformation is needed to calculate shipping, estimatetaxes, convert product prices between currencies, and

manage other important tasks such as language, currency,stock status, order status, return, country, zone, geozone, Taxes, Length class, weight class.

Error Log : If a user experiences an error in the store,the error will be displayed in an error log under System> Error Logs. This section can be used by webdevelopers to track errors in coding for the store.Pressing "Clear Log" will clear the list of errors.

Ad l


37/44

Administrator panel5. System :

Backup / restore :lets you download a backup of the

store's current database or restore the database to theadministration in System>Backup/Restore


38/44


39/44

Developer Guide Opencart developed with PHP, OOP and the MVC

architecture.

Developer module : All admin files are located in the admin/folder:

1. Controller

2. Model

3. View4. Language


40/44


41/44

Developer Guide (continue)

Model : For opencart, It is uncommon for modules to require amodel file on the admin side.The model file will live in theadmin/model/module folder.


42/44

Moving opencart to new server

Copy all the OpenCart files from your existing web serverto the new web server.

Export the OpenCart database and import it into the new

server.

Edit config.php and admin/config.php. These files contain thefilesystem paths to OpenCart folders, URLs to OpenCartfrontend and admin, and database access details. The paths

and database details will most likely need to be updated, andthe URLs will need to be changed only if the OpenCartstore's domain has changed.


43/44

Adding language to opencart

Copy all the OpenCart files from your existing web serverto the new web server.

Export the OpenCart database and import it into the new

server.

Edit config.php and admin/config.php. These files contain thefilesystem paths to OpenCart folders, URLs to OpenCartfrontend and admin, and database access details. The paths

and database details will most likely need to be updated, andthe URLs will need to be changed only if the OpenCartstore's domain has changed.


44/44

Website reference

http://www.opencart.com

Documentation

http://www.opencart.com/index.php?route=documentation/documentation

Extension

http://www.opencart.com/index.php?route=extension/extension

Forum http://forum.opencart.com
http://www.opencart.com/http://www.opencart.com/http://www.opencart.com/http://www.opencart.com/index.php?route=documentation/documentationhttp://www.opencart.com/index.php?route=documentation/documentationhttp://www.opencart.com/index.php?route=documentation/documentationhttp://www.opencart.com/index.php?route=documentation/documentationhttp://www.opencart.com/index.php?route=extension/extensionhttp://www.opencart.com/index.php?route=extension/extensionhttp://www.opencart.com/index.php?route=extension/extensionhttp://www.opencart.com/index.php?route=extension/extensionhttp://www.opencart.com/index.php?route=extension/extensionhttp://www.opencart.com/index.php?route=documentation/documentationhttp://www.opencart.com/

Documents

Create e Commerce Website Opencart