[Решено] Как вывести содержимое табов на карточке один под другим?

[megasvf]

В магазине совсем немного информации в каждом табе и я подумал, что было бы хорошо вывести информацию из табов сразу, один под другим, а сами табы использовать как быстрый переход к нужной части контента.

 

Т.е сейчас так:

 

Описание | характеристики |  Отзывы

 

Описание о самом крутом товаре на 1000 символов, который побудит пользователя купить товар...

 

 

А хочу сделать так:

 

Описание | характеристики |  Отзывы

 

Описание о самом крутом товаре на 1000 символов, который побудит пользователя купить товар...

 

Характеристика 1                        Значение 1

Характеристика 2                        Значение 2

Характеристика 3                        Значение 3

Характеристика 4                       Значение 4

Характеристика 5                        Значение 5

 

Оценка 5/5

Отзыв о самом качественном и крайне недорогом товаре....

 

Подскажите пожалуйста где что можно поправить, чтобы такое сделать?

[AlexFisher]

В шаблоне карточки товара заменить табуляцию на якори у табов. Соответственно, проставить эти якори в ключевых местах.

[megasvf]

В шаблоне карточки товара заменить табуляцию на якори у табов. Соответственно, проставить эти якори в ключевых местах.

Ок, спасибо. А как вывести контент табов один под другим сразу?

 

Вот кусок кода в файле product.tpl , что отвечает за вывод табов на страницу. 

<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 } ?>
            <?php if ($product_extra_tabs) { ?>
              <?php $tab_i=0; foreach ($product_extra_tabs as $product_extra_tab) { ?>
                <li><a href="#tab-extra-<?php echo $tab_i; ?>" data-toggle="tab"><?php echo $product_extra_tab['title']; ?></a></li>
              <?php $tab_i++; } ?>
            <?php } ?>
   </ul>

Змінено 17 листопада 2016 користувачем megasvf

[konorws]

megasvf,

А за ним есть еще элементы которые отвечают за выводщ содержымого табов

<div id="tab-description"> и тому подобное ваша задача содержымое всех табов обьединить в один ну и поубирать вкладки насколько я полнял

[AlexFisher]

изменить

<div class="tab-content">

на

<div class="content>

[Skunk]

Пользуйтесь

[megasvf]

Огромное спасибо всем, кто откликнулся и помог в решении вопроса. Помогло.