jssCart - JavaScript Shopping Cart

I. Installation

I. Installation

1. Install jssCart files

a. Upload to your web folder:

/public_html/images/
/public_html/api/
/public_html/css/
/public_html/js/

b. Edit config script:

/jssCart/config.php

c. Upload to your root folder:

/jssCart/

d. Add .htaccess rules for no indexes, and mod_rewrite html url redirects:

-Indexes
RewriteEngine on
RewriteRule ^shop/([^/\.]+).html?$ products.html [L]
RewriteRule ^vieworder/([^/\.]+).html?$ vieworder.html [L]
RewriteRule ^pendingorder/([^/\.]+).html?$ viewpendingorder.html [L]

(see Installation Notes 1 below)

e. Set remote server file permissions:

chmod /public_html/images/ products/ 777
chmod /jssCart/ 777
chmod /jssCart/orders/ 777

2. Prepare jssCart files

a. Edit /jssCart/products.xml with your product information (url, image, name, price, etc)
b. Edit /jssCart/ordernumber.xml with your starting order number
c. Setup /api/order.php with the proper config values located at the top of the file
d. Carefully modify any form html without affecting any embedded php codes

3. Setup your template

a. Setup NON jssCart website pages

1. Add our javascript and css file to your template
2. Link template to pages you make in the next step (products.html, shoppingcart.html, checkout.html)
3. Edit body tag add onload="loadSoftCart()" for any template page that should include the soft cart

(see Installation Notes 2 below)

b. Setup jssCart website Pages (products.html, shoppingcart.html, checkout.html)

1. Edit body tag for onload="loadPage()" where loadPage is LoadShoppingCart, LoadCheckout, or LoadProducts
2. Add the jssCart div tag in the center of the template (<div id="jssCart"></div>)
3. Add the softcart div tag where you want the soft cart to appear (<div id="softcart"></div>)
4. Save pages accordingly

(see Installation Notes 2 below)

c. Carefully modify any CSS to suit additional styling needs

Installation Notes

1. It is recommended that you make a unique folder for your /vieworder/ .htaccess rule

2. Due to HTML urls, all template and css image paths should be absolute (src="/images/path/to/image.png")