www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/slick/templates/slick-slide.html.twig

   1 {#
   2 /**
   3  * @file
   4  * Default theme implementation for the individual slick item/slide template.
   5  *
   6  * Available variables:
   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.
  16  *
  17  * @see template_preprocess_slick_slide()
  18  */
  19 #}
  20 {%
  21   set classes = [
  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
  26   ]
  27 %}
  28 {%
  29   set content_classes = [
  30     settings.detroy ? 'slide',
  31     not settings.detroy ? 'slide__content'
  32   ]
  33 %}
  34 {% set slide %}
  35   {% block slick_slide %}
  36     {% if settings.split and not settings.unslick %}
  37       <div class="slide__media">{{ item.slide }}</div>
  38     {% else %}
  39       {{ item.slide }}
  40     {% endif %}
  41   {% endblock %}
  42 {% endset %}
  43
  44 {% if settings.wrapper %}
  45   <div{{ attributes.addClass(classes) }}>
  46   {% if settings.grid is empty %}<div{{ content_attributes.addClass(content_classes) }}>{% endif %}
  47 {% endif %}
  48
  49   {% if item.slide %}
  50     {{ slide }}
  51   {% endif %}
  52
  53   {% if item.caption %}
  54     {% block slick_caption %}
  55       {% if settings.fullwidth %}<div class="slide__constrained">{% endif %}
  56
  57         <div class="slide__caption">
  58           {% if item.caption.overlay %}
  59             <div class="slide__overlay">{{ item.caption.overlay }}</div>
  60             {% if settings.data %}<div class="slide__data">{% endif %}
  61           {% endif %}
  62
  63           {% if item.caption.title %}
  64             <h2 class="slide__title">{{ item.caption.title }}</h2>
  65           {% endif %}
  66
  67           {% if item.caption.alt %}
  68             <p class="slide__description">{{ item.caption.alt }}</p>
  69           {% endif %}
  70
  71           {{ item.caption.data }}
  72
  73           {% if item.caption.link %}
  74             <div class="slide__link">{{ item.caption.link }}</div>
  75           {% endif %}
  76
  77           {% if item.caption.overlay and settings.data %}</div>{% endif %}
  78         </div>
  79
  80       {% if settings.fullwidth %}</div>{% endif %}
  81     {% endblock %}
  82   {% endif %}
  83
  84 {% if settings.wrapper %}
  85   {% if settings.grid is empty %}</div>{% endif %}
  86   </div>
  87 {% endif %}