You are here

drupal-slider-layers.html.twig in Drupal Slider 8

Same filename and directory in other branches
  1. 8.2 templates/drupal-slider-layers.html.twig
<div class="sp-slide"> 
	<div class="sp-image"> <img src="../src/images/blank.gif" 
		data-src="{{ background_img }}"/>
	</div> 			 
  {% if layers is not empty %}
    {% for layer in layers %}
      {% if layer.value is not empty %}
        <div class="sp-layer sp-white sp-padding"
           data-horizontal="{{ layer.attributes.horizontal }}" 
           data-vertical="{{ layer.attributes.vertical }}"
           data-show-delay="{{ layer.attributes.show_delay }}"
           data-hide-delay="{{ layer.attributes.hide_delay }}"
           data-show-transition="{{ layer.attributes.show_transition }}"
           data-hide-transition="{{ layer.attributes.hide_transition }}">
           {{ layer.value }} 
        </div>
      {% endif %}
    {% endfor %}  
  {% endif %}
</div>   


File

templates/drupal-slider-layers.html.twig
View source
  1. <div class="sp-slide">
  2. <div class="sp-image"> <img src="../src/images/blank.gif"
  3. data-src="{{ background_img }}"/>
  4. </div>
  5. {% if layers is not empty %}
  6. {% for layer in layers %}
  7. {% if layer.value is not empty %}
  8. <div class="sp-layer sp-white sp-padding"
  9. data-horizontal="{{ layer.attributes.horizontal }}"
  10. data-vertical="{{ layer.attributes.vertical }}"
  11. data-show-delay="{{ layer.attributes.show_delay }}"
  12. data-hide-delay="{{ layer.attributes.hide_delay }}"
  13. data-show-transition="{{ layer.attributes.show_transition }}"
  14. data-hide-transition="{{ layer.attributes.hide_transition }}">
  15. {{ layer.value }}
  16. </div>
  17. {% endif %}
  18. {% endfor %}
  19. {% endif %}
  20. </div>