Infinite Scroll

  • Posts: 158
  • Thank you received: 8
7 years 2 months ago #258768

-- HikaShop version -- : 3

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

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

  • Posts: 25990
  • Thank you received: 4003
  • MODERATOR
7 years 2 months ago #258774

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.

  • Posts: 158
  • Thank you received: 8
7 years 2 months ago #258782

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.

  • Posts: 25990
  • Thank you received: 4003
  • MODERATOR
7 years 2 months ago #258789

Hi,

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

Regards,


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.

  • Posts: 1119
  • Thank you received: 114
7 years 2 months ago #258839

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.

  • Posts: 81288
  • Thank you received: 13022
  • MODERATOR
7 years 2 months ago #258861

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.

  • Posts: 1119
  • Thank you received: 114
7 years 2 months ago #258884

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: 7 years 2 months ago by kyratn.
The following user(s) said Thank You: erickb

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

  • Posts: 25990
  • Thank you received: 4003
  • MODERATOR
7 years 2 months ago #258895

Hi,

We will see what we can do.

Regards,


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.

  • Posts: 200
  • Thank you received: 75
7 years 1 day ago #265296

@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() { ... });

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.

  • Posts: 1119
  • Thank you received: 114
7 years 1 day ago #265308

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.

  • Posts: 1119
  • Thank you received: 114
6 years 11 months ago #265444

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.

  • Posts: 200
  • Thank you received: 75
6 years 11 months ago #265454

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.

  • Posts: 2593
  • Thank you received: 62
  • Hikashop Business
6 years 7 months ago #275397

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: 6 years 7 months ago by erickb.

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

  • Posts: 200
  • Thank you received: 75
6 years 7 months ago #275400

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.

Attachments:
The following user(s) said Thank You: erickb

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

  • Posts: 2593
  • Thank you received: 62
  • Hikashop Business
6 years 7 months ago #275402

thank you !

a central infinite scroll in the config table would be useful

Last edit: 6 years 7 months ago by erickb.

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

  • Posts: 25990
  • Thank you received: 4003
  • MODERATOR
6 years 7 months ago #275407

Hello,

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

Regards,


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.

  • Posts: 1119
  • Thank you received: 114
6 years 5 months ago #280578

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.

  • Posts: 1119
  • Thank you received: 114
6 years 5 months ago #280579

Update. Found the solution!

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

  • Posts: 1119
  • Thank you received: 114
6 years 5 months ago #280653

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.

  • Posts: 25990
  • Thank you received: 4003
  • MODERATOR
6 years 5 months ago #280662

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,


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.

Time to create page: 0.120 seconds
Powered by Kunena Forum