NO more next page .. auto load on scroll

i would like to replace next page to... auto scroll load ..

here is demo : http://sanwebe.com/assets/ajax-load-on-scroll/

and

here is: script ..http://www.sanwebe.com/2013/05/auto-load-records-on-page-scroll

any help how i can do it?

I have seen it using jquery and an ajax call that loads the content when a user scrolls down. However it is a significant amount of work.

bislewl:

I have seen it using jquery and an ajax call that loads the content when a user scrolls down. However it is a significant amount of work.

how can i do that any idea ?

Couple ideas off the top of my head.

Method 1.) Have jquery call the next page in an ajax request. Then grab the product listing container from that and append your current. A difficult part is that when you do that you will need to modify the navigation history.

Method 2.) Create an ajax script that will create a page with JUST the product listing.

#2 is probably a better solution but more work.

bislewl:

Couple ideas off the top of my head.

Method 1.) Have jquery call the next page in an ajax request. Then grab the product listing container from that and append your current. A difficult part is that when you do that you will need to modify the navigation history.

Method 2.) Create an ajax script that will create a page with JUST the product listing.

#2 is probably a better solution but more work.

Thanks for your replay .. i am new zen cart.. member

you can help to fix Method 2.) step by step ?

I want it for product listing page

It will not be for the faint of heart. I would create a new file in ajax/ that basically recreates the product listing page given the current GET variables and modifying the page one. Then call that script using jquery and $.ajax to retrieve/populate the page. It's hard for me to explain how to do this. I know Numinix has done something much better than this, you may wish to contact them or another developer to perform this task.