slick-thumbnail.html.twig in Slick Carousel 8.2

Default theme implementation for the slick-thumbnail item template.

Available variables:

• attributes: An array of attributes to apply to the element.
• item.slide: A renderable array of the thumbnail image/background.
• item.caption: A renderable array containing caption text.
• settings: An array containing the given settings.

See also

template_preprocess_slick_thumbnail()

File

templates/slick-thumbnail.html.twig

{#
/**
 * @file
 * Default theme implementation for the slick-thumbnail item template.
 *
 * Available variables:
 * - attributes: An array of attributes to apply to the element.
 * - item.slide: A renderable array of the thumbnail image/background.
 * - item.caption: A renderable array containing caption text.
 * - settings: An array containing the given settings.
 *
 * @see template_preprocess_slick_thumbnail()
 */
#}
{%
  set classes = [
    'slick__slide',
    'slide',
    'slide--' ~ delta
  ]
%}
{% block slick_thumbnail %}
  <div{{ attributes.addClass(classes) }}>
    {% if item.slide is not empty %}
      <div class="slide__thumbnail">{{ item.slide }}</div>
    {% endif %}
    {% if item.caption is not empty %}
      <div class="slide__caption">{{ item.caption }}</div>
    {% endif %}
  </div>
{% endblock %}