public function SlickSkinTest::skins in Slick Carousel 7.3

Same name and namespace in other branches

8 tests/modules/slick_test/src/SlickSkinTest.php \Drupal\slick_test\SlickSkinTest::skins()

Returns the Slick skins.

This can be used to register skins for the Slick. Skins will be available when configuring the Optionset, Field formatter, or Views style, or custom coded slicks. It is permanently cached, so you won't see changes when adding new ones till cache clearing.

Slick skins get a unique CSS class to use for styling, e.g.: If your skin name is "my_module_slick_carousel_rounded", the CSS class is: slick--skin--my-module-slick-carousel-rounded.

A skin can specify CSS and JS files to include when Slick is displayed, except for a thumbnail skin which accepts CSS only. Each skin with its assets (CSS, JS, or library dependencies) is registered as regular Drupal libraries via hook_library() at SlickLibrary::library(). The final library can be loaded like: ['slick', 'provider.group.name'].

Each skin supports a few keys:

name: The human readable name of the skin.
description: The description about the skin, for help and manage pages.
dependencies: An array of library dependencies.
css: An array of CSS files to attach.
js: An array of JS files to attach, e.g.: image zoomer, reflection, etc.
options: An array of JS options to be included within [data-slick] such as when integrating extra libraries defined at `js` which later can be accessed by JS via [data-slick] to work with.
group: A string grouping the current skin: main, thumbnail.
dependencies: SImilar to how core library dependencies constructed.
provider: A module name registering the skins.
options: Extra JavaScript (Slicebox, 3d carousel, etc) options merged into existing [data-slick] attribute to be consumed by custom JS.

Return value

array The array of the main and thumbnail skins.

Overrides SlickSkinInterface::skins

File

tests/modules/slick_test/src/SlickSkinTest.php, line 15

Class

SlickSkinTest: Implements SlickSkinInterface as registered via hook_slick_skins_info().

Namespace

Drupal\slick_test

Code

public function skins() {
  $path = drupal_get_path('module', 'slick_test');
  $skins = [
    'test' => [
      'name' => 'Test',
      'description' => t('Test slick skins.'),
      'group' => 'main',
      'provider' => 'slick_test',
      'css' => [
        $path . '/css/slick.theme--test.css' => [],
      ],
      'options' => [
        'zoom' => TRUE,
      ],
    ],
  ];
  return $skins;
}

You are here