Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

sovremennaya-pryamaya-kuhnya-mdf-emal5.jpg

sovremennaya-uglovaya-kuhnya-s-barnoj-stojkoj8.jpg

Надіслати
Поділитися на інших сайтах


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>


 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.