You are here

slider-pro.html.twig in Slider Pro 8

<div class="slider-pro" id="{{ id }}">
    <div class="sp-slides">
        {% for row in rows %}
            <div class="sp-slide">
                {% for field in row.slide %}
                    <div>{{ field }}</div>
                {% endfor %}
                {% if uses_thumbnails %}
                    <div class="sp-thumbnail">
                        {% for field in row.thumb %}
                            {{ field }}
                        {% endfor %}
                    </div>
                {% endif %}
                {% for layer in row.layers %}
                    <div class="sp-layer sp-padding {{ layer.background }}"
                         data-position="{{ layer.position }}"
                         data-show-transition="{{ layer.show_transition }}"
                         data-hide-transition="{{ layer.hide_transition }}"
                         data-show-delay="{{ layer.show_delay }}"
                         data-stay-duration="{{ layer.stay_duration }}">
                        {% for field in layer.content %}
                            {{ field }}
                        {% endfor %}
                    </div>
                {% endfor %}
            </div>
        {% endfor %}
    </div>
</div>

File

templates/slider-pro.html.twig
View source
  1. <div class="slider-pro" id="{{ id }}">
  2. <div class="sp-slides">
  3. {% for row in rows %}
  4. <div class="sp-slide">
  5. {% for field in row.slide %}
  6. <div>{{ field }}</div>
  7. {% endfor %}
  8. {% if uses_thumbnails %}
  9. <div class="sp-thumbnail">
  10. {% for field in row.thumb %}
  11. {{ field }}
  12. {% endfor %}
  13. </div>
  14. {% endif %}
  15. {% for layer in row.layers %}
  16. <div class="sp-layer sp-padding {{ layer.background }}"
  17. data-position="{{ layer.position }}"
  18. data-show-transition="{{ layer.show_transition }}"
  19. data-hide-transition="{{ layer.hide_transition }}"
  20. data-show-delay="{{ layer.show_delay }}"
  21. data-stay-duration="{{ layer.stay_duration }}">
  22. {% for field in layer.content %}
  23. {{ field }}
  24. {% endfor %}
  25. </div>
  26. {% endfor %}
  27. </div>
  28. {% endfor %}
  29. </div>
  30. </div>