Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 173 Ответов
  • 50519 Просмотров
*

welder_pb

  • Осваиваюсь на форуме
  • 11
  • 1 / 0
скромно набиваем цену))
копировать инфу с википеди легко и не облом
Нет цену я не набиваю, поделюсь решением абсолютно бесплатно, но только чуть позже, я не спал всю ночь)) А инстукцию же еще написать надо.
А инфа с википедии, этож для примера я создал item. А москвич 410, только потому что мой любимый авто))
*

MetaSpirit

  • Завсегдатай
  • 1370
  • 106 / 0
  • R.A.S.Lab[.org]
Нет цену я не набиваю, поделюсь решением абсолютно бесплатно, но только чуть позже, я не спал всю ночь)) А инстукцию же еще написать надо.
Мда... Уже практически почти 9 дней как инструкцию пишем...
R.A.S.Lab[.org]: ZOOvirtue - корзина для ZOO, Яндекс.Карты для ZOO, ItemPanes - табы для ZOO, ZOOlendar - календарь для ZOO  и др.
Создание расширений для YOOtheme ZOO на заказ. Становитесь в очередь.
*

scs

  • Захожу иногда
  • 175
  • 2 / 0
  • ДумаюююююЮЮ
думается, что все ранее уже было написано ТС темы выше...
welder_pb же не инструкцию пишет, а много страничный мануал на 5-ти языках по всей видимости)))
*

welder_pb

  • Осваиваюсь на форуме
  • 11
  • 1 / 0
Все не знал с какого слова начать, но вы во мне прям музу разбудили.))
Вообще сразу скажу, что идея не моя, вычитал где то на этом форуме, просто допиленная под zoo.(а конкретно под product catalog, если это имеет значение)
Итак. 1. Открываем full.php
После вывода позиции TOP(хотя ее тоже можно в отдельную вкладку) вставляем сообственно сами вкладки:
т.е. перед строчкой <div class="floatbox">

<div class="section">
<ul class="tabs">
     <li class="current">
       <div class="box-t1">
      <div class="box-t2">
         <div class="box-t3"></div>
      </div>
   </div>
      <div class="box-1">
            TAB1  
       </div>    
    </li>


    <li>
   <div class="box-t1">
      <div class="box-t2">
         <div class="box-t3"></div>
      </div>
   </div>
        <div class="box-1">
         TAB2
        </div>  
    </li>

    
    <li>
   <div class="box-t1">
      <div class="box-t2">
         <div class="box-t3"></div>
      </div>
   </div>
        <div class="box-1">
         TAB3
        </div>  
    </li>

</ul>
Для наглядности, я использовал для описания каждой вкладки свой цвет.
Маленько поясню(дивы box-t1, box-t2, box-t3 нужны чтобы вкладки выглядели закругленными, если хотите квадратные то можно их убрать, тут дело вкуса)


2. Потом далее нам нужно по вкладкам распихать нужные нам позиции:
вот как это выглядит для моего примера, для наглядности опять выделю цветами в соответствии с вкладками

<div class="box visible">
     <div class="floatbox">
     <div class="box-t1">
      <div class="box-t2">
         <div class="box-t3"></div>
      </div>
   </div>
   
       <div class="box-1">
   <?php if ($this->checkPosition('specification')) : ?>
   <div class="pos-specification">
       <h3><?php echo JText::_('Specifications'); ?></h3>
       <ul>
           <?php echo $this->renderPosition('specification', array('style' => 'list')); ?>
       </ul>
   </div>
   <?php endif; ?>
        <?php if ($this->checkPosition('carbody')) : ?>
   <div class="pos-carbody">
       <h3><?php echo JText::_('Carbody'); ?></h3>
       <ul>
           <?php echo $this->renderPosition('carbody', array('style' => 'list')); ?>
       </ul>
   </div>
   <?php endif; ?>
   
       </div>

   <div class="box-b1">
      <div class="box-b2">
         <div class="box-b3"></div>
      </div>
   </div>
    </div>
</div>



<div class="box">
     <div class="floatbox">
   <div class="box-t1">
      <div class="box-t2">
         <div class="box-t3"></div>
      </div>
   </div>
   
   <div class="box-1">
        <?php if ($this->checkPosition('media')) : ?>
        <div class="pos-media <?php echo 'media-'.$view->params->get('template.item_media_alignment'); ?> ">
             <?php echo $this->renderPosition('media', array('style' => 'block')); ?>
        </div>
        <?php endif; ?>
        </div>
        
        <div class="box-b1">
      <div class="box-b2">
         <div class="box-b3"></div>
      </div>
   </div>
        
     </div>
</div>


<div class="box">
     <div class="floatbox">
         <div class="box-t1">
      <div class="box-t2">
         <div class="box-t3"></div>
      </div>
   </div>
   
   <div class="box-1">
         <?php if ($this->checkPosition('description')) : ?>
            <div class="pos-description">
               <h3><?php echo JText::_('History'); ?></h3>
               <?php echo $this->renderPosition('description', array('style' => 'block')); ?>
            </div>
         <?php endif; ?>
        
         </div>
         <div class="box-b1">
      <div class="box-b2">
         <div class="box-b3"></div>
      </div>
   </div>
        
     </div>
</div>
     

Думаю что ничего сложного все наглядно понятно.

3. далее в item.css в конец добавляем:
Код
/* tabs--------------------------------------------------------- */
#yoo-zoo .section  ul.tabs { padding-left: 25px; }
#yoo-zoo .section .tabs div.box-t1 {
 width: 150px;
 float: none;
 }
#yoo-zoo .section .tabs div.box-t2 { }
#yoo-zoo .section .tabs div.box-t3 { }

#yoo-zoo .section .tabs div.box-b1 { width: 150px;}
#yoo-zoo .section .tabs div.box-b2 { }
#yoo-zoo .section .tabs div.box-b3 { }



#yoo-zoo .section .tabs li {
list-style: none;
margin: 0 1px -1px 0;
padding: 0px;
width: 150px;
float: left;
color: #C8CBCD;
text-align: center;
position: relative;
cursor: pointer;
}


#yoo-zoo .section .tabs li.current {
border-bottom: 1px solid #5D5D5D;
color: #FFFFFF;
}

.box {
clear: both;
display: none;
}

.box.visible {
clear: both;
display: block;
Тут соответсвтенно меняем цвета под свои темы, и вообще стиль под свою тему. Данный стиль, то что на скриншоте в моем примере

4. Ну и сообственно jQuery скрипт, который заставляет наши вкладки работать.
Поместить можно хоть куда, хоть в начало файла. Я сделал отдельный файл zoo_tabs.js? положил его в components/com_zoo/assets/js
Код
(function($) {
$(function() {
  $('ul.tabs').each(function() {
     $(this).find('li').each(function(i) {
        $(this).click(function(){
           $(this).addClass('current').siblings().removeClass('current');
           var p = $(this).parents('div.section');
           p.find('div.box visible').addClass('box');
           p.find('div.box').hide();
           p.find('div.box:eq('+i+')').fadeIn(150);
        });
      });
   });
});
})(jQuery)

и подключил его в файле /components/com_zoo/zoo.php строчкой:
//add zoo_tabs.js
JHTML::script('zoo_tabs.js', ZOO_SITE_URI . 'assets/js/');

Вот и все. Как я уже и говорил, решение не совсем тривиальное, но вполне реализуемое. Если возникнут вопросы, задавайте, оперативность ответа не гарантирую.))
« Последнее редактирование: 29.04.2011, 00:41:43 от welder_pb »
*

Padre

  • Осваиваюсь на форуме
  • 41
  • 1 / 0
Имею J1.5 ZOO 2.4.7.
Сделал всё как написано в первом посте, но вкладки не активны и весь материал вкладок виден на экране после каждой вкладки. Как это исправить, может кто-то знает?
И как думаете, разработчики добавят функцию вкладок когда-нибудь или нет?
*

asos

  • Осваиваюсь на форуме
  • 24
  • 1 / 0
Всем привет. А возможно сделать так, чтобы комментарии zoo которые идут внизу страницы, тоже во вкладке были?
*

ScratchUA

  • Осваиваюсь на форуме
  • 37
  • 26 / 0
Всем привет. А возможно сделать так, чтобы комментарии zoo которые идут внизу страницы, тоже во вкладке были?
Теоретически - можно все, а практически - в решении во вкладки выводятся только элементы, а так как нативные комментарии ZOO не оформлены в виде элемента, то это весьма затруднительно.
Наиболее простой выход из ситуации - поставить JComments, которые гораздо лучше по функциональности (как на мой взгляд) и интегрировать с ZOO, как описано в этой теме. Интеграция дает вам элемент JComments, который можно без труда поместить во вкладку.
*

Duns63

  • Новичок
  • 5
  • 0 / 0
Сделал все по инструкции welder_pb  - действительно цепляется. За одни "маленьким" минусом - сами табы категорически отказываются работать - просто стоят статично в вертикальном порядке. Что это может быть? Опечатка или jQuery отказывается работать? У кого есть идеи, как все-таки запустить это хозяйство?
*

Duns63

  • Новичок
  • 5
  • 0 / 0
Получилось!
Что я сделал по-другому. У меня стоит шаблон от Warp Theme Framework, сделал так, как предложено у них в доках - http://www.yootheme.com/docs/home/item/add-custom-css-and-javascript-files-warp55-2. То есть загрузил скрипт и CSS куда было предложено. Все работает. Дальше только наведение красоты )
P.S.
Насчет фразы из текста "распихиваем все по закладкам" - кто-то может понять буквально и начать реально впихивать код в соответствующие места (Tab1, Tab2 и т.д.). Не смейтесь, сам грешным делом так и сделал поначалу (если честно - полный дуб во всем этом). И только после многочасового копания матчасти наконец допер  ;D
« Последнее редактирование: 25.06.2011, 18:29:32 от Duns63 »
*

Douson

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
А у меня что-то не получается. Подключил табы через jQuery и в шаблоне от YOO происходит конфликт. Либо табы работают либо меню в шаблоне.

Правда, я подключаю табы в файле frontpage.php приложения ZOO.

А на меню влияет файл, который находится в media/zoo/.../jquery.js

Пробовал обновить скрипт jquery, ничего не выходит. Опишу структуру, которую помещаю  в frontpage.php

Код
<script type="text/javascript">
$(function () {
    var tabContainers = $('div.tabs #tabs-block > div'); // получаем массив контейнеров
    tabContainers.hide().filter(':first').show(); // прячем все, кроме первого
    // далее обрабатывается клик по вкладке
    $('div.tabs  ul.tabNavigation a').click(function () {
        tabContainers.hide(); // прячем все табы
        tabContainers.filter(this.hash).show(); // показываем содержимое текущего
        $('div.tabs ul.tabNavigation a').removeClass('selected'); // у всех убираем класс 'selected'
        $(this).addClass('selected'); // текушей вкладке добавляем класс 'selected'
        return false;
    }).filter(':first').click();
});
</script>

далее, HTML код табов

Код
<div class="tabs">
<!-- Это сами вкладки -->
    <ul class="tabNavigation">
        <li><a class="" href="#first">Разделы</a></li>
        <li><a class="" href="#second">Теги</a></li>
    </ul>
<!-- Это контейнеры содержимого -->    
    <div id="tabs-block">
        <div id="first">
            <div>
            код первого таба
            </div>
        </div>
        <div id="second">
            <div>
            код второго таба
            </div>
        </div>
</div>
</div>

Отдельным файлом подключаю CSS . Когда подключаю jquery либо непосредственно тут либо в шаблоне через
Код
$this->warp->javascripts->add('js:zoo_tabs.js');
ошибка та же самая... Меню шаблона не работает...
Как от этого избавиться?

« Последнее редактирование: 06.07.2011, 14:19:48 от Douson »
*

Douson

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Вобщем уже крыша едет. Как только в frontpage.php пытаюсь подключить jquery так сразу конфликт идет.. или я неправильно подключаю или как-то по особому надо... Подскажите, кто знает в чем проблема у меня...
*

Douson

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
ФУУХХХХ, проблему решил скачав плагин для Joomla 1.5 с принудительной заменой всех jquery & mootools скриптов. Оказывается все заработало только тогда, когда поставил в настройках запрет на использование локального mootools, на свежи-обновленного.
А я искал причину в Jquery а получается, что был конфликт с тулзом этим... Два дня мучений пришли к концу
*

yandex_hb

  • Захожу иногда
  • 263
  • 12 / 3
проблему решил скачав плагин для Joomla 1.5 с принудительной заменой всех jquery & mootools
Линку на плагин не дадите?
*

akir610

  • Новичок
  • 5
  • 0 / 0
Спасибо за руководство, очень помогло!

Подскажите, пожалуйста, как изменить код, чтобы:
- по-умолчанию вкладки были закрытыми?
- при нажатии на активную вкладку, она сворачивалась?

Буду очень благодарен за любую помощь в данном вопросе, но не откажусь и от готового решения ::)
Заранее спасибо!
« Последнее редактирование: 06.08.2011, 19:20:16 от akir610 »
*

Ongi

  • Захожу иногда
  • 273
  • 15 / 0
akir610, попробуйте сторонние плагины вкладок на jquery
*

alkomail

  • Осваиваюсь на форуме
  • 24
  • 5 / 0
Хочу предложить некоторые усовершенствования:

Может быть Вы сталкивались с тем что после обновления ZOO приходиться заново копировать/создавать файл tabbedblock.php в папке components/com_zoo/renderer/element/. Так почему бы не воспользоваться таким удобным свойством любого framework-а от YOO как overrides! Override работает как в Warp так и в ZOO

Создаем в папке шаблона ZOO renderer - папку element, в приложении где реализованы табы

/media/zoo/applications/ <Имя Вашего приложения> /templates/ <Имя шаблона> /renderer/element

и копируем файл tabbedblock.php в эту папку. Теперь табы не будут пропадать после обновления ZOO.

Файл tabbedblock.php в папку components/com_zoo/renderer/element/ можно уже не копировать.
« Последнее редактирование: 20.08.2011, 18:27:20 от alkomail »
*

de_mentiy

  • Новичок
  • 2
  • 0 / 0
Цитировать
Насчет фразы из текста "распихиваем все по закладкам" - кто-то может понять буквально и начать реально впихивать код в соответствующие места (Tab1, Tab2 и т.д.). Не смейтесь, сам грешным делом так и сделал поначалу (если честно - полный дуб во всем этом). И только после многочасового копания матчасти наконец допер 
Ага, я тоже так делаю. Только ещё не допёр. Подскажешь?
« Последнее редактирование: 02.09.2011, 18:13:21 от de_mentiy »
*

alpha-helix

  • Захожу иногда
  • 80
  • 1 / 0
Помогите поместить  ГОРОД ,УЛИЦА  в одну вкладку, к примеру создать вкладку адрес и в ней все нужные поля.
если во вкладки вставляю Google карту то получается вот такой косяк 
как быть? в CSS исправить не получилось.

Аналогичная проблема. Похоже на косяк в связке с JPane. Если карту загружать в первой вкладке - она отображается как и должна. Если карта подгружается в блоке с display:none - возникает проблема
*

alpha-helix

  • Захожу иногда
  • 80
  • 1 / 0
Решил проблему.
В фале media\system\js\tabs.js
Нужно в событиях onActive и onBackground заменить пару строк

Код
description.setStyle('display', 'block');
заменить на
Код
description.setStyle('visibility', 'visible');
description.setStyle('height', 'auto');

Строку
Код
description.setStyle('display', 'none');
на
Код
description.setStyle('visibility', 'hidden');
description.setStyle('height', '0');
*

farmay

  • Захожу иногда
  • 338
  • 10 / 4
  • Все так как должно быть...
Возможно в одну вкладку добавить несколько элементов?
*

cdrewriter

  • Новичок
  • 8
  • 0 / 0
Ребят замучился совсем, создал вкладки. Галлерея выводится без проблем, другая информация тоже без проблем, но вот related items выводятся вертикально и решить проблему никак не могу. Помогите пожалуйста!
http://temp.lorena-kuhni.ru/index.php/catalog/classica/item/amelia?category_id=46
*

tochini

  • Захожу иногда
  • 67
  • 1 / 0
Всем привет. А возможно сделать так, чтобы комментарии zoo которые идут внизу страницы, тоже во вкладке были?
Выключи комментарии ЗУ, Установи плагин от yoonique.net (Yoonique Zoo Kunena Discuss for Zoo), отключи автокомментирование (Категория по умолчанию=пусто) и побликуй комментарии в табе {kunena_discuss:3}
Проверено, работает.
*

diks13

  • Захожу иногда
  • 257
  • 10 / 0
2. Потом далее нам нужно по вкладкам распихать нужные нам позиции:
вот как это выглядит для моего примера, для наглядности опять выделю цветами в соответствии с вкладками
в этом месте как-то не понятно что делать с этим кодом,поясните по подробней куда его пихать то ?? решений много и не понятно что работает лучше.
кто нибудь отпишитесь пожалуйста!
*

vveco

  • Осваиваюсь на форуме
  • 29
  • 0 / 0
Сделал все по инструкции ScratchUA. В шаблоне full вкладки появились, но в опубликованном материале их нет. Пробовал для page и blog - результат одинаковый.. В чем может быть причина?
ZOO 2,5 Joomla 1.7.
*

diks13

  • Захожу иногда
  • 257
  • 10 / 0
Сделал все по инструкции ScratchUA. В шаблоне full вкладки появились, но в опубликованном материале их нет. Пробовал для page и blog - результат одинаковый.. В чем может быть причина?
ZOO 2,5 Joomla 1.7.

В шаблоне full появится позиция "Tabbed Content" в нее добавляем нужные элементы.после этого в опубликованном материале они появятся.
*

vveco

  • Осваиваюсь на форуме
  • 29
  • 0 / 0
Дак в том то и вопрос - позиция "Tabbed Content" появилась, поля заполнил, но в опубликованном материале вкладки не выводятся :(
*

vveco

  • Осваиваюсь на форуме
  • 29
  • 0 / 0
на ZOO 2.5 и Joomla 1.7 методика работает у кого-нибудь?
*

jan_dax

  • Захожу иногда
  • 70
  • 2 / 4
Подскажите, а как добавить обработку переключения по языкам. по соседству тема как "хакнуть" для перевода без джумфиша. пробовал как там пишут - все бы ничего но ведь закладки-то не переведутся.., табы тоисть. как организовать вывод табов по языкам. может кто подскажет
*

мираж

  • Захожу иногда
  • 368
  • 0 / 0
на ZOO 2.5 и Joomla 1.7 методика работает у кого-нибудь?
если у кого то получилось выкините фалы
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Размещение галереи из Widgetkit по центру в материале

Автор Insane

Ответов: 7
Просмотров: 7114
Последний ответ 19.09.2016, 12:28:10
от rudkovskiy
Вывести содержимое itema в материале Joomla

Автор intuitive

Ответов: 0
Просмотров: 870
Последний ответ 18.12.2014, 16:56:38
от intuitive
Не работают вкладки zoo каталога в Опере.

Автор desss

Ответов: 3
Просмотров: 1218
Последний ответ 30.06.2012, 07:56:38
от desss
Как создать второй Related Items?

Автор jer

Ответов: 0
Просмотров: 730
Последний ответ 05.04.2012, 20:28:15
от jer
[Решено] Gallery widgetkit 1.0.1 в материале картинка не в Lightbox`e

Автор ANton9999

Ответов: 2
Просмотров: 1573
Последний ответ 29.03.2012, 23:31:02
от viteg