Модуль вывода html текста ocstore 2.3

[vidok200]

Здравствуйте! нужен модуль чтобы при нажатии на заголовки менялся текст. Как на скриншотах к примеру общая тема Кухни,а  при нажатии на подзаголовок "столешница" появляется текст про столешницы, при нажатии на подзаголовок "Фурнитура" появляется текст про фурнитуру 

[specialforce22]

1 час назад, vidok200 сказал:

Здравствуйте! нужен модуль чтобы при нажатии на заголовки менялся текст. Как на скриншотах к примеру общая тема Кухни,а  при нажатии на подзаголовок "столешница" появляется текст про столешницы, при нажатии на подзаголовок "Фурнитура" появляется текст про фурнитуру 

 

Можно использовать табы

<div class="bootstrap-tabs" data-tab-set-title="ккк">
<ul class="nav nav-tabs" role="tablist"><!-- add tabs here -->
    <li role="presentation"><a aria-controls="-tab-1" class="tab-link" data-toggle="tab" href="#-tab-1" role="tab">Tab 1 Name</a></li>
    <li role="presentation"><a aria-controls="-tab-2" class="tab-link" data-toggle="tab" href="#-tab-2" role="tab">Tab 2 Name</a></li>
    <li role="presentation"><a aria-controls="-tab-3" class="tab-link" data-toggle="tab" href="#-tab-3" role="tab">Tab 3 Name</a></li>
    <li role="presentation"><a aria-controls="-tab-4" class="tab-link" data-toggle="tab" href="#-tab-4" role="tab">Tab 4 Name</a></li>
    <li role="presentation"><a aria-controls="-tab-5" class="tab-link" data-toggle="tab" href="#-tab-5" role="tab">Tab 5 Name</a></li>
    <li role="presentation"><a aria-controls="-tab-6" class="tab-link" data-toggle="tab" href="#-tab-6" role="tab">Tab 6 Name</a></li>
    <li role="presentation"><a aria-controls="-tab-7" class="tab-link" data-toggle="tab" href="#-tab-7" role="tab">Tab 7 Name</a></li>
    <li class="active" role="presentation"><a aria-controls="-tab-8" class="tab-link" data-toggle="tab" href="#-tab-8" role="tab">Tab 8 Name</a></li>
</ul>

<div class="tab-content"><!-- add tab panels here -->
<div class="tab-pane" id="-tab-1" role="tabpanel">
<div class="tab-pane-content">Tab 1 Content</div>
</div>

<div class="tab-pane" id="-tab-2" role="tabpanel">
<div class="tab-pane-content">Tab 2 Content</div>
</div>

<div class="tab-pane" id="-tab-3" role="tabpanel">
<div class="tab-pane-content">Tab 3 Content</div>
</div>

<div class="tab-pane" id="-tab-4" role="tabpanel">
<div class="tab-pane-content">Tab 4 Content</div>
</div>

<div class="tab-pane" id="-tab-5" role="tabpanel">
<div class="tab-pane-content">Tab 5 Content</div>
</div>

<div class="tab-pane" id="-tab-6" role="tabpanel">
<div class="tab-pane-content">Tab 6 Content</div>
</div>

<div class="tab-pane" id="-tab-7" role="tabpanel">
<div class="tab-pane-content">Tab 7 Content</div>
</div>

<div class="tab-pane active" id="-tab-8" role="tabpanel">
<div class="tab-pane-content">Tab 8 Content</div>
</div>
</div>
</div>