UIkit Image Formatter

This module brings 3 new formatter for Image or media Field, based on UIkit 3 library.

• Lightbox (gallery)
• Slideshow
• Slider (carousel)

Recommended Theme

This module requires the UIkit Drupal Base Theme (or that you load the UIkit 3 library by yourself).

Installation

Install as you would normally install a contributed Drupal module.
See: https://www.drupal.org/node/895232 for further information.

Usage

After enable the module, just visit the "Manage display" section for an entity where you have an image field.
you'll find 3 new formatters : "UIkit Lightbox", "UIkit Slideshow" and "UIkit Slider" to configure. Choose the one you need.

Customisation

If you need to adjust the component to your needs, simply override "field--uikit-lightbox.html.twig", "field--uikit-slideshow.html.twig" or "field--uikit-slider.html.twig". Most interesting classes and attributes are available in the field template, using TWIG logic attributes.