2008 19 ноября

Highslide and Mosets Tree

В связи с новым проектом на Joomla 1.5 будем накапливать опыт хаков мосетса, дабы не было ничего забытого. Итак задача - в описании итема сделать сразу вывод всех картинок превьюшек и добавить на onclick js эффект. Изначально имеем уже установленный и настроенный Protos LightBox 1.1 Highslide for Joomla 1.5
Файл components\com_mtree\templates\используемый шаблон\sub_listingDetails.tpl.php Находим строки
1
23
45
67
89
10
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>';
}
на
1
23
45
foreach ($this->images as $image) {
        echo '<a id="thumb1" class="highslide" onclick="return hs.expand(this)" href="components/com_mtree/img/listings/o/' . $image->filename . '">';                $this->plugin( 'mt_image', $image->filename, '3', $this->link->link_name . ' - ' . $image->filename);
        echo '</a>';}

Комментарии

0 Kim пишет нам 12.02.2009 21:49
PHP Parse error: syntax error, unexpected T_STRING, expecting \',\' or \';\' ругается на эту строчку: echo ‘<a id=\"thumb1\" class=\"highslide\" onclick=\"return hs.expand(this)\" href=\"components/com_mtree/img/listings/o/’ . $image->filename . ‘\">’;
Цитировать Сообщить модератору
0 Kim пишет нам 12.02.2009 21:53
Сорри, копируются кавычки с сайта криво... все отлично!!!
Цитировать Сообщить модератору
0 Beliyadm пишет нам 16.02.2009 19:55
Да, действительно, плагин подсветки кода переделывает кавычки под себя, гадина такая, надо будет покопаться исправить. Спасибо.
Цитировать Сообщить модератору
0 vlad пишет нам 26.03.2009 23:59
Автор, ну как там с кавычками?
Цитировать Сообщить модератору
0 vlad пишет нам 27.03.2009 00:09
Сам разобрался, ошибка при копировании, автору спасибо за полезный материал!
Цитировать Сообщить модератору
0 Beliyadm отвечает 27.03.2009 02:03
Ну и отлично, лучше подсказал бы кто нормальный плагин под WP для вставки кода, Code highlighting утомил до безобразия, искать и тестировать все руки не доходят
Цитировать Сообщить модератору
0 Solven пишет нам 07.04.2009 17:37
Слушайте... а у меня биг проблемс под IE6 и ниже... даж на одном компе с IE7.. картинки не выстраиваются в строчки по ширине шаблона, а выводятся в одну строчку и уползают за экран...
Цитировать Сообщить модератору
0 Beliyadm отвечает 07.04.2009 17:51
Solven - скажем так - к данному хаку эта ошибка отношения не имеет, все дело в волшебных стилях CSS шаблона
Цитировать Сообщить модератору
0 Solven пишет нам 07.04.2009 18:22
Beliyadm точно... капнул в цсс и все поправил... теперь всё хорошо ) Так ради интереса.. я мало с этим знаком, но всё же: можно ли поменять этот лайтбокс на другой, что бы картинки открывались с перелистыванием и темным фоном? например как здесь: http://www.lastochka.by/catalog/bmw/3_series/e90_e91_e92/
Цитировать Сообщить модератору
0 Beliyadm отвечает 07.04.2009 18:42
JS эффект можно прикрутить совершенно любой, к примеру http://jquery.com/demo/thickbox/ или http://orangoo.com/labs/GreyBox или можество других есть. В таком случае придется в блок HEAD подключить необходимые файлы (в инструкциях все описано) и соответственно для строки, где выводится ссылка a href изменить вызов полного изображения
Цитировать Сообщить модератору
0 Solven пишет нам 08.04.2009 00:38
Beliyadm Биг Сенькс! Прикрутил Грейбокс, доволен до попы =)
Цитировать Сообщить модератору
0 Solven пишет нам 08.04.2009 03:01
Только появилась проблема.... картинки если большие, не изменяют размер под экран... ((
Цитировать Сообщить модератору
0 Beliyadm отвечает 08.04.2009 07:43
Ну а это уже скорей всего проблемы подключенного скрипта, возможно что то из шаблона на него накладывается или еще что. Предлагаю потестировать его в отрыве от движка - будет ли подгонять под размеры а после аккуратно вычищать стили
Цитировать Сообщить модератору
0 Solven пишет нам 10.04.2009 01:37
А как можно потестить Mosets Tree без движка?.. )) Разобрался в чем дело.. В этой ссылочке "components/com_mtree/img/listings/o/’ на конце не "о", а "m".. т.к. в "о" кладутся оригиналы, в "m" по крайней мере у меня сохраняются уже уменьшенные и по резанные картинки.
Цитировать Сообщить модератору
0 Beliyadm отвечает 10.04.2009 01:46
без движка никак нельзя, это же не отдельный скрипт, а компонент Joomla :)
Цитировать Сообщить модератору
0 Дмитрий пишет нам 04.05.2009 07:51
Доброго времени суток. Воспользовался Вашим новшеством - работает. Спасибо огромное! Только не понял как "JS эффект можно прикрутить совершенно любой"? Сделал все по инструкции не заработало... Вобщем это не самое главное, вопроса 2: можете ли Вы сделать в Mosets Tree следующую функцию (не бесплатно конечно!) чтобы я мог привязать вновь созданные поля для описания объекта, отдельно к конкретным категориям? А второй, это опять про фото - можно ли сделать добавление к ним хотя бы названия и описания? Да еще, не сталкивались ли Вы с LQM?
Цитировать Сообщить модератору
0 Дмитрий пишет нам 04.05.2009 08:17
Да кстати, забыл, после применения Вашего метода в галерее JoomGallery (стоит у меня на сайте) перестал работать Thickbox3, пришлось перейти Яваскрипт..:( p.s. Есть такой компонент - limesurvey182 (создание опросов на сайте) Вот в нем как раз работает функция привязки полей, (правда к опросам) и там создание полей очень хорошо работает... Вот из нее может что внедрить в Мозетс...!?
Цитировать Сообщить модератору
0 Sanyok пишет нам 31.08.2009 16:15
Спасибо, помогло! Искал долго инфу.
Цитировать Сообщить модератору

Оставить коммент

Защитный код
Обновить