Create e Commerce Website Opencart
-
Upload
duong-ng-dinh -
Category
Documents
-
view
247 -
download
0
Transcript of 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]
-
8/12/2019 Create e Commerce Website Opencart
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.
-
8/12/2019 Create e Commerce Website Opencart
3/44
Advantages of
Opencart Open source
Unlimited category
Unlimited product Unlimited manufacture
Templatable
Multi-currency
Multi-language
Product Review
Product Rating
Downloadable product
-
8/12/2019 Create e Commerce Website Opencart
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
-
8/12/2019 Create e Commerce Website Opencart
5/44
-
8/12/2019 Create e Commerce Website Opencart
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).
-
8/12/2019 Create e Commerce Website Opencart
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/12/2019 Create e Commerce Website Opencart
8/44
Getting start with opencart(continue)1. Create database for shop
Tick on I agree to the license and then click Continue.
-
8/12/2019 Create e Commerce Website Opencart
9/44
-
8/12/2019 Create e Commerce Website Opencart
10/44
Getting start with opencart(continue)1. Create database for shop
Step 4- finished
-
8/12/2019 Create e Commerce Website Opencart
11/44
Getting start with opencart(continue)After finished, you can see : store front page and administrator
page. Store front :
-
8/12/2019 Create e Commerce Website Opencart
12/44
Getting start with opencart(continue)After finished, you can see : store front page and administrator
page. Administrator page :
-
8/12/2019 Create e Commerce Website Opencart
13/44
Getting start with opencart(continue)Opencart default theme :
-
8/12/2019 Create e Commerce Website Opencart
14/44
Getting start with opencart(continue)Product page :
-
8/12/2019 Create e Commerce Website Opencart
15/44
Getting start with opencart(continue)Category product listing :
-
8/12/2019 Create e Commerce Website Opencart
16/44
Getting start with opencart(continue)Product comparation :
-
8/12/2019 Create e Commerce Website Opencart
17/44
Getting start with opencart(continue)Registration page :
-
8/12/2019 Create e Commerce Website Opencart
18/44
Getting start with opencart(continue)Shopping cart :
-
8/12/2019 Create e Commerce Website Opencart
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).
-
8/12/2019 Create e Commerce Website Opencart
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")
-
8/12/2019 Create e Commerce Website Opencart
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
-
8/12/2019 Create e Commerce Website Opencart
22/44
Administrator panel2. Catalog:
Attribute: The attributes section lets you edit the attributes comparedbetween products in "Product Comparison"
-
8/12/2019 Create e Commerce Website Opencart
23/44
Administrator panel2. Catalog:
Options : lets you customize what details the customer sees whenchecking out a product.
-
8/12/2019 Create e Commerce Website Opencart
24/44
Administrator panel2. Catalog:
Manufacturer : The Manufacturer section is used to categorize productsby manufacturer.
-
8/12/2019 Create e Commerce Website Opencart
25/44
Administrator panel2. Catalog:
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
-
8/12/2019 Create e Commerce Website Opencart
26/44
Administrator panel2. Catalog:
Review : Product reviews can be both submitted and viewed by customers
on the product page.
Note : Disable product review : In administration panel, go to
-
8/12/2019 Create e Commerce Website Opencart
27/44
Administrator panel2. Catalog:
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 .
-
8/12/2019 Create e Commerce Website Opencart
28/44
-
8/12/2019 Create e Commerce Website Opencart
29/44
Administrator panel3. Extensions:
Modules : the Extension section contains additional tools to improve
the functionality of the OpenCart store.
-
8/12/2019 Create e Commerce Website Opencart
30/44
Administrator panel3. Extensions:
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.
-
8/12/2019 Create e Commerce Website Opencart
31/44
Administrator panel3. Extensions:
Payments : The OpenCart package offers a variety of payment
methods, from bank transfers to online payment gateways.
-
8/12/2019 Create e Commerce Website Opencart
32/44
Administrator panel3. Extensions:
Order total : These totals are extra fees that are added to the total
sum of an order in the store's shopping cart.
-
8/12/2019 Create e Commerce Website Opencart
33/44
-
8/12/2019 Create e Commerce Website Opencart
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.
-
8/12/2019 Create e Commerce Website Opencart
35/44
A
-
8/12/2019 Create e Commerce Website Opencart
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
-
8/12/2019 Create e Commerce Website Opencart
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
-
8/12/2019 Create e Commerce Website Opencart
38/44
-
8/12/2019 Create e Commerce Website Opencart
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
-
8/12/2019 Create e Commerce Website Opencart
40/44
-
8/12/2019 Create e Commerce Website Opencart
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.
-
8/12/2019 Create e Commerce Website Opencart
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.
-
8/12/2019 Create e Commerce Website Opencart
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.
-
8/12/2019 Create e Commerce Website Opencart
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/