Download the PHP package markocupic/contao-news-infinite-scroll-bundle without Composer
On this page you can find all versions of the php package markocupic/contao-news-infinite-scroll-bundle. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download markocupic/contao-news-infinite-scroll-bundle
More information about markocupic/contao-news-infinite-scroll-bundle
Files in markocupic/contao-news-infinite-scroll-bundle
Package contao-news-infinite-scroll-bundle
Short Description Add Infinite Scroll to the Contao Newslist Module
License LGPL-3.0-or-later
Informations about the package contao-news-infinite-scroll-bundle
Contao News Infinite Scroll
Dieses Frontend-Modul für Contao CMS ermöglicht das Nachladen von Newsartikeln nach domready. Sobald ein im Template definierter Anker durch Scrollen erreicht wird, werden automatisch/manuell per Ajax die weiteren News-Artikel nachgeladen.
Anforderungen
- PHP ^8.2
- Contao ^5.3 || ^6.0
Installation
Per Contao Manager oder über die Konsole mit
Nach dem Installationsprozess muss abschliessend noch die Datenbank aktualisiert werden.
Modulkonfiguration
- Im Contao Backend muss als Erstes ein neues Modul
Newslist Infinite Scrollangelegt werden. - Wichtig! In der Moduleinstellung muss die Paginierung aktiviert werden: Wählen Sie für das Feld
Elemente pro Seiteeine Zahl grösser als 0. - Das Modul verwendet standardmässig das Template
mod_newslist_inf_scroll. - Wichtig! Wechseln Sie im Contao Backend zu Themes -> Layout und binden Sie im Seitenlayout das Template
js_news_infinite_scrollein.
Geschafft! :wink: Im Frontend sollten nun beim Erreichen des letzten Artikels je nach Einstellung im Template (siehe unten) durch Scrollen oder Drücken des Buttons weitere Artikel nachgeladen werden.
Templates
Alle Templates sind Twig-Templates (Contao 6 unterstützt keine .html5-Templates mehr):
| Template | Zweck |
|---|---|
mod_newslist_inf_scroll.html.twig |
Modul-Template |
_mod_newslist_infinite_scroll_ajax.html.twig |
Markup der per Ajax nachgeladenen Artikel |
js_news_infinite_scroll.html.twig |
JavaScript-Initialisierung (im Seitenlayout einbinden) |
Weitere Einstellungen
Um die Standardeinstellungen im Template
vendor/markocupic/contao-news-infinite-scroll-bundle/contao/templates/twig/js_news_infinite_scroll.html.twig
updatesicher zu überschreiben, legen Sie ein neues Template in templates/js_news_infinite_scroll.html.twig an.
Assets bauen
https://user-images.githubusercontent.com/1525166/145197724-8bf6fa5b-79ad-49c9-93d7-6af45d37d721.mp4
All versions of contao-news-infinite-scroll-bundle with dependencies
contao/core-bundle Version ^5.3 || ^6.0
contao/news-bundle Version ^5.3 || ^6.0
symfony/config Version ^6.4 || ^7.0 || ^8.0
symfony/dependency-injection Version ^6.4 || ^7.0 || ^8.0
symfony/http-foundation Version ^6.4 || ^7.0 || ^8.0
symfony/http-kernel Version ^6.4 || ^7.0 || ^8.0
symfony/security-core Version ^6.4 || ^7.0 || ^8.0
symfony/translation-contracts Version ^3.0