Infinite Scroll

-- HikaShop version -- : 3

Issue to be fixed:
The infinite scroll runs endlessly ...

Hi Jerome,

When in the settings the option "infinte scroll" is activated, on the front-end the "load more" runs automatically (infinite scroll option) but never stops.
Even if there are only two products the infinte scroll load more action runs without end.

Hi,

Would it be possible to add some kinda feature so it would work like this.

When user scroll to category listing bottom he could press infinity scroll and it would load another items based on product options, rows and columns settings....

Many thanks

Hi,

Well I would like to have it clicked instead loading it automatically. It loads so fast that if you have some important module at the bottom it will be seen only in the end...I think this is what topic author is asking...
Some kinda option would be welcome or I hope this will be easy to adjust via some code.

Thank you

@kyratn,

we were also checking out the infinite scroll and to achieve what you want, go to Display -> Views, select your template and open the view listing_div. All you need to do is delete or comment out lines 248 through 254:

window.Oby.addEvent(window, 'scroll', function() {
	...
});
window.Oby.addEvent(window, 'resize', function() {
	...
});
window.hikashop.ready(function() { ... });

Hi,

Thanks for pointing it out GW. As for now i had no time to look into code and we still not sure should we use scroll or default pagination.

Kind Regards

Hi,

I am now thinking to take a look into code and see how it works.
However i do have one question.
Is there any difference between page load time? I assume system load all products and on button request shows more?
We don't want to have page load time for more then 3 seconds...

Thanks

Hi,

no, infinite scroll doesn't load all products first and then hide them from view. Similar to using normal pagination, infinite scroll will only load the first set of products (as set by the Rows x Columns in your Hikashop Menu options), so initial page loading times are similar.

The difference with normal pagination is that pagination will reload the full page when going to a next page, while infinite scroll will retrieve the next set of products through Ajax without requiring the page to reload. Hope that helps.

where is the option to activate infinite scroll ?

enable_carousel and infinite_scroll are not in hikashop config table version 3.1.1
I have added this to values and SET infinite_scroll=1 , enable_carousel = 0
infinite scroll is not working

Hi, you can find it in your product/category listing options, see attached image.

As far as I remember the infinite scroll and carousel were never in the global configuration, that's' why they also don't have the "Inherit" option, you have to set them for each listing/module.

Hope that helps.

thank you !

a central infinite scroll in the config table would be useful

Hi,

@GW

Are you guys using infinityscroll? If yes, with button click or scroll?

Loading products on button click gives a small issue. After loading some new products and opening any product page, and going back via browser back button, page just loads in the top instead product you was looking/opening.... And you need to press button again to get back to the same product.

All fine using infinityscroll.

Kind Regards

Update. Found the solution!

Hi,

Quick question.

If you have 200 products or more and selecting 199 product then browser back, those all products will be loaded again. Why it is done like that?

I see that window.localPage.checkInfiniteScroll function is used to determinate height and by this those products are loaded. Is there a better solution? Or i do miss something?

Thanks