Перейти к содержанию

Рекомендуемые сообщения

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

 

 

<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 } ?>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Здравствуйте. Пример работы вкладок 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>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 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 } ?>

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Изменено пользователем Lifeamove

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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>

 

 

Изменено пользователем unknown
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

IMG_20170416_083935.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.