markocupic/contao-news-infinite-scroll-bundle

为 Contao 新闻列表模块添加无限滚动功能

维护者

详细信息

github.com/markocupic/contao-news-infinite-scroll-bundle

源代码

问题

安装量: 4,217

依赖项: 1

建议者: 0

安全: 0

星标: 4

关注者: 3

分支: 1

公开问题: 1

语言:JavaScript

类型:contao-bundle

1.4.6 2024-07-12 12:02 UTC

Requires

LGPL-3.0+ aae61cfb3eaf77855289ae6eeb1193afb79ca608

newscontaoscrollinfinitenewslistvanilla script

This package is auto-updated.

Last update: 2024-09-12 12:29:57 UTC

README

Contao 新闻无限滚动

此 Contao CMS 前端模块允许在 domready 后加载新闻文章。一旦在模板中定义的锚点通过滚动到达，就会自动/手动通过 Ajax 加载更多新闻文章。

安装

通过 Contao 管理器或通过控制台使用

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

在安装过程完成后，还需要最终更新数据库。

php vendor/bin/contao-console contao:migrate

模块配置

  • 在 Contao 后端中，首先需要创建一个新的模块 新闻列表无限滚动。
  • 注意！在模块设置中必须启用分页：为 每页元素数 字段选择一个大于 0 的数字。
  • 注意！在模块设置中，必须为 模块模板 字段选择模板 mod_newslist_inf_scroll。
  • 注意！在 Contao 后端转到 主题 -> 布局，并确保 js_contao_news_infinite_scroll 在布局中已绑定。

完成！ 😉 在前端，当达到最后一个文章时，根据模板中的设置（见下文），通过滚动或点击按钮加载更多文章。

其他设置

为了安全地覆盖模板 vendor\markocupic\contao-news-infinite-scroll-bundle\contao\templates\js\js_news_infinite_scroll.html.twig 中的默认设置，请在新模板 templates/js_news_infinite_scroll.html.twig 中创建一个新的模板。

NewsInfiniteScrollBundle.mp4