Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 22 Ответов
  • 16839 Просмотров
*

eozee

  • Осваиваюсь на форуме
  • ***
  • 67
  • 3
Как в Mosets Tree сделать так, чтобы картинки открывались не  в новом окне с перезагрузкой всей страницы, а как в Virtuemart,  например, поверх страницы с красивым эффектом типа lightbox или любым другим?



Советов у меня не просите, потому что у меня чувство юмора сильнее чувства жалости
*

_ib_

  • Support Team
  • *****
  • 728
  • 92
Тема актуальна или решение найдено?
Если НЕТ, дайте знать, я постараюсь ответить.
Если ДА, то опишите для других пользователей форума как Вы сделали, если не сложно, Спасибо!

В случае отсутствия ответа в течении недели, тема удаляется.
Легальные шаблоны и дёшево!  + скидки до 50% для шаблонов клуба Joomlart, RocketTheme, Yootheme и Gavick.

при интересе пишите в личку или на мыло: "p" точка "d" собака gmx.de
*

eozee

  • Осваиваюсь на форуме
  • ***
  • 67
  • 3
Со времени написания первого поста решение появилось на офф-сайте.
Если проделать описанные способы, то все картинки к одному объекту, во-первых, строятся в виде эскизов в детальном описании (а не один эскиз, который ведет в галерею,как в оригинале) , а при нажатии на любом из эскизов - картинка открывается в полный размер с эффектом lightbox (без перезагрузки страницы), и все остальные картинки можно просматривать с помощью кнопок - next & prev

Вариант 1. Idiots guide to lightbox gallery hack

Вариант 2. Alternative to Lightbox hack

Надо сказать, что из-за конфликтов ява-скриптов, у меня на одном сайте, заработал способ 1, а на втором - только 2 вариант.


Советов у меня не просите, потому что у меня чувство юмора сильнее чувства жалости
*

timonnn

  • Давно я тут
  • ****
  • 366
  • 15
А как сделать галерею отдельно, не в детальном описании, а сделать после описания таб и потом галерея? Такое возможно. Готов заплатить...
*

fragmarw

  • Осваиваюсь на форуме
  • ***
  • 74
  • 1
Прошу помочь, кто делал или знает как сделать:

Версия Mosets Tree 2.1 Joomla 1.5.14

Если в каталоге есть товар с одним или несколькими изображением, то при нажатии в превью товара на эскизе изображения оно открывалось бы сразу в большом виде в новом окне или в lightbox и далее, как в уже описанных способах.
*

tomclancys

  • Осваиваюсь на форуме
  • ***
  • 122
  • 3
Актуально думаю. Первый спобособ не помог.
По второму не пробовал, не могу скачать файл Savant2_Plugin_mt_lightboximage.php
*

fragmarw

  • Осваиваюсь на форуме
  • ***
  • 74
  • 1
Кто всё же готов взяться за это платно?
*

eozee

  • Осваиваюсь на форуме
  • ***
  • 67
  • 3
Самый простой способ описан на форуме Mosets Tree
Подходит и Joomla 1.0 и для Joomla 1.5. Правда, там есть небольшие неточнотси,
поэтому описываю последовальность действий для

Joomla 1.0 и Mosets Tree до версии включительно 2.0.9

1. Скачиваем и устанавливаем плагин mos_rokbox-system_1.3 с сайта RocketWerx

2. Переходим в раздел Мамботы и ставим галочку на публикации System - RokBox. Там же можно подкрутить опции плагина, выбрать стиль отображения и пр.

3. Открываем файл components\com_mtree\templates\ваш темплейт\sub_listingDetails.tpl

4. Находим кусок кода
Код
if ($this->link->link_image) {
        echo ‘<div class="thumbnail’ . (($this->config->getTemParam(‘imageDirectionListingSummary’,‘right’)==‘right’)? »:‘-left’). ‘">’;
        echo ‘<a href="’ . sefReltoAbs(‘index.php?option=com_mtree&task=viewimage&img_id=’ . $this->link->img_id . ‘&Itemid=’ . $this->Itemid). ‘">’;
        $this->plugin( ‘mt_image’, $this->link->link_image, ‘3′, $this->link->link_name );
        echo ‘</a>’;
        if( $this->total_images > 1 ) {
                echo ‘<div style="width:’ . ($this->config->get(‘resize_listing_size’) + 10). ‘px"><a href="’ . sefReltoAbs(‘index.php?option=com_mtree&task=viewgallery&link_id=’ . $this->link->link_id . ‘&Itemid=’ . $this->Itemid). ‘">’ . $this->_MT_LANG->VIEW_GALLERY . ‘</a></div>’;
        }
        echo ‘</div>’;
}

5. Заменяем его на
Код
// RokBox plugin 
echo '<br />';
echo '<div id="listing" class="gallery">';
foreach($this->images AS $image) {
echo '<div class="thumbnail" style="width:' . ($this->config->get('resize_listing_size') + 10). 'px;height:' . ($this->config->get('resize_listing_size') + 10). 'px">';
echo '<center><a href="components/com_mtree/img/listings/m/' . $image->filename . '" rel="rokbox(Album)" title="' . $link_name->getOutput(1). ' :: ' . $image->filename . '">';
echo $this->plugin( 'mt_image', $image->filename, '3' );
echo '</a>';
echo '</div>';
}
// END RokBox plugin

Советов у меня не просите, потому что у меня чувство юмора сильнее чувства жалости
*

fragmarw

  • Осваиваюсь на форуме
  • ***
  • 74
  • 1
Ссылки даны на материалы изменяющие представление показа картинок в детальном просмотре, а мне необходимо открывать картинки в режиме превью товара? видимо нужно что то изменить в коде в файле sub_listingSummary.tpl.php:

Код
	// Listing's first image
if(!is_null($fields->getFieldById(2)) || $link->link_image) {
echo '<p style="margin:0;">';
if ($link->link_image && $this->config->getTemParam('showImageInSummary',1) ) {
$this->plugin( 'ahreflistingimage', $link, 'class="image' . (($this->config->getTemParam('imageDirectionListingSummary','right')=='right')? '':'-left'). '" alt="'.htmlspecialchars($link->link_name).'"' );
}
if(!is_null($fields->getFieldById(2))) {
$link_desc = $fields->getFieldById(2);
echo $link_desc->getOutput(2);
}
echo '</p>';
}
*

Ksen-nn

  • Новичок
  • *
  • 7
  • 0
 8) Продолжая тему о красивом показе изображений материала.

Как  многие успели заметить с выходом версии Mosets Tree 2.1 на Joomla 1.5 всё немного поменялось и старые решения не помогают.
Немного по шаманил и помучил интернет добился адекватного отображения и работы русского алфавита в версии Mosets Tree 2.1 но сейчас не об этом.

Для реализации же показа изображений взял с официального сайта плагины RokBox А именно: RokBox System Plugin и RokBox Content Plugin

Если слазить во встроенный редактор шаблонов компонента  Mosets Tree и открыть редактирование "Просмотр материала"
Многие интуитивно догадаются что файл sub_images.tpl.php отвечает за те самые привью изображения.

Копая: sub_images.tpl.php находим:
Код
<div class="thumbnail-left"><a href="<?php echo JRoute::_('index.php?option=com_mtree&task=viewimage&img_id=' . $image->id . '&Itemid=' . $this->Itemid); ?>">
<img src="<?php echo $this->jconf['live_site'] . $this->mtconf['relative_path_to_listing_small_image'] . $image->filename;?>" img="" /></a></div>

И заменяем на:
Код
<?
echo '<div class="thumbnail-left" >';
echo '<center><a href="components/com_mtree/img/listings/m/' . $image->filename . '" rel="rokbox(Album)" title="' . $link_name->getOutput(1). ' :: ' . $image->filename . '">';
echo $this->plugin( 'mt_image', $image->filename, '3' );
echo '</a>';
echo '</div>';
?>

И всё. теперь если вы всё сделали правильно (а именно: скачали, поставили и включили плагины) то всё будет работать. т.е отображение увеличенных картинок не в отдельном окне с перезагрузкой страницы, а в окошке lightbox с красивыми эффектами. При этом если в материале несколько фотографий их можно переключать не закрывая окна lightbox.


fragmarw если ещё осталась потребность попробую помочь.
Если я вас правильно понял вы хотите чтобы на странице каталога где отображён список материалов из данного раздела вы могли нажать на превью и вывести её в большом размере. Так?
« Последнее редактирование: 19.01.2010, 02:51:05 от Ksen-nn »
*

akam

  • Захожу иногда
  • **
  • 23
  • 1
Скажите, а обычным способом в редакторе, с поддержкой плагинов, увеличивающих картинки, нельзя оформлять материалы в Mosets Tree ? У меню при этом все картинки исчезают, или ошибки.
*

Xemreht

  • Новичок
  • *
  • 8
  • 0
И всё. теперь если вы всё сделали правильно (а именно: скачали, поставили и включили плагины) то всё будет работать. т.е отображение увеличенных картинок не в отдельном окне с перезагрузкой страницы, а в окошке lightbox с красивыми эффектами. При этом если в материале несколько фотографий их можно переключать не закрывая окна lightbox.
Ksen-nn, ОГРОМНОЕ ВАМ спасибо ! :) Все просто и без идиотизма ! :)
*

Sebb

  • Захожу иногда
  • **
  • 10
  • 6
Ksen-nn
Спасибо!
*

pedrosoft

  • Давно я тут
  • ****
  • 368
  • 106
Интернет Хостинг Центр: отличные цены, лучшее качество, расположение в дата-центре «Оверсан-Меркурий»
*

Darknemo

  • Давно я тут
  • ****
  • 227
  • 2
понравилось решение с RokBox, но так как на своем сайте использую немного другой плагин для создания и увелечения тумб, не хотелось ставить еще что то.. поэтому немного подправил код под себя..

Качаем плагин JoomThumbnail

потом в файле sub_images.tpl.php (строка примерно 38) код
Код
<div class="thumbnail-left"><a href="<?php echo JRoute::_('index.php?option=com_mtree&task=viewimage&img_id=' . $image->id . '&Itemid=' . $this->Itemid); ?>">
<img src="<?php echo $this->jconf['live_site'] . $this->mtconf['relative_path_to_listing_small_image'] . $image->filename;?>" img="" /></a></div>
Заменяем на:
Код
<?
echo '<div class="thumbnail-left" >';
echo '<center><a href="components/com_mtree/img/listings/m/' . $image->filename . '" class="highslide" onclick="return hs.expand(this)" title="' . $link_name->getOutput(1). ' :: ' . $image->filename . '">';
echo $this->plugin( 'mt_image', $image->filename, '3' );
echo '</a>';
echo '</div>';
?>
*

Di_Mok

  • Захожу иногда
  • **
  • 24
  • 1
Неполучилось сделать ни с RokBox, ни с JoomThumbnail. Вроде, ошибится не где. Картинки даже не кликаются
*

Darknemo

  • Давно я тут
  • ****
  • 227
  • 2
плагин опубликовал? настроил?

у меня вот так получилось :)
*

A-legnA

  • Захожу иногда
  • **
  • 16
  • 1
Lightbox открытие изображений в Mosets Tree 2.1
Способ понравился больше всего! все просто и все отлично работает! Спасибо
*

Gorniak87

  • Новичок
  • *
  • 6
  • 0
Нужна Ваша помощь! !
Попробовал сделать способом №1 описанным eozee. Установил плагин RocketWerx все сделал, В результате шаблон разваливается на страницах показа изображений, Левая колонка сползает вниз, хотя сам показ картинок работает как надо...
Вот прямая ссылка на страницу: http://www.avtomoto-transport.ru/index.php/-2/%D0%9E%D1%82%D0%B7%D1%8B%D0%B2%D1%8B-%D0%BE%D0%B1-%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8F%D1%85/Buick/%D0%9F%D1%80%D0%BE%D0%B1%D0%B01/details

Облазил все форумы, но решения не нашел, а своих знаний мало( >:(
« Последнее редактирование: 04.02.2012, 07:50:35 от Gorniak87 »
*

Gorniak87

  • Новичок
  • *
  • 6
  • 0
Разобрался в чем причина. Отпишусь здесь - может кому пригодится. Шаблон разваливался из-за того, что не хватало закрывающего </div> . Поставил его в самом конце в "Детали материала" или можно поставить в /components/com_mtree/templates/m2/sub_listingDetails.tpl.php . И все встало на свои места!!
*

MrNikola

  • Новичок
  • *
  • 1
  • 0
Всем привет!
Подскажите кто-нибудь ставил новую версию Mosets Tree 3.0.4 на Joomla 2.5??
У меня послу установки возникает такая же проблема с отображением картинок - каждая картинка в новом окне....

Все выше описанные процедуры по добавлению эффекта Lightbox не помогли!  В Mosets Tree 3.0.4 по другому написан файл sub_listingDetails.tpl

Кто сталкивался, или знает как быть отзовитесь)

Заранее спасибо!
*

Mopsusha

  • Захожу иногда
  • **
  • 21
  • 0
  • .......
Всем привет!
Подскажите кто-нибудь ставил новую версию Mosets Tree 3.0.4 на Joomla 2.5??
У меня послу установки возникает такая же проблема с отображением картинок - каждая картинка в новом окне....

Все выше описанные процедуры по добавлению эффекта Lightbox не помогли!  В Mosets Tree 3.0.4 по другому написан файл sub_listingDetails.tpl

Кто сталкивался, или знает как быть отзовитесь)

Заранее спасибо!

У меня 3.04 получилось так

Cool Продолжая тему о красивом показе изображений материала.




Как  многие успели заметить с выходом версии Mosets Tree 2.1 на Joomla 1.5 всё немного поменялось и старые решения не помогают.
Немного по шаманил и помучил интернет добился адекватного отображения и работы русского алфавита в версии Mosets Tree 2.1 но сейчас не об этом.




Для реализации же показа изображений взял с официального сайта плагины RokBox А именно: RokBox System Plugin и RokBox Content Plugin




Если слазить во встроенный редактор шаблонов компонента  Mosets Tree и открыть редактирование "Просмотр материала"
Многие интуитивно догадаются что файл sub_images.tpl.php отвечает за те самые привью изображения.




Копая: sub_images.tpl.php находим:
Код:
<div class="thumbnail-left"><a href="<?php echo JRoute::_('index.php?option=com_mtree&task=viewimage&img_id=' . $image->id . '&Itemid=' . $this->Itemid); ?>">
<img src="<?php echo $this->jconf['live_site'] . $this->mtconf['relative_path_to_listing_small_image'] . $image->filename;?>" img="" /></a></div>




И заменяем на:
Код:
<?
echo '<div class="thumbnail-left" >';
echo '<center><a href="components/com_mtree/img/listings/m/' . $image->filename . '" rel="rokbox(Album)" title="' . $link_name->getOutput(1). ' :: ' . $image->filename . '">';
echo $this->plugin( 'mt_image', $image->filename, '3' );
echo '</a>';
echo '</div>';
?>




И всё. теперь если вы всё сделали правильно (а именно: скачали, поставили и включили плагины) то всё будет работать. т.е отображение увеличенных картинок не в отдельном окне с перезагрузкой страницы, а в окошке lightbox с красивыми эффектами. При этом если в материале несколько фотографий их можно переключать не закрывая окна lightbox.
только  поменял путь
<a href="components/com_mtree/img/listings/m/'
на
<a href="media/com_mtree/images/listings/m/'
« Последнее редактирование: 26.09.2013, 10:32:13 от Mopsusha »
*

ankris

  • Новичок
  • *
  • 1
  • 0
Всем привет.
У меня такой вопрос...
Joomla 2.5 nosets tree 2.2.4
Проблема в том, что изображения при первом открытии страницы отображаются как положено, а если страницу обновить, то отображение увеличенной картинки получается вообще аж под подвалом сайта.
Подскажите пожалуйста что это и как исправить?
Спасибо.