Ajax load a product catalogue

Question

I need to Ajax load a product catalogue (ie. a list of small product layouts) into another page, while retaining the functionality of the 'Add to Cart' buttons. Does anyone know how to do this? My javascript knowledge is patchy...
I have the product and catalogue IDs, and the existing OnClick call; but when I try to trigger the AddToCart() function it won't bind properly and I don't know how to fix it.
Any help would be much appreciated!
Here's where I'm stuck....
$(".productSubmitInput").live('click', function() {
  var varProd = $(this).parent().find('.productID').text();   // this is just a div within the small product layout which contains the product ID
  var varCat = '183358';   // a generic catalogue set up to house all products, just for the purpose of this script
  AddToCart(varCat,varProd,'',3,'','',false); return false;   // the existing AddToCart function attached to the button

Answer 1

Hi Chris,
You might want to check out the EasyCatalog plugin and use the pagination module.
There are some good videos demonstrating the product here: http://www.65bit.com/products/easycatalog/videos/videos.shtm
I have no affiliation with the company but have used several different plugins to link information from databases and spreadsheets to catalog pages and EasyCatalog works well. They offer a 30 day trial so maybe you could finish your catalog using that.
Good Luck.
Joe