alexstack/silverstripe-custom-carousel-slider

为任何SilverStripe页面添加自定义轮播滑动。多个内置轮播滑动模板可供使用。非常容易自定义自己的.ss模板。

安装: 171

依赖关系: 1

建议者: 0

安全: 0

星级: 1

关注者: 1

分支: 0

开放问题: 0

语言:方案

类型:silverstripe-vendormodule

1.0.1 2019-07-05 05:22 UTC

This package is auto-updated.

Last update: 2024-09-05 17:27:07 UTC


README

  • 为任何SilverStripe页面添加自定义轮播滑动。多个内置轮播滑动模板可供使用。非常容易自定义自己的.ss模板。

如何安装

composer require alexstack/silverstripe-custom-carousel-slider

如何启用自定义轮播滑动

'image'

如何添加滑动图片

  • 您应该上传尺寸相同的滑动图片以获得更好的视觉效果
  • 您可能需要设置一些特殊的CSS样式以使您的滑动看起来更佳

'image'

如何更改内置滑动模板或禁用滑动(不显示)

'image'

使用您自己的.ss模板作为滑动

  • 示例:将vendor/alexstack/silverstripe-custom-carousel-slider/templates/SSCustomCarouselSlider/BootstrapSlider001.ss复制到您的主题/Includes/my-bootstrap-slider.ss中,将内部的滑动代码更改为您想要的。只需保持变量名称相同。'image'

如何自定义内置滑动的样式

在哪里显示滑动?

  • 您可以选择在主内容之前或之后显示滑动。它将滑动附加到$Content变量
  • 您也可以手动将变量$showCustomerSlider插入到任何页面模板中。例如:Page.ss、ProductPage.ss、ContactUsPage.ss
  • 以下示例:我们希望在Header.ss下显示滑动,但在Layout/Page.ss的$Title之上 'image'

在内容之前显示的示例(在主内容顶部)

'image'

在内容之后显示的示例(在主内容底部)

'image'

感谢

  • 受I-lateral的轮播启发

许可

  • BSD-3-Clause