Перейти к содержимому


Фотография
- - - - -

Работа со вкладками в карточке товара

вкладки

Лучший Ответ SmetDenis , 28 January 2015 - 06:05

Как сказала Евгения, рабочий пример вы можете взять из product/full.php

 

А это упрощенный вариант

http://jbzoo.ru/docs/how-tabs-works

<div id="jbzoo-tabs" class="rborder">
    <ul>
        <li><a href="#tab-text">Текст</a></li>
        <li><a href="#tab-props">Характеристики</a></li>
        <li><a href="#tab-comments">Разное</a></li>
    </ul>
    <div id="tab-text"><?php echo $this->renderPosition('tab-text'); ?></div>
    <div id="tab-props"><?php echo $this->renderPosition('tab-props'); ?></div>
    <div id="tab-comments"><?php echo $this->renderPosition('tab-comments'); ?></div>
</div>
<?php $this->app->jbassets->jQueryUi();?> <!-- подключаем jQuery UI -->
<script type="text/javascript">
    jQuery(function ($) {
        $('#jbzoo-tabs').tabs(); // инициализация из jQuery UI Tabs
    });
</script>

Так же не забудьте добавить позиции tab-comments, tab-props, tab-text в файле positions.xml

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 2

#1 inshark

inshark

Отправлено 27 January 2015 - 16:22

Приветствую! Может вопрос и покажется для вас простым и банальным, но все таки. Создали вкладки, а как их наполнить не ясно. Все сделаи по видеоуроку.  Фото прилагаю.. На прилагающихся скринах что есть и как нужно. Заране благодарим за ответ!

5380ecdf45e3.jpg3f750026fea0.png

 


  • 0

#2 Евгения

Евгения

Отправлено 27 January 2015 - 19:22

))) А вкладки-то вы где создали? :)

 

У вас в типе Product, есть шаблон, например Full. В шаблоне есть определенные позиции, как то Галерея (Gallery), Параметры (Options), Описание (Description). Вам нужно в эти позиции вставить поля, которые вы хотите видеть во вкладках.

 

З.Ы. Если поля в элементе не заполнены, то и показывать во вкладках нечего.


Сообщение отредактировал Евгения: 27 January 2015 - 19:23

  • 0

"Это бессмысленно" - сказал разум. "Это нелепо" - заметил опыт. "Это бесполезно" - отрезал здравый смысл. "О! Вот так нормально!" - обрадовался клиент.

Что, где лежит (тема-сборник про пути к файлам)


#3 SmetDenis

SmetDenis

Отправлено 28 January 2015 - 06:05   Лучший Ответ

Как сказала Евгения, рабочий пример вы можете взять из product/full.php

 

А это упрощенный вариант

http://jbzoo.ru/docs/how-tabs-works

<div id="jbzoo-tabs" class="rborder">
    <ul>
        <li><a href="#tab-text">Текст</a></li>
        <li><a href="#tab-props">Характеристики</a></li>
        <li><a href="#tab-comments">Разное</a></li>
    </ul>
    <div id="tab-text"><?php echo $this->renderPosition('tab-text'); ?></div>
    <div id="tab-props"><?php echo $this->renderPosition('tab-props'); ?></div>
    <div id="tab-comments"><?php echo $this->renderPosition('tab-comments'); ?></div>
</div>
<?php $this->app->jbassets->jQueryUi();?> <!-- подключаем jQuery UI -->
<script type="text/javascript">
    jQuery(function ($) {
        $('#jbzoo-tabs').tabs(); // инициализация из jQuery UI Tabs
    });
</script>

Так же не забудьте добавить позиции tab-comments, tab-props, tab-text в файле positions.xml


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.






Темы с аналогичным тегами вкладки

Click to return to top of page in style!