You are here

double-field-tabs.html.twig in Double Field 8.3

<div class="double-field-tabs">
  <ul>
    {% for delta, item in items %}
      <li>
        <a href="#double-field-tab-{{ delta }}">
          {% if settings.first.prefix %}
            <span class="double-field-prefix">{{ settings.first.prefix }}</span>
          {% endif %}
          {{ item.first }}
          {% if settings.first.suffix %}
            <span class="double-field-suffix">{{ settings.first.suffix }}</span>
          {% endif %}
        </a>
      </li>
    {% endfor %}
  </ul>
  {% for delta, item in items %}
  <div id="double-field-tab-{{ delta }}">
    {% if settings.second.prefix %}
      <span class="double-field-prefix">{{ settings.second.prefix }}</span>
    {% endif %}
    {{ item.second }}
    {% if settings.second.suffix %}
      <span class="double-field-suffix">{{ settings.second.suffix }}</span>
    {% endif %}
  </div>
{% endfor %}
</div>

File

templates/double-field-tabs.html.twig
View source
  1. <div class="double-field-tabs">
  2. <ul>
  3. {% for delta, item in items %}
  4. <li>
  5. <a href="#double-field-tab-{{ delta }}">
  6. {% if settings.first.prefix %}
  7. <span class="double-field-prefix">{{ settings.first.prefix }}</span>
  8. {% endif %}
  9. {{ item.first }}
  10. {% if settings.first.suffix %}
  11. <span class="double-field-suffix">{{ settings.first.suffix }}</span>
  12. {% endif %}
  13. </a>
  14. </li>
  15. {% endfor %}
  16. </ul>
  17. {% for delta, item in items %}
  18. <div id="double-field-tab-{{ delta }}">
  19. {% if settings.second.prefix %}
  20. <span class="double-field-prefix">{{ settings.second.prefix }}</span>
  21. {% endif %}
  22. {{ item.second }}
  23. {% if settings.second.suffix %}
  24. <span class="double-field-suffix">{{ settings.second.suffix }}</span>
  25. {% endif %}
  26. </div>
  27. {% endfor %}
  28. </div>