4 * Default theme implementation for the individual slick item/slide template.
7 * - attributes: An array of attributes to apply to the element.
8 * - item.slide: A renderable array of the main image/background.
9 * - item.caption: A renderable array containing caption fields if provided:
10 * - title: The individual slide title.
11 * - alt: The core Image field Alt as caption.
12 * - link: The slide links or buttons.
13 * - overlay: The image/audio/video overlay, or a nested slick.
14 * - data: any possible field for more complex data if crazy enough.
15 * - settings: An array containing the given settings.
17 * @see template_preprocess_slick_slide()
22 'slick__slide', 'slide', 'slide--' ~ delta,
23 item.slide is empty ? 'slide--text',
24 settings.layout ? 'slide--caption--' ~ settings.layout|clean_class,
25 settings.class ? settings.class
29 set content_classes = [
30 settings.detroy ? 'slide',
31 not settings.detroy ? 'slide__content'
35 {% block slick_slide %}
36 {% if settings.split and not settings.unslick %}
37 <div class="slide__media">{{ item.slide }}</div>
44 {% if settings.wrapper %}
45 <div{{ attributes.addClass(classes) }}>
46 {% if settings.grid is empty %}<div{{ content_attributes.addClass(content_classes) }}>{% endif %}
52 {% block slick_caption %}
53 {% if settings.fullwidth %}<div class="slide__constrained">{% endif %}
55 <div class="slide__caption">
56 {% if item.caption.overlay %}
57 <div class="slide__overlay">{{ item.caption.overlay }}</div>
58 {% if settings.data %}<div class="slide__data">{% endif %}
61 {% if item.caption.title %}
62 <h2 class="slide__title">{{ item.caption.title }}</h2>
65 {% if item.caption.alt %}
66 <p class="slide__description">{{ item.caption.alt }}</p>
69 {{ item.caption.data }}
71 {% if item.caption.link %}
72 <div class="slide__link">{{ item.caption.link }}</div>
75 {% if item.caption.overlay and settings.data %}</div>{% endif %}
78 {% if settings.fullwidth %}</div>{% endif %}
82 {% if settings.wrapper %}
83 {% if settings.grid is empty %}</div>{% endif %}