Сообщений в теме: 26

[Tsirika]

Как прописать табы в шаблоне?
Если можно детально опишите как, куда...

[SmetDenis]

В основе вкладок лежит библиотека jQueryUI Tabs - http://jqueryui.com/demos/tabs/
Её скачивать и устанавливать на сайте не нужно, она уже есть в составе с компонентом Zoo

Чтобы сработали вкладки нужна верстка примерно следующего вида

<div id="tabs">
   <ul>
      <li><a href="#tabs-1">Заголовок вкладки 1</a></li>
      <li><a href="#tabs-2">Заголовок вкладки 2</a></li>
      <li><a href="#tabs-3">Заголовок вкладки 3</a></li>
   </ul>
   <div id="tabs-1">
      Содержимое вкладки 1
   <>
   <div id="tabs-2">
      Содержимое вкладки 2      
   <>
   <div id="tabs-3">
      Содержимое вкладки 3
   <>
<>

Особое внимание нужно обратить на наличие id="tabs" (по нему потом будем обращаться к вкладкам через JavaScript)
И каждая вкладка должна иметь ссылку  href="#tabs-1" соответствующую контенту id="tabs-1"

после этого кода, ниже нужно написать JavaScript код, который сделает из этой верстки динамические вкладки

<script>
$(function() {
    $( "#tabs" ).tabs();
});
</script>

и обязательно подключим саму библиотеку следующей строчкой в PHP

<?php $this->app->jbassets->jQueryUi(); ?>

Рабочий пример можно найти в файле
/media/zoo/applications/jbuniversal/templates/catalog/renderer/item/product/full.php

В этом файле принцип создания вкладок тот же самый, только добавлены условия отображения той или иной вкладки в зависимости от наличия элементов на ней.
class="rborder" - добавить слегка закругленную рамочку вокруг

Внешний вид настраивается полностью через CSS - http://htmlbook.ru/css

[Pika]

что и куда добавить, возможно заменить оригинальными файлами Zoo Catalog,  чтобы при создании нового типа в шаблоне уже были ТАБы из вашего шаблона в стандартном шаблоне Zoo Catalog.

Пример (верхняя часть ZOO Product Catalog, нижняя JBZOO):

[SmetDenis]

Чтобы табы появлялись для всех типов, можно их прописать в шаблоне
/media/zoo/applications/jbuniversal/templates/catalog/renderer/item/full.php


Можно скопировать в этот файл содержимое
/media/zoo/applications/jbuniversal/templates/catalog/renderer/item/product/full.php

и не забудьте скопировать секцию для full из файла positions.xml, лежит рядом с файлом full

[Mening]

Добрый день! Пробовала прописать вкладки по этому (http://joomlaforum.r...c,123164.0.html ) рецепу. Но c ZB Zoo он почему-то не прокатывает (в обычном Zoo работает). Подскажите, в чем загвоздка?

[SmetDenis]

Чем вас не устраивает вариант с jQueryUI, который уже есть в JBZoo ?
То что вы предложили по ссылке не пробовал.  Судя по тому что увидел - используется совершенно другой подход, который на порядок сложнее и требует элементарных знаний css/js/html/php чтобы иметь возможность исправить ошибку в случае чего.

[Виталий]

Чтобы табы появлялись для всех типов, можно их прописать в шаблоне
/media/zoo/applications/jbuniversal/templates/catalog/renderer/item/full.php


Можно скопировать в этот файл содержимое
/media/zoo/applications/jbuniversal/templates/catalog/renderer/item/product/full.php

и не забудьте скопировать секцию для full из файла positions.xml, лежит рядом с файлом full

Можно немного подробнее о копировании секции (для чайников

[SmetDenis]

Вы файлы xml открывали? Что там не понятного?

[Виталий]

К сожалению не обладаю необходимыми знаниями. Файл открывал, что и куда копировать не понял.

[Виталий]

C табами разобрался, поступил следующим образом:
из папки /media/zoo/applications/jbuniversal/templates/catalog/renderer/item/product/
скопировал файлы full.php и positions.xml
в /media/zoo/applications/jbuniversal/templates/catalog/renderer/item/
теперь новые шаблоны для материалов выглядят аналогично "Продукт"