Раньше я эти табы делал на jquery-ui (см. https://cpu.badisoft...ook-IQ-701.html), там есть специально заточенный виджет для этого, но имея в "ядре шаблона" bootstrap использовать jquery-ui как-то глупо, ведь в bootstap есть свои табы, более интересные конструктивно и имеющие с шаблоном общие цветовые, размерные и прочие свойства.
Ниже идет кусочек файла product_deatailed.tpl.html, только сами табы, лишнее удалено.
<ul class="nav nav-tabs">
<li><a href="#tab1" data-toggle="tab">Краткое</a></li>
<li{if !$smarty.get.sent && !$smarty.get.nosent && !$smarty.request.disc} class="active"{/if}><a href="#tab2" data-toggle="tab">Полное</a></li>
{if $product_related_number}<li><a href="#tab3" data-toggle="tab">Опции</a></li>{/if}
{if $smarty.const.CONF_PRODUCT_MAIL}<li{if $smarty.get.sent || $smarty.get.nosent} class="active"{/if}><a href="#tab4" data-toggle="tab">Вопрос?</a></li>{/if}
{if $smarty.const.CONF_USE_DISCUSS}<li{if $smarty.request.disc} class="active"{/if}><a href="#tab5" data-toggle="tab">Отзывы({$product_reviews_count})</a></li>{/if}
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane fade">
{* код вывода краткого описания *}
{include file="product_brief_tab.tpl.html"}
</div>
<div id="tab2" class="tab-pane fade{if !$smarty.get.sent && !$smarty.get.nosent && !$smarty.request.disc} in active{/if}">
{* код вывода полного описания *}
[...]
</div>
{if $product_related_number}
<div id="tab3" class="tab-pane fade">
{* рекомендуемые товары *}
[...]
</div>
{/if}
{if $smarty.const.CONF_PRODUCT_MAIL eq 1}
<div id="tab4" class="tab-pane fade{if $smarty.get.sent || $smarty.get.nosent} in active{/if}">
{* вывод формы для отправки вопроса *}
{include file="product_mail_tab.tpl.html"}
</div>
{/if}
{if $smarty.const.CONF_USE_DISCUSS}
<div id="tab5" class="tab-pane fade{if $smarty.request.disc} in active{/if}">
{* вывод дискуссий *}
{include file="product_discussion.tpl.html"}
</div>
{/if}
</div>
Пример: http://new.badisoft....ook-iq-701.html
Источник:
http://bootstrap-3.r...ts.php#nav-tabs
http://bootstrap-3.r...script.php#tabs