Infinite Scroll

pprle
Topic Author
Offline

9 years 8 months ago #258768 by pprle

Infinite Scroll was created by pprle

-- HikaShop version -- : 3

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

Please Log in or Create an account to join the conversation.

Jerome
Offline
HikaShop core developer

9 years 8 months ago #258774 by Jerome

Replied by Jerome on topic Infinite Scroll

Hi,

Can you please provide more details.
I'm afraid that I don't understand what you mean.

Regards,

PS : For elements on HikaShop 3 ; please be sure to post in the corresponding section.

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

pprle
Topic Author
Offline

9 years 8 months ago #258782 by pprle

Replied by pprle on topic Infinite Scroll

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.

Please Log in or Create an account to join the conversation.

Jerome
Offline
HikaShop core developer

9 years 8 months ago #258789 by Jerome

Replied by Jerome on topic Infinite Scroll

Hi,

The infinite scroll should be use on listings with a high number of products (aka: several pages of products)

Regards,

Please Log in or Create an account to join the conversation.

kyratn
Offline

9 years 8 months ago #258839 by kyratn

Replied by kyratn on topic Infinite Scroll

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

Please Log in or Create an account to join the conversation.

nicolas
Offline

9 years 8 months ago #258861 by nicolas

Replied by nicolas on topic Infinite Scroll

Hi,

It's that what the system already does ?
There is a load more link at the bottom of the listing, and if either you click on it or you reach the bottom of the page, the system will load the next items automatically.

Please Log in or Create an account to join the conversation.

kyratn
Offline

9 years 8 months ago - 9 years 8 months ago #258884 by kyratn

Replied by kyratn on topic Infinite Scroll

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

Last edit: 9 years 8 months ago by kyratn.

The following user(s) said Thank You: erickb

Please Log in or Create an account to join the conversation.

Jerome
Offline
HikaShop core developer

9 years 8 months ago #258895 by Jerome

Replied by Jerome on topic Infinite Scroll

Hi,

We will see what we can do.

Regards,

Please Log in or Create an account to join the conversation.

GW
Offline

9 years 6 months ago #265296 by GW

Replied by GW on topic Infinite Scroll

@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:

Code:

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

These 7 lines add the scroll/resize events which check when you reach the bottom of the page and will automatically add more products. Without these triggers the next products will only be added when you manually click on the link "Load more".

Hope that helps.

The following user(s) said Thank You: Jerome, kyratn

Please Log in or Create an account to join the conversation.

kyratn
Offline

9 years 6 months ago #265308 by kyratn

Replied by kyratn on topic Infinite Scroll

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

Please Log in or Create an account to join the conversation.

kyratn
Offline

9 years 6 months ago #265444 by kyratn

Replied by kyratn on topic Infinite Scroll

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

Please Log in or Create an account to join the conversation.

GW
Offline

9 years 6 months ago #265454 by GW

Replied by GW on topic Infinite Scroll

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.

The following user(s) said Thank You: Jerome

Please Log in or Create an account to join the conversation.

erickb
Offline

9 years 1 month ago - 9 years 1 month ago #275397 by erickb

Replied by erickb on topic Infinite Scroll

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

Last edit: 9 years 1 month ago by erickb.

Please Log in or Create an account to join the conversation.

GW
Offline

9 years 1 month ago #275400 by GW

Replied by GW on topic Infinite Scroll

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.

The following user(s) said Thank You: erickb

Please Log in or Create an account to join the conversation.

erickb
Offline

9 years 1 month ago - 9 years 1 month ago #275402 by erickb

Replied by erickb on topic Infinite Scroll

thank you !

a central infinite scroll in the config table would be useful

Last edit: 9 years 1 month ago by erickb.

Please Log in or Create an account to join the conversation.

Jerome
Offline
HikaShop core developer

9 years 1 month ago #275407 by Jerome

Replied by Jerome on topic Infinite Scroll

Hello,

It's not possible because that setting is only for specific listiings.

Regards,

Please Log in or Create an account to join the conversation.

kyratn
Offline

8 years 11 months ago #280578 by kyratn

Replied by kyratn on topic Infinite Scroll

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

Please Log in or Create an account to join the conversation.

kyratn
Offline

8 years 11 months ago #280579 by kyratn

Replied by kyratn on topic Infinite Scroll

Update. Found the solution!

Please Log in or Create an account to join the conversation.

kyratn
Offline

8 years 11 months ago #280653 by kyratn

Replied by kyratn on topic Infinite Scroll

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

Please Log in or Create an account to join the conversation.

Jerome
Offline
HikaShop core developer

8 years 11 months ago #280662 by Jerome

Replied by Jerome on topic Infinite Scroll

Hi,

1 - It's done like that because it's something which is working.
But you're free to customize the view to change the code !

2 - Better solution for what ?

Regards,

Please Log in or Create an account to join the conversation.

Time to create page: 0.307 seconds