|
To set up a shopping cart, there is a one time fee. Contact Datacruz Sales or call us at 254-5254 to set up a shopping cart.
NOTE!!! If assistance is required on setting up the shopping cart, Datacruz will bill out for normal web developement hours.
There are a few rules for shopping cart programs:
- Shopping carts are only available for Business Accounts with a registered domain, and
- Only one shopping cart can be used for a domain. If you want an additional seperate shopping cart, you will have to contact Datacruz for information.
There isn't anything that you, the user, needs to set up. You just need to follow some new rules in the html that you are creating:
- Any reference to a picture or background MUST have a "/" in the front of it. i.e. "/backgrounds/picture.gif" will display the picture, but "backgrounds/picture.gif" will NOT.
- Anchor tages must be formatted differently for the shopping cart. For example, if we have a link to webpage.html from index.html, the link to webpage.html would look like this:
<a href="/cgi-bin/web_store/web_store.cgi?page=webpage.html&category=yes&cart_id=">Link to webpage.html</a>
- On pages that are going to actually be ordered from, you need to set up the shopping cart to handle input statements. Do this using a form, and make sure
<form method = "post" action= "web_store.cgi">
is before all the input fields and </form> is after the submit fields.
NOTE: The links for the A HREF are CASE SENSITIVE. Web_store.cgi is different than web_store.cgi. The "_" is also needed. Whenever something gives the error of not being found, this is the most likely cause.
What is in between the <form> and </form> tags is what will basically make your shopping cart. This is where items and fields will be entered in.
For each item, you will need to put in an <input> field. The type should be "text", and the name is where the product information goes. The name= field goes in this format:
"item-####|description|price|your item ID|picture link or secondary description"
|
| Field |
Description |
Example |
| item-#### |
This is the item #, the '####' should be replace by a unique item # for each item. |
item-0001 |
| Description |
Your items description |
Black Handled Screwdriver |
| price |
The price should be a number, no "$" should be in the value, a single decimal point is ok |
109.99 |
| Your Item ID |
Your own internal item ID # |
49Q-5T |
| Picture Link or Secondary Description |
A link to a picture on your site or a secondary description of the item |
<img src="/pics/mypic.jpg"> |
Here are some html examples:
- <input type = "text" name = "item-0001|LetterS|15.98|The letter S|none available>
- <input type="text" name="item-0050|CKE-8|120.00|Lub|none>
For options on an item, use the SELECT statement. The format for the SELECT statement goes:
- SELECT NAME="option|option #|product #"
an example option for the Letter "S" above = <select name="option|1|0001" size="1">. You then display the options:
- <option value="option|price">
Example options:
- <select name="option|1|0001">
<option value="Black">Black</option>
<option value="Green|.50">Green</option>
<option value="Navy|.50">Navy</option>
</select>
<select name="option|2|0001">
<option value="Med.">Medium</option>
<option value="Lrg.">Large</option>
<option value="XL|2.00">X-Large</option>
</select>
In the example above, a black letter, which color is option 1, costs no more, while a green or navy runs $.50 more. In size, option #2, an XL letter would run you $2.00 more, while other sizes are the same.
When using radio buttons for options, the format is similar, except that all of the option names for that option are the same.
- <input type = "radio" name = "option|2|0013" value = "Red|0.00">Red
- <input type = "radio" name = "option|2|0013" value = "Blue|.50">Blue (+ $.50)
In order for the pages to work, put these two tags on every page in between your "FORM" tags. They are hidden input tags, but are required on every page of the website.
- <input type = "hidden" name = "cart_id" value = "%%cart_id%%">
- <input type = "hidden" name = "page" value = "%%page%%">
The submit buttons must be placed on any page that you want to be able to order
from. The VALUE can change, however, the NAME cannot.
- <input type = "submit" name = "add_to_cart_button" value = "Add item to cart">
- <input type = "submit" name = "modify_cart_button" value = "View/Modify Cart">
- <input type = "submit" name = "return_to_frontpage_button" value = "Return to Homepage">
- <input type = "submit" name = "order_form_button" value = "Checkout Stand">
The final portion of the shopping cart is the order form. This is just a standard forms page, and should be called "outlet_order_form.html". A copy of it can be found here. Once again, the NAME field cannot be changed on this form. "01-name", "02-b_street_address", "03-b_city", "04-b_state", "05-b_zip", and "12-phone" are all required form fields. That means that you cannot take these out of the form and they MUST be filled in when ordering.
After you have created your web page and contacted Datacruz to set up your cart, simply uploading your pages will make your site active. If any problems arise, double check the case on words and on directories. Everything should be used EXACTLY as it is used here. Otherwise, you may run into problems with the shopping cart.
|
