Решение. Lightbox из Widgetkit в ZOO

  • 29 Ответов
  • 11939 Просмотров

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

*

Оффлайн Chedwick

Решение. Lightbox из Widgetkit в ZOO
« : 14.07.2011, 03:40:34 »
Т.к. пока разработчики не позаботились о вставке Lightbox из Widgetkit (оно и понятно, все-таки Widgetkit еще бета), сделал небольшой хак. Может кому-то понадобится

Для изображения

1. media\zoo\elements\image\image.php

строку:
$rel     = 'lightbox['.$title.']';
заменяем на:
$rel     = 'data-lightbox="on"';

2. media\zoo\elements\image\tmpl\image.php

полностью удаляем строку:
$rel   = ($rel)? 'rel="' . $rel .'"' : '';

Для галереи

media\zoo\elements\gallery\tmpl\lightbox.php

строку:
$a_attribs  = ($rel != '')? 'rel="'.$rel.'"' : 'rel="lightbox['.$gallery_id.']"';
меняем на:
$a_attribs  = 'data-lightbox="group:'.$gallery_id.' " ';

в настройках элемента
включен или выключен Lightbox - не важно (он все равно будет включен)  ^-^
параметр rel не работает

Делалось для Joomla 1.5 и ZOO 2.4.9, но, думаю, разницы нет
« Последнее редактирование: 14.07.2011, 04:56:44 от Chedwick »

*

Оффлайн steal

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #1 : 17.07.2011, 01:30:46 »
Молодец, полезная тема. Сам ждал подобного от разработчиков

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #2 : 12.11.2011, 07:56:14 »
а как сделать для image так, чтобы для lightbox использовался по умолчанию тот же самый файл, да и сам rel=lightbox шел по умолчанию?
и где поменять сам стиль lighbox (нужен черный)? Overlay Color меняется в самом widgetkit->lightbox, но рамка всё время белая..

ЗЫ. Разобрался сам. Спасибо, что не откликнулись))
« Последнее редактирование: 15.11.2011, 15:01:31 от JurgenZoller »

*

Оффлайн MetaSpirit

  • ******
  • 1383
  • [+]106 / [-]0
  • R.A.S.Lab[.org]
    • Просмотр профиля
    • R.A.S.Lab[.org]
Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #3 : 17.11.2011, 23:34:31 »
Интересует вопрос, как использовать виджет Lightbox через свой селектор, а не через стандартный data-lightbox. Вариант поменять в настройках не подходит, т.к. он применится для всех. Мне же нужно с уникальными настройками.
R.A.S.Lab[.org]: ZOOvirtue - корзина для ZOO, Яндекс.Карты для ZOO, ItemPanes - табы для ZOO, ZOOlendar - календарь для ZOO  и др.
Создание расширений для YOOtheme ZOO на заказ. Становитесь в очередь.

*

Оффлайн maxtri

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #4 : 14.02.2012, 16:17:45 »
научите пользоваться Widgetkit? мне нужно в статьях zoo 2.5 выводить отдельные изображения с мини изображениями с выводом  Lightbox
Ранее это делал с помощью стороннего плагина highslide. Предполагаю, что это можно реализовать с помощью Widgetkit, но как? в зуу есть элемент галерея с выводом в Lightbox, а как отдельные изображения выводить так не знаю

*

Оффлайн tsirik

  • ***
  • 134
  • [+]3 / [-]0
  • Это не Я :)
    • Просмотр профиля
    • Сайт «Кулак» посвящен миру боевых искусств:
Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #5 : 03.04.2012, 01:07:19 »
Я тоже не могу разобраться с Widgetkit, мне нужно что бы стандартная картинка при загрузке пользователей всплывала в Lightbox.
Но как его настроить понятия не имею?
У меня Joomla 2.5 и zoo 2.5.15
Нет ничего свободнее чем мысль человека!

*

Оффлайн altry1st

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #6 : 05.04.2012, 13:18:20 »
научите пользоваться Widgetkit? мне нужно в статьях zoo 2.5 выводить отдельные изображения с мини изображениями с выводом  Lightbox
Ранее это делал с помощью стороннего плагина highslide. Предполагаю, что это можно реализовать с помощью Widgetkit, но как? в зуу есть элемент галерея с выводом в Lightbox, а как отдельные изображения выводить так не знаю

Если я тебя правильно понял, то в настройках вывода полей добавь image и там уже есть все что надо:


*

Оффлайн nthanter

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #7 : 11.05.2012, 18:08:00 »
просто объясните как этим пользоваться:

The Lightbox allows you to view images, HTML and multi-media content on a dark dimmed overlay for without having to leave the current page. How to use...
Use the HTML5 custom data attribute data-lightbox to activate the lightbox. For example:

<a data-lightbox="on" href="image_lb.jpg"><img src="image.jpg" width="180" height="120" alt="" /></a>

If you want to create a group for your images or videos use the group parameter. For example:

<a data-lightbox="group:mygroup" href="image1_lb.jpg"><img src="image1.jpg" width="180" height="120" alt="" /></a>
<a data-lightbox="group:mygroup" href="image2_lb.jpg"><img src="image2.jpg" width="180" height="120" alt="" /></a>

You can set various other lightbox parameters to the data attribute. For example:

<a data-lightbox="transitionIn:elastic;transitionOut:elastic;" href="http://www.google.com">Lightbox</a>

(не забуду +сики)

*

Оффлайн diks13

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #8 : 01.06.2012, 17:07:27 »
Для 2.5.19 есть решение? хотелось бы чтоб картинки по умолчанию открывались в litebox-e

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #9 : 27.01.2013, 03:14:05 »
А для 3,0,8 есть решение?
"Никогда и ничего не просите! Никогда и ничего, и в особенности у тех, кто сильнее вас. Сами предложат и сами всё дадут!"

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #10 : 27.02.2013, 17:52:02 »
А не подскажите как в ZOO 3.0 это реализовать?

*

Оффлайн EpiFun

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #11 : 02.03.2013, 20:00:23 »
Хрень полная творится на Zoo 2.5.10 (+Widgetkit 1.0.5), картинки на описание накладываются, в некоторых браузерах вообще что зря, под j2.5 видимо прикрыли этот компонент. Если есть у кого стабильная связка под Joomla 2.5, отзовитесь !

*

Оффлайн MetaSpirit

  • ******
  • 1383
  • [+]106 / [-]0
  • R.A.S.Lab[.org]
    • Просмотр профиля
    • R.A.S.Lab[.org]
Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #12 : 03.03.2013, 03:35:25 »
Хрень полная творится на Zoo 2.5.10 (+Widgetkit 1.0.5), картинки на описание накладываются, в некоторых браузерах вообще что зря, под j2.5 видимо прикрыли этот компонент. Если есть у кого стабильная связка под Joomla 2.5, отзовитесь !
Сейчас уже ZOO 3.0 и вмджет поновее.
R.A.S.Lab[.org]: ZOOvirtue - корзина для ZOO, Яндекс.Карты для ZOO, ItemPanes - табы для ZOO, ZOOlendar - календарь для ZOO  и др.
Создание расширений для YOOtheme ZOO на заказ. Становитесь в очередь.

*

Оффлайн EpiFun

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #13 : 03.03.2013, 06:02:31 »
Вопрос конечно глуповат, но в некоторых версиях не встретил вид Product Catalog. Его отдельно можно залить и возможно найти?

*

Оффлайн MetaSpirit

  • ******
  • 1383
  • [+]106 / [-]0
  • R.A.S.Lab[.org]
    • Просмотр профиля
    • R.A.S.Lab[.org]
Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #14 : 03.03.2013, 19:44:04 »
Вопрос конечно глуповат, но в некоторых версиях не встретил вид Product Catalog. Его отдельно можно залить и возможно найти?
Разница - http://www.yootheme.com/zoo/buy-now - между фрии и фуллпаком.
R.A.S.Lab[.org]: ZOOvirtue - корзина для ZOO, Яндекс.Карты для ZOO, ItemPanes - табы для ZOO, ZOOlendar - календарь для ZOO  и др.
Создание расширений для YOOtheme ZOO на заказ. Становитесь в очередь.

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #15 : 04.03.2013, 20:07:07 »
А для 3,0,8 есть решение?
В файле plugins/system/widgetkit_zoo/elements/image/image.php заменить функцию public function render($params = array()) на
public function render($params = array()) {

// init vars
$params = $this->app->data->create($params);
$title  = $this->get('title');
$file   = $this->app->zoo->resizeImage(JPATH_ROOT.'/'.$this->get('file'), $params->get('width', 0), $params->get('height', 0));
$file1   = $this->app->zoo->resizeImage(JPATH_ROOT.'/'.$this->_data->get('file'), 0,  0);
$link   = JURI::root(). $this->app->path->relative($file);
$link1 = JURI::root(). $this->app->path->relative($file1);
/*trim(str_replace('\\', '/', preg_replace('/^'.preg_quote(JPATH_ROOT, '/').'/i', '', $this->get('file'))), '/');*/

$url = $target = $rel = '';

if ($params->get('link_to_item', false)) {

            if ($this->getItem()->getState()) {

                $url   = $this->app->route->item($this->_item);
                $title = empty($title)? $this->_item->name : $title;

            }
}else { $url =$link1;}

/*} else if ($this->get('link')) {

$url = $this->get('link');
$target = $this->get('target');
$rel   = $this->get('rel');

} else if ($this->get('lightbox_image')) {

$url = JURI::root(). $this->app->path->relative($this->app->zoo->resizeImage(JPATH_ROOT.'/'.$this->get('lightbox_image', ''), 0 , 0));

}*/



// get alt
$alt = empty($title)? $this->_item->name : $title;

// render layout
if ($file && $layout = $this->getLayout()) {
return $this->renderLayout($layout,
compact('file', 'title', 'alt', 'link', 'params', 'url', 'target', 'rel')
);
}

return null;
}

а в файле  plugins/system/widgetkit_zoo/elements/image/tmpl/image.php должно быть это:
<?php
/**
* @package   Widgetkit
* @author    YOOtheme http://www.yootheme.com
* @copyright Copyright (C) YOOtheme GmbH
* @license   http://www.gnu.org/licenses/gpl.html GNU/GPL
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

$target $target 'target="_blank"' '';
$rel $rel 'data-lightbox="' $rel .'"' '';
$title  $title ' title="'.htmlspecialchars($titleENT_QUOTES'UTF-8').'"' '';

$link_enabled = !empty($url);
$lightbox = !$params->get('link_to_item');

$overlay $spotlight '';
if (
$this->get('spotlight_effect'false)) {
if ($this->get('spotlight_effect')!= 'default') {
$caption $this->get('caption')? $this->get('caption') : basename($this->get('file'));
$spotlight 'data-spotlight="effect:'.$this->get('spotlight_effect').';"';
$overlay '<div class="overlay">'.$caption.'</div>';
} else {
$spotlight 'data-spotlight="on"';
}
}

$info getimagesize($file);
$content '<img src="'.$link.'"'.$title.' alt="'.$alt.'" '.$info[3].' />'.$overlay;

?>


<?php if ($link_enabled || $lightbox) : ?>
<a href="<?php echo JRoute::_($url); ?>" <?php echo $rel;?> <?php echo $title?> <?php echo $target;?><?php echo $lightbox ' data-lightbox="on"' ''?> <?php echo $spotlight?>><?php echo $content?></a>
<?php elseif ($spotlight) : ?>
<div <?php echo $spotlight?>><?php echo $content?></div>
<?php else : ?>
<?php echo $content?>
<?php endif;
« Последнее редактирование: 19.03.2013, 13:14:07 от onix_free »

*

Оффлайн PaHeTka

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #16 : 16.03.2013, 19:03:00 »
В файле widgetkit_zoo\elements\image\image.php заменить функцию public function render($params = array()) на
...
Подскажите как добавить элемент картинки в lightbox в Zoo, добавляю элемент Widgetkit, там в default "please select a widget", а виджетов самих нет.
И файл по указанному выше адресу не нашел, plugins/system/widgetkit_zoo/elements/image как понимаю это они и есть?

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #17 : 19.03.2013, 13:05:19 »
Подскажите как добавить элемент картинки в lightbox в Zoo, добавляю элемент Widgetkit, там в default "please select a widget", а виджетов самих нет.
И файл по указанному выше адресу не нашел, plugins/system/widgetkit_zoo/elements/image как понимаю это они и есть?
... да..совершенно верно..у меня zoo 3.0.5 установлен...
...не надо добавлять элемент Widgetkit...просто добавляете элемент Image..и если в настройках не будет указано "ссылка к элементу", то картинка будет открываться в Lightbox'e по умолчанию (если сделали, то что я выше писал http://joomlaforum.ru/index.php/topic,171322.msg1290463.html#msg1290463).
...Также советую сделать вот это http://joomlaforum.ru/index.php/topic,256132.msg1291650.html#msg1291650, иначе при загрузке картинок с русскими названиями будет беда, так как в ZOO по умолчанию оказывается нет транслитерации....вот...

...P.S. Пример работы можно посмотреть здесь: http://bezlogiki.ru/blog/picture/item/akula-na-opore.html
« Последнее редактирование: 19.03.2013, 14:03:52 от onix_free »

*

Оффлайн PaHeTka

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #18 : 19.03.2013, 21:23:44 »
... да..совершенно верно..у меня zoo 3.0.5 установлен...
...не надо добавлять элемент Widgetkit...просто добавляете элемент Image..и если в настройках не будет указано "ссылка к элементу", то картинка будет открываться в Lightbox'e по умолчанию (если сделали, то что я выше писал
все сделал как описано, ни Lightbox ни ссылка не работает...ссылается на этот же элемент и все

*

Оффлайн capricorn

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #19 : 19.03.2013, 21:42:45 »
Цитировать
все сделал как описано, ни Lightbox ни ссылка не работает...ссылается на этот же элемент и все

Может не совсем понял, о чем речь, но я всегда использую Lightbox вставкой HTML-кода, как и указано разработчиком.

*

Оффлайн PaHeTka

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #20 : 19.03.2013, 22:37:01 »
Может не совсем понял, о чем речь, но я всегда использую Lightbox вставкой HTML-кода, как и указано разработчиком.
в ссылку к картинке?

*

Оффлайн PaHeTka

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #21 : 19.03.2013, 22:55:40 »
в ссылку к картинке?
Все, нашел в чем подвох, с начала Неправильно понял такой доступный русский перевод "link to item", который по русский "Ссылка к элементу". Сделал No и все заработало! =)

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #22 : 20.03.2013, 11:36:01 »
Может не совсем понял, о чем речь, но я всегда использую Lightbox вставкой HTML-кода, как и указано разработчиком.
...а если пользователи добавляют материалы с фронтэнда?...как сделать Lightbox тогда?...а тут по умолчанию получается, что элемент "Image" будет открываться в Lightbox'e...

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #23 : 20.03.2013, 16:47:26 »
...ребята, может кто знает как элемент Image доработать, чтоб он повторяемым стал?

*

Оффлайн Kote_2228

  • ***
  • 65
  • [+]0 / [-]0
  • Вера, которую не разделяет никто, называется шизой
    • Просмотр профиля
    • Колизей фото Киров
Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #24 : 23.07.2013, 13:26:00 »
В Widgetkit Spotlight всплывающую подстазку у изображения хочу приподнять на 20px, что бы торчала. Кто подскажет какой файл ковырять?

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #25 : 11.09.2013, 20:00:45 »
парни, у меня вот какая трабла с этим. В категориях открываются картинки в Lightbox. А в товаре(у меня инет-магазин) нет. Как бы это сделать, чтобы в категории был переход с картинки на товар, а в товаре при клике было открытие картинки в Lightbox?

*

Оффлайн jinn81

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #26 : 20.09.2014, 09:21:18 »
парни, у меня вот какая трабла с этим. В категориях открываются картинки в Lightbox. А в товаре(у меня инет-магазин) нет. Как бы это сделать, чтобы в категории был переход с картинки на товар, а в товаре при клике было открытие картинки в Lightbox?
Настройте соответственно вывод шаблонов. В Teaser поставьте настройки Image: Ссылка к элементу - Да, в Full: Ссылка к элементу - Нет.

*

Оффлайн Shnaps

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #27 : 29.11.2014, 03:21:24 »
В файле plugins/system/widgetkit_zoo/elements/image/image.php заменить функцию public function render($params = array()) на
public function render($params = array()) {

// init vars
$params = $this->app->data->create($params);
$title  = $this->get('title');
$file  = $this->app->zoo->resizeImage(JPATH_ROOT.'/'.$this->get('file'), $params->get('width', 0), $params->get('height', 0));
$file1  = $this->app->zoo->resizeImage(JPATH_ROOT.'/'.$this->_data->get('file'), 0,  0);
$link   = JURI::root(). $this->app->path->relative($file);
$link1 = JURI::root(). $this->app->path->relative($file1);
/*trim(str_replace('\\', '/', preg_replace('/^'.preg_quote(JPATH_ROOT, '/').'/i', '', $this->get('file'))), '/');*/

$url = $target = $rel = '';

if ($params->get('link_to_item', false)) {

            if ($this->getItem()->getState()) {

                $url   = $this->app->route->item($this->_item);
                $title = empty($title)? $this->_item->name : $title;

            }
}else { $url =$link1;}

/*} else if ($this->get('link')) {

$url = $this->get('link');
$target = $this->get('target');
$rel  = $this->get('rel');

} else if ($this->get('lightbox_image')) {

$url = JURI::root(). $this->app->path->relative($this->app->zoo->resizeImage(JPATH_ROOT.'/'.$this->get('lightbox_image', ''), 0 , 0));

}*/



// get alt
$alt = empty($title)? $this->_item->name : $title;

// render layout
if ($file && $layout = $this->getLayout()) {
return $this->renderLayout($layout,
compact('file', 'title', 'alt', 'link', 'params', 'url', 'target', 'rel')
);
}

return null;
}

а в файле  plugins/system/widgetkit_zoo/elements/image/tmpl/image.php должно быть это:
<?php
/**
* @package   Widgetkit
* @author    YOOtheme http://www.yootheme.com
* @copyright Copyright (C) YOOtheme GmbH
* @license   http://www.gnu.org/licenses/gpl.html GNU/GPL
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

$target $target 'target="_blank"' '';
$rel $rel 'data-lightbox="' $rel .'"' '';
$title  $title ' title="'.htmlspecialchars($titleENT_QUOTES'UTF-8').'"' '';

$link_enabled = !empty($url);
$lightbox = !$params->get('link_to_item');

$overlay $spotlight '';
if (
$this->get('spotlight_effect'false)) {
if ($this->get('spotlight_effect')!= 'default') {
$caption $this->get('caption')? $this->get('caption') : basename($this->get('file'));
$spotlight 'data-spotlight="effect:'.$this->get('spotlight_effect').';"';
$overlay '<div class="overlay">'.$caption.'</div>';
} else {
$spotlight 'data-spotlight="on"';
}
}

$info getimagesize($file);
$content '<img src="'.$link.'"'.$title.' alt="'.$alt.'" '.$info[3].' />'.$overlay;

?>


<?php if ($link_enabled || $lightbox) : ?>
<a href="<?php echo JRoute::_($url); ?>" <?php echo $rel;?> <?php echo $title?> <?php echo $target;?><?php echo $lightbox ' data-lightbox="on"' ''?> <?php echo $spotlight?>><?php echo $content?></a>
<?php elseif ($spotlight) : ?>
<div <?php echo $spotlight?>><?php echo $content?></div>
<?php else : ?>
<?php echo $content?>
<?php endif;

Может кто подскажет решение для zoo 3.4? очень надо, есть более 1000 наименований с картинками, не хочется ligtbox для каждой картинки отдельно настраивать

*

Оффлайн Beer

  • ******
  • 1052
  • [+]41 / [-]1
  • БИРУ - БИР!
    • Просмотр профиля
Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #28 : 08.12.2015, 15:24:17 »
Все арбайтен com_zoo 3.3.13!
Правим: media\zoo\elements\image\image.php

title еще добавить автоматом = название итема:

$title = empty($title)? $this->_item->name : $title;
« Последнее редактирование: 08.12.2015, 15:59:43 от Beer »

*

Оффлайн lalalag

Re: Решение. Lightbox из Widgetkit в ZOO
« Ответ #29 : 23.06.2016, 03:05:30 »
Joomla! 3.5.1
Widgetkit 2
Zoo 3.3.17

При выводе каталога в Widgetkit из ZOO, в формате GRID. Есть выбор вывода полей из zoo: https://yadi.sk/i/iN9q4LMysim7N
Подскажите как мне например вывести прозвольное поле Text, где будет указана например цена или что то еще?
Пример тут: http://new.realkom11.ru/spisok-kvartir.html