Whipped Body Butter

{% if settings.products_tab_show == true %}

<div role="tabpanel" class="homepage-tabs homepage-section">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#tab-1" aria-controls="tab-1" role="tab" data-toggle="tab" class="btn-fancy">{{ settings.products_tab_1_title | default: "TAB 1" }}</a></li>
<li role="presentation"><a href="#tab-2" aria-controls="tab-2" role="tab" data-toggle="tab" class="btn-fancy">{{ settings.products_tab_2_title | default: "TAB 2" }}</a></li>
<li role="presentation"><a href="#tab-3" aria-controls="tab-3" role="tab" data-toggle="tab" class="btn-fancy">{{ settings.products_tab_3_title | default: "TAB 3" }}</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="tab-1">
<div class="row">
{% assign tab1_products = collections.[[settings.products_tab_1_collection]].products | default: collections.all.products %}
{% for product in tab1_products limit:settings.products_tab_count %}
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">{% include 'product-grid-item' %}</div>
{% endfor %}
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab-2">
<div class="row">
{% assign tab2_products = collections.[[settings.products_tab_2_collection]].products | default: collections.all.products %}
{% for product in tab2_products limit:settings.products_tab_count %}
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">{% include 'product-grid-item' %}</div>
{% endfor %}
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab-3">
<div class="row">
{% assign tab3_products = collections.[[settings.products_tab_3_collection]].products | default: collections.all.products %}
{% for product in tab3_products limit:settings.products_tab_count %}
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">{% include 'product-grid-item' %}</div>
{% endfor %}
</div>
</div>
</div>
</div>

{% endif %}