Вкладки в карточке товара

[ky3mu4]

всем привет. подскажите пожалуйста. хочу добавить еще две вкладки "оплата и достака" и "гарантия" в карточку товара. как мне это сделать?

 

 

<div class="row">
    <div class="col-sm-12">
        <ul class="nav nav-tabs product">
                    <li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
                    <?php if ($attribute_groups) { ?>
                    <li><a href="#tab-specification" data-toggle="tab"><?php echo $tab_attribute; ?></a></li>
                    <?php } ?>
                    <?php if ($review_status) { ?>
                    <li><a href="#tab-review" data-toggle="tab"><?php echo $tab_review; ?></a></li>
                    <?php } ?>

[katilina]

 

[Grodas]

Здравствуйте. Пример работы вкладок http://bootstrap-3.ru/javascript.php#tabs 

Добавить <li><a href="#ваш-id" data-toggle="tab">Название вкладки</a></li>. И ниже в <div class="tab-content"> добавить блок <div class="tab-pane" id="ваш-id">Содержимое вкладки</div>

[ky3mu4]

спасибо)

 

[Fortunes]

В 31.03.2017 в 21:49, ky3mu4 сказал:

всем привет. подскажите пожалуйста. хочу добавить еще две вкладки "оплата и достака" и "гарантия" в карточку товара. как мне это сделать?

 

 

<div class="row">
    <div class="col-sm-12">
        <ul class="nav nav-tabs product">
                    <li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
                    <?php if ($attribute_groups) { ?>
                    <li><a href="#tab-specification" data-toggle="tab"><?php echo $tab_attribute; ?></a></li>
                    <?php } ?>
                    <?php if ($review_status) { ?>
                    <li><a href="#tab-review" data-toggle="tab"><?php echo $tab_review; ?></a></li>
                    <?php } ?>

Почитайте в бутстрепе, проблем не возникнет.

[Lifeamove]

@ky3mu4  Доброго дня. Получилось реализовать задумку? Каким образом? У меня не получается разобраться с JavaScript - ом...

 

Вы редактировали файл:  /catalog/view/theme/default/template/product/product.tpl ?

Змінено 15 квітня 2017 користувачем Lifeamove

[unknown]

13 hours ago, Lifeamove said:

@ky3mu4  Доброго дня. Получилось реализовать задумку? Каким образом? У меня не получается разобраться с JavaScript - ом...

 

Вы редактировали файл:  /catalog/view/theme/default/template/product/product.tpl ?

 

JavaScript трогать не нужно

 

в

/catalog/view/theme/default/template/product/product.tpl

Добавляете новую закладку

<li><a href="#tab-NEW-TAB-NAME-HERE" data-toggle="tab">NEW-TAB-NAME</a></li>

 

 

          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
            <?php if ($attribute_groups) { ?>
            <li><a href="#tab-specification" data-toggle="tab"><?php echo $tab_attribute; ?></a></li>
            <?php } ?>
            <?php if ($review_status) { ?>
            <li><a href="#tab-review" data-toggle="tab"><?php echo $tab_review; ?></a></li>
            <?php } ?>
          
            //ДОБАВИТЬ
            <li><a href="#tab-NEW-TAB-NAME-HERE" data-toggle="tab">NEW-TAB-NAME</a></li>

</ul>

 

Ниже в

<div class="tab-content">

Ищите содержимое последней вкладки, в нашем случае это

<?php if ($review_status) { ?>
<div class="tab-pane" id="tab-review">
  
  ....
  

</div>
<?php } ?>

и после нее добавляете содержимое вашей новой вкладки

<div class="tab-pane active" id="tab-NEW-TAB-NAME-HERE">

  ...
  
  // СОДЕРЖИМОЕ НОВОЙ ВКЛАДКИ

  ...
  
</div>

 

 

Змінено 15 квітня 2017 користувачем unknown

[mario512]

Использую модуль, который реализует данный функцианал. На скрине вкладки расположенны вертикально т.к. открыл полную версию сайта мобильным браузером.

[Cezarmay]

В 16.04.2017 в 01:02, unknown сказал:

 

JavaScript трогать не нужно

 

в

/catalog/view/theme/default/template/product/product.tpl

Добавляете новую закладку

<li><a href="#tab-NEW-TAB-NAME-HERE" data-toggle="tab">NEW-TAB-NAME</a></li>

 

 

          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
            <?php if ($attribute_groups) { ?>
            <li><a href="#tab-specification" data-toggle="tab"><?php echo $tab_attribute; ?></a></li>
            <?php } ?>
            <?php if ($review_status) { ?>
            <li><a href="#tab-review" data-toggle="tab"><?php echo $tab_review; ?></a></li>
            <?php } ?>
          
            //ДОБАВИТЬ
            <li><a href="#tab-NEW-TAB-NAME-HERE" data-toggle="tab">NEW-TAB-NAME</a></li>

</ul>

 

Ниже в

<div class="tab-content">

Ищите содержимое последней вкладки, в нашем случае это

<?php if ($review_status) { ?>
<div class="tab-pane" id="tab-review">
  
  ....
  

</div>
<?php } ?>

и после нее добавляете содержимое вашей новой вкладки

<div class="tab-pane active" id="tab-NEW-TAB-NAME-HERE">

  ...
  
  // СОДЕРЖИМОЕ НОВОЙ ВКЛАДКИ

  ...
  
</div>

 

 

Спасибо автору. Все работает.