Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.I am working on a project where one of my views is wrapped by the jQuery cubeportfolio grid plugin, and started experimenting with this infinite scroll module in order to improve page load performance.
Quickly came to the conclusion the infinite-scroll.js function is not appending new items to the cubeportfolio wrapper, but to the data-drupal-views-infinite-scroll-content-wrapper.
I've written the attached patch, in order to make the js aware of the cubeportfolio wrapper presence and divert the append to
http://www.8themblem.com/Online/cube/documentation/#loadMoreItems
Maybe not the most ideal implementation (could be steered by Drupal.behaviors ?), but it takes into account of both present infinite scroll and cubeportfolio wrappers.
PS. The view template in subject was overridden from within
/themes/custom/jango/templates/views/view--project/page-portfolio/views-view-grid--page-portfolio.html.twig
containing all the necessary cubeportfolio DOM elements.
| Comment | File | Size | Author |
|---|---|---|---|
| #2 | cubeportfolio-load-more-2924175-2.patch | 1.07 KB | RAWDESK |
Comments
Comment #2
RAWDESK CreditAttribution: RAWDESK commentedComment #3
AnybodyPlease contribute to #3098132: [MASTER] Handle style plugin specific wrappers around views rows properly to find a clever solution and write tests for all core and contrib views style plugins. :)
The patch from #2 is written against concrete classes from a different module and so will never make it into views_infinite_scroll. Instead we should provide a general solution to this problem. Thank you!
Comment #4
inst CreditAttribution: inst commentedHi,
can you point out how you did use cube portfolio with drupal 8 views?
thanks!