Jump to content


Photo
- - - - -

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

вкладки

Best Answer 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

Go to the full post


  • This topic is locked This topic is locked
2 replies to this topic

#1 inshark

inshark
  • JBZoo User (rus)
  • User rate: 0
  • posts: 27
  • topics: 7

Posted 27 January 2015 - 16:22

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

5380ecdf45e3.jpg3f750026fea0.png

 


  • 0

#2 Евгения

Евгения
  • JBZoo User (rus)
  • User rate: 11.4
  • posts: 505
  • topics: 25

Posted 27 January 2015 - 19:22

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

 

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

 

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


Edited by Евгения, 27 January 2015 - 19:23.

  • 0

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

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


#3 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 28 January 2015 - 06:05   Best Answer

Как сказала Евгения, рабочий пример вы можете взять из 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
Отключайте проверку лицензий как можно скорее!



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






Also tagged with one or more of these keywords: вкладки

Click to return to top of page in style!