[Resolved] View with infinite scrolling

[Author]

Posts

[Puntorosso]

Hi, I have a View to display all WooCommerce products, sorted by categories of a second View.
The category div have a white font on a black background.

It looks good on the first category but, when I scroll down with infinity scrolling, the black div extended on a larger area.

hidden link

Here is the site URL.

hidden link

What am I doing wrong?

Thanks

[Nigel]

I don't think we can understand what's happening without looking at the site itself and how this is set up.

Let me mark your next reply as private to get log-in credentials from you—you may want to create a temporary admin user for me to use that you can later delete. And be sure to have a current backup of your site.

Does the same problem occur if you switch theme, e.g. to twentytwenty?

[Puntorosso]

Hi,

yes, same problem also with twenty-twenty.

Please set the reply as private, so I can add the login data.

Thanks
Best

[Waqar]

Hi,

Thanks for confirming that.

Your next reply will be private and please make a complete backup copy, before sharing the access details.

regards,
Waqar

[Waqar]

Hi,

Thank you for sharing the admin access.

During troubleshooting, I noticed that the overlapping and extending of the black category heading section is fixed, if "overflow: hidden;" is introduced in the custom CSS code, that exists in the view "Menu Categories":
( screenshot: hidden link )

.view-category {
  background-color:#000000;
  color:#ffffff;
  font-size:22px;
  padding:5px 25px;
  margin-bottom: 20px;
  text-align:center;
  overflow: hidden;
}

regards,
Waqar

[Puntorosso]

That did the trick! Thanks!
One more question: is it possible to have a manual selector for the pagination, while using the infinite scrolling at the same time?

We would like to give customers the chance to scroll manually through all foods and beverages or jump to the right category (ex. Pasta or meat or Dessert) using a dropdown menu.

Thanks again for your help.
Best

[Waqar]

Thanks for the update and glad that it worked.

> One more question: is it possible to have a manual selector for the pagination, while using the infinite scrolling at the same time?

- I'm afraid, manual pagination and infinite scrolling feature both can't be used on a view at the same time.

> We would like to give customers the chance to scroll manually through all foods and beverages or jump to the right category (ex. Pasta or meat or Dessert) using a dropdown menu.

- You can use two seperate views for this. First one, with infinite scrolling and other one with a search form with category selector.
( ref: https://toolset.com/documentation/legacy-features/views-plugin/front-page-filters/ )

[Puntorosso]

Hi, thanks for the suggestion.
The problem is that customers read a QR code from the restaurant table and open the page with the menu.
To use 2 different views I would have to let them choose between two different pages, which can be quiet confusing.
Any other idea?
Thanks

Best

[Waqar]

Thank you for waiting.

I've performed some tests on my website, to try a couple of workarounds to make the infinite scrolling work with the manual pagination, but unfortunately, none of them work.

As for the infinite scrolling and the category/taxonomy selector, those options work just fine togather and you can use these two features through a single view.
( please refer to the attached screenshots )

You're welcome to try this and start a new ticket, if you run into any difficulty or challenges.