定制 markocupic/contao-news-infinite-scroll-bundle 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

markocupic/contao-news-infinite-scroll-bundle

最新稳定版本:1.5.1

Composer 安装命令:

composer require markocupic/contao-news-infinite-scroll-bundle

包简介

Add Infinite Scroll to the Contao Newslist Module

README 文档

README

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.

Installation

Per Contao Manager oder über die Konsole mit

composer require markocupic/contao-news-infinite-scroll-bundle

Nach dem Installationsprozess muss abschliessend noch die Datenbank aktualisiert werden.

php vendor/bin/contao-console contao:migrate

Modulkonfiguration

  • Im Contao Backend muss als Erstes ein neues Modul Newslist Infinite Scroll angelegt 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.
  • Wichtig! In der Moduleinstellung muss für das Feld Modul Template das Template mod_newslist_inf_scroll gewählt werden.
  • Wichtig! Wechseln Sie im Contao Backend zu Themes -> Layout und aktivieren Sie das js_contao_news_infinite_scroll im Layout eingebunden sein.

Geschafft! 😉 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.

Weitere Einstellungen

Um die Standardeinstellungen im Template vendor\markocupic\contao-news-infinite-scroll-bundle\contao\templates\js\js_news_infinite_scroll.html.twig updatesicher zu überschreiben, legen Sie ein neues Template in templates/js_news_infinite_scroll.html.twig an.

NewsInfiniteScrollBundle.mp4

统计信息

  • 总下载量: 5.29k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 7
  • 点击次数: 4
  • 依赖项目数: 1
  • 推荐数: 0

GitHub 信息

  • Stars: 5
  • Watchers: 2
  • Forks: 1
  • 开发语言: JavaScript

其他信息

  • 授权协议: LGPL-3.0
  • 更新时间: 2017-11-26

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固