alexstack / silverstripe-custom-carousel-slider
为任何SilverStripe页面添加自定义轮播滑动。多个内置轮播滑动模板可供使用。非常容易自定义自己的.ss模板。
1.0.1
2019-07-05 05:22 UTC
Requires
This package is auto-updated.
Last update: 2024-09-05 17:27:07 UTC
README
- 为任何SilverStripe页面添加自定义轮播滑动。多个内置轮播滑动模板可供使用。非常容易自定义自己的.ss模板。
如何安装
composer require alexstack/silverstripe-custom-carousel-slider
如何启用自定义轮播滑动
如何添加滑动图片
- 您应该上传尺寸相同的滑动图片以获得更好的视觉效果
- 您可能需要设置一些特殊的CSS样式以使您的滑动看起来更佳
如何更改内置滑动模板或禁用滑动(不显示)
使用您自己的.ss模板作为滑动
- 示例:将vendor/alexstack/silverstripe-custom-carousel-slider/templates/SSCustomCarouselSlider/BootstrapSlider001.ss复制到您的主题/Includes/my-bootstrap-slider.ss中,将内部的滑动代码更改为您想要的。只需保持变量名称相同。
如何自定义内置滑动的样式
- 按照上述步骤复制内置滑动模板之一,并将其重命名为your-own-slider.ss
- 转到以下滑动文档页面以获取更多自定义样式选项
- 此外,您可以在自己的模板中使用任何其他轮播滑动代码
在哪里显示滑动?
- 您可以选择在主内容之前或之后显示滑动。它将滑动附加到$Content变量
- 您也可以手动将变量$showCustomerSlider插入到任何页面模板中。例如:Page.ss、ProductPage.ss、ContactUsPage.ss
- 以下示例:我们希望在Header.ss下显示滑动,但在Layout/Page.ss的$Title之上
在内容之前显示的示例(在主内容顶部)
在内容之后显示的示例(在主内容底部)
感谢
- 受I-lateral的轮播启发
许可
- BSD-3-Clause