Ecommerce Website Development

1. Ecommerce Website Development Professor Syed Rizvi

2. What is Virtuemart • VirtueMart is a Shopping Cart Application for selling goods over the internet. • It's a Component for a Content Management System called Joomla! • It can't be used without Joomla!.

3. What is Virtuemart • It installs fairly easy using the automatic Component and Module Installer. • It's intended foruse in small / mid-sized Online Businesses / Online-Shops. • You can use this Component for selling to build up an Online Store

4. Features • Manage an unlimited Number of Products and Categories • Use it as a Shop or just as an Online-Catalog • Sell downloadable Products • Powerful Web-Administration Interface • Product Import & Export using CSV Files

5. Features • Add Images and Files to a Product • Add Attributes (like Size or Color) to your Products • Manage Customers in Shopper Groups • Assign more than one Price to a Product: each Shopper Group has its own! • Display Prices either including or excluding tax (manageable for each Shopper Group)

6. Features • Shop Statistics / Control Panel with a Summary of new Customers, new Orders.... • Manage the Stock Level for Products and Items • Notify Shoppers when a Product is back in Stock • Use Zone based Tax Calculation (city/state & country/region) OR • Store Owner based Tax Calculation (e.g. in European countries)

7. Features • Manage your own Shipping Carriers and Rates • Use InterShipper, UPS, USPS or Canada Post Shipping Rate API. • Complete Order Management with Order History, Customer Notification and Order Edit • Basic Reporting Feature: sold Items, monthly & yearly Revenue • Manage Order Statuses

8. Features • Shoppers can add their own Shipping Addresses • Customers can easily search for Products • Feature specific products by setting them on special • Let your shoppers know when a product is available again • Shoppers can see, in what time a product will usually ship, on product-details page

9. Features • Shoppers can manage their User Accounts (registration required) • Shopper can view all their Orders with Details • Order Confirmation Mail (customizable!) is sent to Shopper and Store Owner • Manage different Currencies, Countries & States • Use safe SSL encryption (128-bit)

10. Features • Capable of live Credit Card Processing • Use payment gateways like authorize.net, eWay, Worldpay, PayMate and NoChex.... • Use PayPal or the 2Checkout IPN gateway • Extend your Shop with other Payment & Shipping Modules or just write your own! • Many more! Just browse to virtuemart.net [http://virtuemart.net] for more Features & Extensions

11. How to Install Virtualmart • Download xampp software package from: • http://www.apachefriends.org/en/xampp-windows.html (see the heading “XAMPP for Windows 1.7.3, 2009/12/23 ” Basic Package. The file link is labeled “EXE” and 51 MB Self-extracting RAR archive • Remember the location on hard drive where it is stored

12. How to Install Virtualmart • Double Click the downloaded xampp-win32-1.7.3.exe file • Accept all defaults – don’t change directory • It should create a program group in a All Programs named “Apache Friends” • There should a link under it called “XAMPP Control Panel” • There is a directory, xampp, under C drive (see the bottom from Windows Explorer)

13. How to Install VirtualmartThe xampp directory looks like as :

14. How to Install Virtualmart • Form All Programs Apache Friends, click Xampp Control Panel • Click once on Start button in front of Apache and then of MySql. • You should see two green labels “Running”

15. Xampp Control Panel

16. How to Install Virtualmart • Open a IE or Firefox browser window • Enter address: • http://localhost • You should see a Welcome Screen for XAMPP

17. XamppWelcome Screen

18. Create an Empty MySQL Database

19. Create an Empty MySQL Database

20. Who is the Default Database User

21. Decompress the Virtuemart Bundle • Create a subdirectory named ‘virtuemart’ under C:\xampp\htdocs • Copy the virtuemart bundle file, VirtueMart_1.1.4_eCommerce_Bunde_Joomla_1.5.14.tgz, into the new ‘virtuemart’ folder • Unzip the virtuemart bundle file ‘VirtueMart_1.1.4_eCommerce_Bunde_Joomla_1.5.14.tgz’ into this new ‘virtuemart’ subfolder

22. Decompress the Virtuemart Bundle

23. Decompress the Virtuemart Bundle

24. Decompress the Virtuemart Bundle

25. Open a Internet Browser Window • Enter : • http://localhost/virtuemart • Select en_US English • Click Next • Pre-Installation Checks should be all Yes • Click Next • Click Next again to accept the License terms

28. Database Configuration

29. Database Configuration

30. FTP Configuration: keep Default & click Next

31. Main Configuration: -Fill Site Name, Email and Admin Passord entries and click on ‘Insall Sample Data’ button

32. Main Configuration: click Next

33. Final Screen: You need to remove the ‘installation’ from C:\xampp\htdocs\virtuemart\before exiting installation dialog

34. Final Screen: You need to remove the ‘installation’ from C:\xampp\htdocs\virtuemart\before exiting installation dialog

35. View and Browse your Web Storefront

36. View and Browse your Web Storefront

37. Enter the Virtuemart Admin Interface:http://localhost/virtuemart/administrator

38. Enter the Virtuemart Admin Interface:Enter admin user and password and click Login

39. Enter Virtuemart Admin by clicking on ‘Your Online Store’

40. Virtuemart Control Panel