alexstack/silverstripe-custom-carousel-slider

Add a Custom Carousel Slider to any page for SilverStripe. Multiple built-in slider template ready to use. Very easily to custom your own slider .ss template.

Installs: 101

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 0

Forks: 0

Open Issues: 0

Language:Scheme

Type:silverstripe-vendormodule

1.0.1 2019-07-05 05:22 UTC

This package is auto-updated.

Last update: 2021-01-05 09:15:48 UTC


README

  • Add a Custom Carousel Slider to any page for SilverStripe. Multiple built-in slider template ready to use. Very easily to custom your own slider .ss template.

How to install

composer require alexstack/silverstripe-custom-carousel-slider

How to enable the Custom Carousel Slider

'image'

How to add slider images

  • You should upload slider images with the same height & width for better visual effect
  • You may want to set up some special css style to make your slider looks better

'image'

How to change built-in slider template or disable slider(Not display)

'image'

Use your own .ss template for the slider

  • Example: Copy vendor/alexstack/silverstripe-custom-carousel-slider/templates/SSCustomCarouselSlider/BootstrapSlider001.ss to your-theme/Includes/my-bootstrap-slider.ss , change the slider codes inside to what you want. Just keep the variable name the same. 'image'

How to custom the style of the built-in slider

Where to display the slider?

  • You can choose to display the slider before or after the main content. It will append the slider to the $Content variable
  • You can also manually insert a variable $showCustomerSlider to any page template. eg. Page.ss, ProductPage.ss, ContactUsPage.ss
  • Example below: we want the slider show under the Header.ss but above the $Title of the Layout/Page.ss 'image'

Example of display before content (at the top of main content)

'image'

Example of display after content (at the bottom of main content)

'image'

Thanks

  • Inspired by I-lateral's carousel

License

  • BSD-3-Clause