Newer
Older
pre-www / src / blocks / featured-tabs.twig
<div class="block-{{block.key}} {{block.classes}}">
    <div class="block-container" data-tabs-container>
        <div class="block-{{block.key}}__tabs">
            {% for tab in block.content %}
                <button class="{% if loop.first %} is-selected{% endif %}" data-tab-target="{{loop.index}}">{{tab.name}}{% if not loop.last %},{% endif %}</button>
            {% endfor %}
        </div>
        {% for tab in block.content %}
            <div class="block-{{block.key}}-tab{% if loop.first %} is-active{% endif %}" data-tab-index="{{loop.index}}" style="{% if loop.first %}display:block{% endif %}">
                <div>
                    <div class="block-{{block.key}}-tab__img">
                        {% include "../layout/partials/picture.twig" with {"image": tab.image } %}
                    </div>
                    <div class="block-{{block.key}}-tab__content">
                        {% for inner_block in tab.inner_blocks %}
                            {% include './'~inner_block.key~'.twig' with {'block': inner_block } %}
                        {% endfor %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>