2017 © Pedro Peláez
 

contao-bundle contao-slick-bundle

Slick, a content slider for contao.

image

heimrichhannot/contao-slick-bundle

Slick, a content slider for contao.

  • Thursday, July 19, 2018
  • by digitales@heimrich-hannot.de
  • Repository
  • 7 Watchers
  • 0 Stars
  • 338 Installations
  • PHP
  • 2 Dependents
  • 0 Suggesters
  • 0 Forks
  • 1 Open issues
  • 7 Versions
  • 619 % Grown

The README.md

We moved away from slick slider to tiny slider (see https://github.com/heimrichhannot/contao-tiny-slider-bundle) because it doesn't have a dependency to jQuery. We're currently looking for a successor for maintaining the bundle. If you're interested, don't hesitate to contact us via GitHub issue or mail., (*1)

Slick

A content slider/carousel for contao based on kenwheelers slick carousel., (*2)

Features

  • global carousel configurations
  • frontend modules for news and events
  • content elements for images galleries and other content elements
  • responsive
  • Encore Bundle support
  • List Bundle support

Usage

Install

  1. Install via composer or contao manager: composer require heimrichhannot/contao-slick-bundle
  2. Call contao install tool and update the database

The bundle has no default styling for slick slider. If your want to use the slick default theme, please see the slick theme section., (*3)

Setup

  1. Create an slick configuration under System -> Slick configuration. Please consider the slick-carousel documentation for information about the different config options.
  2. Select the created config in a slick frontend module, a slick content element or in your list config (Misc -> Add slick).

Slick theme

If you want to use the default theme comes with the slick carousel, you need to add the slick theme css. If you use slick together with encore bundle, you just need to select the contao-slick-bundle-theme entry within layout or page setting. If you use the default contao asset managment, you need to add the slick-theme.css to the global asset array:, (*4)

$GLOBALS['TL_USER_CSS']['slick-theme'] = 'assets/slick/slick/slick-theme.css';

Ressources

Developer documentation, (*5)

The Versions