How to... > Shopping cart > An enhanced shopping cart
Add this this function to your own pages
After you have added all your product categories and product using the WebsiteX5 e-commerce button in the Advanced Settings you have to test your website. The website is now created in the folder 'Incomedia WebSite X5'. Open an Explorer and navigate to this folder. Now go to the /res folder. In here you'll find a file called x5product.js. Open it with a text editor. The first part of the file contains a list of all the product you have defined for your webshop. It will look like this:
["kh","dg","Dummy product 11","This is a dummy ......","10.00"],
["kh","wz","Dummy product 12","This is a dummy ......","20.00"],
["kh","af","Dummy product 13","This is a dummy ......n","30.00"],
["iw","la","Dummy product 21","Dummy product" ,"10.00"],
["iw","rj","Dummy product 22","Dummy product","20.00"]
Make a copy of this section and print it out. You will need it further along the way.
Placing the files in the right directories
Download x5cartextra.js
First you have to place the necessary files in the right folders. Go back to the test folder 'Incomedia WebSite X5' and create a new directory called 'js'. the Extra Javascript file x5cartextra.js and save it in the newly created js-directory.
Go to the folder 'C:\Program Files\WebSite X5 Evolution\Cart' and copy one of the cart-images. Go back to the js-directory and paste the image. Change the name to cartadd.gif (this isn't necessary but it will make it easier to follow the rest of the text.
The reason that you can't place these files in the /res folder is that this folder is emptied when you close WebsiteX5 (as I found out the hard way). The folder /js isn't. And when you export your website this directory is also copied to the webserver.
Now you have all the files you need. The files for this project are in the following folders:
Sub-Menu: