{"id":16462748,"url":"https://github.com/alexstack/silverstripe-custom-carousel-slider","last_synced_at":"2026-02-28T14:30:58.022Z","repository":{"id":56944877,"uuid":"195308787","full_name":"AlexStack/SilverStripe-Custom-Carousel-Slider","owner":"AlexStack","description":"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.","archived":false,"fork":false,"pushed_at":"2019-07-05T05:29:09.000Z","size":1964,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-10T08:25:00.567Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Scheme","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AlexStack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"license.md","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-07-04T22:52:52.000Z","updated_at":"2019-07-05T05:22:49.000Z","dependencies_parsed_at":"2022-08-21T07:20:18.241Z","dependency_job_id":null,"html_url":"https://github.com/AlexStack/SilverStripe-Custom-Carousel-Slider","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexStack%2FSilverStripe-Custom-Carousel-Slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexStack%2FSilverStripe-Custom-Carousel-Slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexStack%2FSilverStripe-Custom-Carousel-Slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexStack%2FSilverStripe-Custom-Carousel-Slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlexStack","download_url":"https://codeload.github.com/AlexStack/SilverStripe-Custom-Carousel-Slider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240995365,"owners_count":19890723,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-11T11:12:13.218Z","updated_at":"2025-10-29T14:14:29.340Z","avatar_url":"https://github.com/AlexStack.png","language":"Scheme","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SilverStripe Custom Carousel Slider\n\n- 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.\n\n# How to install\n\n```php\ncomposer require alexstack/silverstripe-custom-carousel-slider\n```\n\n# How to enable the Custom Carousel Slider\n!['image'](docs/images/enable-slider.png)\n\n# How to add slider images\n- You should upload slider images with the same height \u0026 width for better visual effect\n- You may want to set up some special css style to make your slider looks better\n\n!['image'](docs/images/add-slider-images.png)\n\n# How to change built-in slider template or disable slider(Not display)\n!['image'](docs/images/built-in-slider-template.png)\n\n\n# \u003ca name=\"your-own-slider-ss\"\u003e\u003c/a\u003eUse your own .ss template for the slider\n- 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.\n!['image'](docs/images/use-your-own-ss.png)\n\n# \u003ca name=\"custom-style-for-your-slider\"\u003e\u003c/a\u003eHow to custom the style of the built-in slider\n- Follow above step to copy one of the built-in slider templates and rename to your-own-slider.ss\n- Go to below slider document page for more custom style options:\n    - [BootstrapSlider001.ss dev document for options](https://getbootstrap.com/docs/4.1/components/carousel)\n    - [BxSlider001.ss dev document for options](https://github.com/stevenwanderski/bxslider-4/blob/master/readme.md)\n    - [FlexSlider001.ss dev document for options](https://github.com/woocommerce/FlexSlider/blob/master/README.md)\n    - [SlickSlider001.ss dev document for options](https://github.com/kenwheeler/slick/blob/master/README.markdown)\n    - [LightSlider001.ss dev document for options](http://sachinchoolur.github.io/lightslider/index.html)\n    - [OwlCarousel001.ss dev document for options](https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html)\n- Also, you are free to use any other carousel slider code you want in your own template  \n\n# Where to display the slider?\n- You can choose to display the slider before or after the main content. It will append the slider to the $Content variable\n- You can also manually insert a variable $showCustomerSlider to any page template. eg. Page.ss, ProductPage.ss, ContactUsPage.ss\n- Example below: we want the slider show under the Header.ss but above the $Title of the Layout/Page.ss\n!['image'](docs/images/add-slider-to-any-place.png)\n\n# Example of display before content (at the top of main content)\n!['image'](docs/images/display-slider-before-content.png)\n\n# Example of display after content (at the bottom of main content)\n!['image'](docs/images/display-slider-after-content.png)\n\n\n# Thanks\n- Inspired by I-lateral's carousel\n\n# License\n- BSD-3-Clause","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexstack%2Fsilverstripe-custom-carousel-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexstack%2Fsilverstripe-custom-carousel-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexstack%2Fsilverstripe-custom-carousel-slider/lists"}