Contents

<hr>
<nav>
  <div class="nav nav-pills nav-justified flex-column flex-sm-row" role="tablist">
    {% for tab in include.tabs %}

      {% if forloop.first == true %}
        {% assign tab_class = 'active' %}
      {% elsif tab.name == 'special-offers' and site.original or site.special-offers.customers == false %}
        {% assign tab_class = 'd-none' %}
      {% else %}
        {% assign tab_class = '' %}
      {% endif %}

      {% if site.links.videos[tab.name].disabled == null %}
        {% capture tab_id %}
          {{ tab.name | downcase | replace: ' ', '-' }}
        {% endcapture %}

        <a class="nav-item nav-link {{ tab_class }}" data-toggle="tab" href="#{{ tab_id | strip }}" role="tab" aria-controls="{{ tab_id | strip }}" aria-selected="{{ forloop.first }}">
          {{ site.data.i18n.common.product-layout[site.lang][tab.name] | default: tab.name }}
        </a>
      {% endif %}
    {% endfor %}
  </div>
</nav>
<hr>

<div class="tab-content">
  {% for tab in include.tabs %}

    {% if forloop.first == true %}
      {% assign tab_class = 'show active' %}
    {% else %}
      {% assign tab_class = '' %}
    {% endif %}

    {% capture tab_id %}
      {{ tab.name | downcase | replace: ' ', '-' }}
    {% endcapture %}

    <div class="tab-pane fade {{ tab_class }}" id="{{ tab_id | strip }}" role="tabpanel" aria-labelledby="{{ tab_id | strip | append: '-tab' }}">
      <div class="container">
        {% include {{ tab.component | prepend: 'components/' | append: '.html' }} params=tab.params %}
      </div>
    </div>

  {% endfor %}
</div>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
jekyll-theme-marketing-1.0.1	_includes/components/nav-tabs/product-nav-tab.html
jekyll-theme-marketing-1.0.0	_includes/components/nav-tabs/product-nav-tab.html