Вкладки табы в карточке товара (Joomshopping Bootstrap) - JoomShopping

<ul class="nav nav-tabs">
    <li class="active"><a href="#desc" data-toggle="tab"><h3><?php echo _JSHOP_DESCRIPTION ?></h3></a></li>
	<?php if ($this->allow_review){?>
    <li><a href="#review" data-toggle="tab"><h3><?php echo _JSHOP_ADD_REVIEW_PRODUCT ?></h3></a></li>
    <?php }?>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="desc">
	
        <div class="jshop_prod_description">
            <?php print $this->product->description; ?>
        </div>

    </div>

	<?php if ($this->allow_review){?>
    <div class="tab-pane" id="review">
        <?php
            print $this->_tmp_product_html_before_review;
            include(dirname(__FILE__)."/review.php");
        ?>
    </div>
    <?php }?>
</div>

<?php foreach($this->videos as $k=>$video){?>
	<?php if ($video->video_code) { ?>
		<div class="video_full" id="hide_video_<?php echo $k?>"><?php echo $video->video_code?></div>
		<?php } else { ?>
		<a href="<?php echo $this->video_product_path?>/<?php echo $video->video_name?>" id="video_<?php echo $k?>" onclick="jQuery(this).media( { width: <?php echo $this->config->video_product_width;?>, height: <?php echo $this->config->video_product_height;?>} ); return false;">
		<img class="jshop_video_thumb" src="<?php echo $this->video_image_preview_path."/"; if ($video->video_preview) echo $video->video_preview; else echo 'video.gif'?>" alt="video" />
		</a>
	<?php } ?>
<?php } ?>

<ul class="nav nav-tabs">
    <li class="active"><a href="#char" data-toggle="tab"><h3><?php echo _JSHOP_CHAR ?></h3></a></li>
	<?php if ($this->allow_review){?>
    <li><a href="#related" data-toggle="tab"><h3><?php echo _JSHOP_RELATEDPR ?></h3></a></li>
    <?php }?>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="char">
	
    код блок характер -к
	
    </div>

	<?php if ($this->allow_review){?>
    <div class="tab-pane" id="related">
    
	код, блок сопут.
	
    </div>
    <?php }?>
</div>

<li class="active"><h3><a href="#desc" data-toggle="tab"><?php echo _JSHOP_DESCRIPTION ?></a></h3></li>

<? 
// Первым делом проверяем, подключен ли Bootstrap
// Таб описания оставляем включенным и открытым всегда по умолчанию
// формируем заголовки табов с условиями, если они включены в настройках или доступны по другим условиям
?>

<ul class="nav nav-tabs nav-justified">
        <li class="active"><a data-toggle="tab" href="#desc">Описание</a></li>

<?  // Проверяем, включены ли характеристики в настройках, и выводим заголовок таба
    // Если в настройках выключено или характеристик нет вообще - таб не выводится
    // По аналогии можно сделать проверку для каждого таба
 ?>

    <?php if (is_array($this->product->extra_field)){?>
        <li><a data-toggle="tab" href="#features">Характеристики</a></li>
    <?php }?>
<?  // Проверяем, если картинок больше 1, то выводим таб с галереей. По аналогии и видео  ?>
    <?php if ( (count($this->images)>1) ) {?>
        <li><a data-toggle="tab" href="#photos">Фото</a></li>
    <?php }?>
    <?php if (count($this->videos)){?>
        <li><a data-toggle="tab" href="#videos">Видео</a></li>
    <?php }?>
        <li><a data-toggle="tab" href="#reviews">Отзывы</a></li>
</ul>




<? //формируем контент табов с условиями, если они включены в настройках ?>
<div class="tab-content">
    <div id="desc" class="tab-pane fade in active">
        <h3>Описание товара</h3>
        <div class="jshop_prod_description">
            <?php print $this->product->description; ?>
        </div>  
    </div>
    <?php if (is_array($this->product->extra_field)){?>
    <div id="features" class="tab-pane fade">
        <h3>Характеристики товара</h3>
        <div class="extra_fields">
            <table class="table table-striped table-bordered table-hover">
                <?php foreach($this->product->extra_field as $extra_field){?>
                    <?php if ($extra_field['grshow']){?>
                        <div class='block_efg'>
                            <div class='extra_fields_group'>
                                <?php print $extra_field['groupname']?>
                            </div>
                    <?php }?>
                            <div class="extra_fields_el">
                                <tr>
                                    <td>
                                        <span class="extra_fields_name"><?php print $extra_field['name'];?></span><?php if ($extra_field['description']){?> 
                                            <span class="extra_fields_description">
                                                <?php print $extra_field['description'];?>
                                            </span><?php } ?>:
                                    </td>
                                    <td><span class="extra_fields_value">
                                                <?php print $extra_field['value'];?>
                                            </span>
                                    </td>
                                </tr>
                            </div>
                            <?php if ($extra_field['grshowclose']){?>
                        </div>
                            <?php }?>
                    <?php }?>
            </table>
        </div>
    <?php }?>
            <?php print $this->_tmp_product_html_after_ef;?>
    </div>
    
    <?php if ( (count($this->images)>1) ) {?>
    <div id="photos" class="tab-pane fade">
        <h3>Фото товара</h3>
        <span id='list_product_image_thumb'>
            <?php foreach($this->images as $k=>$image){?>
                <img class="jshop_img_thumb" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" onclick="showImage(<?php print $image->image_id?>)" />
            <?php }?>   
        </span>
    <?php }?>
                <?php print $this->_tmp_product_html_after_image_thumb;?>
    </div>

    <?php if (count($this->videos)){?>
        <div id="videos" class="tab-pane fade">
            <h3>Видеообзоры товара</h3>
                <?php foreach($this->videos as $k=>$video){?>
                    <?php if ($video->video_code) { ?>
                        <a href="#" id="video_<?php print $k?>" onclick="showVideoCode(this.id);return false;"><img class="jshop_video_thumb" src="<?php print $this->video_image_preview_path."/"; if ($video->video_preview) print $video->video_preview; else print 'video.gif'?>" alt="video" /></a>
                    <?php } else { ?>
                            <a href="<?php print $this->video_product_path?>/<?php print $video->video_name?>" id="video_<?php print $k?>" onclick="showVideo(this.id, '<?php print $this->config->video_product_width;?>', '<?php print $this->config->video_product_height;?>'); return false;"><img class="jshop_video_thumb" src="<?php print $this->video_image_preview_path."/"; if ($video->video_preview) print $video->video_preview; else print 'video.gif'?>" alt="video" /></a>
                    <?php } ?>
                <?php } ?>
    <?php }?>
                <?php print $this->_tmp_product_html_after_video;?>  
        </div>

        <div id="reviews" class="tab-pane fade">
            <h3>Отзывы покупателей</h3>
                <?php
                    print $this->_tmp_product_html_before_review;
                    include(dirname(__FILE__)."/review.php");
            
                    print $this->_tmp_product_html_before_related;
                    include(dirname(__FILE__)."/related.php");
                ?>
        </div>
</div>

jQuery(function(){
  jQuery('a[href^="#"]').on('click', function(){
    location.hash = jQuery(this).attr('href');
  });
});

jQuery(function(){
  if(location.hash){
    jQuery('a[href="'+location.hash+'"]').trigger('click');
  }
  jQuery('a[href^="#"]').on('click', function(){
    location.hash = jQuery(this).attr('href');
  });
});