You are here

field-collection-tabs.html.twig in Field Collection Tab formatter 8

{%
set classes = [
'field-collection-item',
'field-collection-item--name-' ~ field_collection_item.name|clean_class,
'field-collection-item--view-mode-' ~ field_collection_item.view_mode|clean_class,
]
%}
<div{{ attributes.addClass(classes) }}>
  <div class="content"{{ content_attributes }}>
    <div class="field-collection-tabs">
      <ul>
        {% for title in titles %}
          <li id="tab-{{loop.index}}">
            <a href="#tabs-{{ loop.index }}">{{ title }}</a>
          </li>
        {% endfor %}
      </ul>
      {% for tab in tabs %}
      <div id="tabs-{{ loop.index }}">
        {{ tab }}
      </div>
      {% endfor %}
    </div>
  </div>
</div>

File

templates/field-collection-tabs.html.twig
View source
  1. {%
  2. set classes = [
  3. 'field-collection-item',
  4. 'field-collection-item--name-' ~ field_collection_item.name|clean_class,
  5. 'field-collection-item--view-mode-' ~ field_collection_item.view_mode|clean_class,
  6. ]
  7. %}
  8. <div{{ attributes.addClass(classes) }}>
  9. <div class="content"{{ content_attributes }}>
  10. <div class="field-collection-tabs">
  11. <ul>
  12. {% for title in titles %}
  13. <li id="tab-{{loop.index}}">
  14. <a href="#tabs-{{ loop.index }}">{{ title }}</a>
  15. </li>
  16. {% endfor %}
  17. </ul>
  18. {% for tab in tabs %}
  19. <div id="tabs-{{ loop.index }}">
  20. {{ tab }}
  21. </div>
  22. {% endfor %}
  23. </div>
  24. </div>
  25. </div>