PHPackages alexstack/silverstripe-custom-carousel-slider - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. alexstack/silverstripe-custom-carousel-slider ActiveSilverstripe-vendormodule 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. 1.0.1(6y ago)11751BSD-3-ClauseScheme Since Jul 5Pushed 6y agoCompare [ Source](https://github.com/AlexStack/SilverStripe-Custom-Carousel-Slider)[ Packagist](https://packagist.org/packages/alexstack/silverstripe-custom-carousel-slider)[ Docs](https://github.com/AlexStack/SilverStripe-Custom-Carousel-Slider)[ RSS](/packages/alexstack-silverstripe-custom-carousel-slider/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (2)Dependencies (2)Versions (3)Used By (1) SilverStripe Custom Carousel Slider =================================== [](#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. How to install ============== [](#how-to-install) ``` composer require alexstack/silverstripe-custom-carousel-slider ``` How to enable the Custom Carousel Slider ======================================== [](#how-to-enable-the-custom-carousel-slider) [!['image'](docs/images/enable-slider.png)](docs/images/enable-slider.png) How to add slider images ======================== [](#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'](docs/images/add-slider-images.png)](docs/images/add-slider-images.png) How to change built-in slider template or disable slider(Not display) ===================================================================== [](#how-to-change-built-in-slider-template-or-disable-slidernot-display) [!['image'](docs/images/built-in-slider-template.png)](docs/images/built-in-slider-template.png) Use your own .ss template for the slider ====================================================================================== [](#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'](docs/images/use-your-own-ss.png)](docs/images/use-your-own-ss.png) How to custom the style of the built-in slider ====================================================================================================== [](#how-to-custom-the-style-of-the-built-in-slider) - Follow above step to copy one of the built-in slider templates and rename to your-own-slider.ss - Go to below slider document page for more custom style options: - [BootstrapSlider001.ss dev document for options](https://getbootstrap.com/docs/4.1/components/carousel) - [BxSlider001.ss dev document for options](https://github.com/stevenwanderski/bxslider-4/blob/master/readme.md) - [FlexSlider001.ss dev document for options](https://github.com/woocommerce/FlexSlider/blob/master/README.md) - [SlickSlider001.ss dev document for options](https://github.com/kenwheeler/slick/blob/master/README.markdown) - [LightSlider001.ss dev document for options](http://sachinchoolur.github.io/lightslider/index.html) - [OwlCarousel001.ss dev document for options](https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html) - Also, you are free to use any other carousel slider code you want in your own template Where to display the 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'](docs/images/add-slider-to-any-place.png)](docs/images/add-slider-to-any-place.png) Example of display before content (at the top of main content) ============================================================== [](#example-of-display-before-content-at-the-top-of-main-content) [!['image'](docs/images/display-slider-before-content.png)](docs/images/display-slider-before-content.png) Example of display after content (at the bottom of main content) ================================================================ [](#example-of-display-after-content-at-the-bottom-of-main-content) [!['image'](docs/images/display-slider-after-content.png)](docs/images/display-slider-after-content.png) Thanks ====== [](#thanks) - Inspired by I-lateral's carousel License ======= [](#license) - BSD-3-Clause ### Health Score 27 — LowBetter than 49% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity12 Limited adoption so far Community5 Small or concentrated contributor base Maturity60 Established project with proven stability How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 2500d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/901cd2118e154c3edde87b308ac1b95ce5b98ee88fedd0be3774d5961e71e389?d=identicon)[AlexStack](/maintainers/AlexStack) --- Tags silverstripebootstrapcarouselslidercustom ### Embed Badge ![Health badge](/badges/alexstack-silverstripe-custom-carousel-slider/health.svg) ``` [![Health](https://phpackages.com/badges/alexstack-silverstripe-custom-carousel-slider/health.svg)](https://phpackages.com/packages/alexstack-silverstripe-custom-carousel-slider) ``` ### Alternatives [silvershop/core Provides an ecommerce product catalog, shopping cart, and order management system 11340.0k37](/packages/silvershop-core)[unclecheese/bootstrap-forms Allows you to create forms in SilverStripe that are compatible with Twitter Bootstrap. 5539.4k](/packages/unclecheese-bootstrap-forms)[purplespider/mypswd-tweaks Custom SilverStripe tweaks to keep things tidy. 181.4k](/packages/purplespider-mypswd-tweaks) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)