Web Design Beginning Web Page Design Advanced Web Site Design Web Site Management Professor Higgins Web Design Resources
     

CSC 112 - Lesson 5 Exercises

The Store

We will set up our online store and install the code on our pages to make everything work this week.

Setting up your Databases

The first thing you need to do is to tell the software about yourself (business) and the products you want to sell. In order to do this we first go to the administration section of the website to enter our information.

Log into:

http://www.students.modemswitch.com/admin/

Scroll dow about halfway down the page to where it says:

Shopping Cart Script (Multilingual)
Use this script for traditional shopping cart sites or entire malls (multi-merchant). Merchant settings and product databases are easily managed via a browser.

Click on the button "Shopping Cart"

Note: The other button in this section titled "Docs" contains detailed information about using and configuring the shopping cart program.

http://students.modemswitch.com
Merchant Action
 

(Above Example: Use the site to do this lesson)

Type in your first initial and last name or whatever you want to call your merchant account and click on the "Create New Button"

Fill in the form with all of your relevant information. The form is pretty self explanitory. Be sure to fill in the merchant id information and merchant password. This information will be necassary later to view your orders, etc. For now just name them the same thing, that way it's eays to remember. Either print out the form when you are done completing it (before you push the submit button) or write down the important stuff. You might need to refer to it later. Don't worry though. You can return and change any of this information later if you wish.

When you are done, click the button that says, "Creat New Merchant"

This will take you back to the Web Max Control Panel. Now you will notice that in the pulldown menu, your acvcount name is now there. Select your name. Then use the pulldown next to it to select "Products" and click on the "OK" button.

This part is simple. Just type in your Item (Product Name), Description and Price. If you want to charge a "per item" chipping charge, you can also add it here for national or international customers.

When you are done entering your products, print out this page and return to the main area of the shopping car administration section. Go to: http://www.students.modemswitch.com/admin/ and then click on the "shopping cart" button or push the back button until you get there.

Below the administrative form we just used to set up the information is the form information that we need to past into our html pages to activate the order process.

Each product for sale requires the following .html code :

<FORM METHOD="POST" ACTION="/cgi-students/basket">
<INPUT TYPE="HIDDEN" NAME="command" VALUE="enter">
<INPUT TYPE="HIDDEN" NAME="merchant" VALUE="merchant_id">
<INPUT TYPE="HIDDEN" NAME="item" VALUE="product_id">
<INPUT TYPE="SUBMIT" VALUE="Add To Order">
</FORM>

Replace 'merchant_id' with the actual merchant code (see top of screen). Replace 'item_id' with the product code assigned to this item when entered into the database.

To create a 'checkout' link, use :

<a href="http://students.modemswitch.com/cgi-students/basket?command=place&merchant=merch_id">Checkout</a>

Replace 'merch_id' with the actual merchant id.

Shopping cart pages can be customized for each merchant by creating these files :

http://students.modemswitch.com/merchants/merch_id.header.html (controls top of pages)
http://students.modemswitch.com/merchants/merch_id.footer.html (controls bottom part)
Replace 'merch_id' with the merchant code (see top of screen).
Merchants can view/update their product and order information by going to :

http://students.modemswitch.com/merchants

Merchants log in with their Merchant ID as username and the password assigned to them when their merchant info was created.
When a secure order is placed, the merchant receives E-mail with the credit card information and an order number. The merchant can view the details for this order at the above URL

Try it and place an order to yourself.

Assignment

For your project, set up at least 5 products and install the code on your product pages.