Слайд-шоу в Универсальном каталоге

Реализация слайд-шоу в Универсальном каталоге

 
Посетитель
small user social cms
Медаль
Сообщений: 191
Здравствуйте уважаемые пользователи.Поискав по форуму и гуглу не нашёл точной информации как же организовывается слайд шоу в УК.Был человек который организовал слайд шоу в УК, когда товары выводятся списками, человек этот пропал и я упёрся в стену(( На данный момент требуется организация слайд шоу в УК, где товары выводятся Блоками. Нашёл устаревшую инфу как делают слайд-шоу для фото галерей, а по УК не нашёл не одной темы.Прошу совета или наводки на решение.
Редактировалось: 1 раз (Последний: 27 мая 2012 в 10:21)
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
Посетитель
small user social cms
Медаль
Сообщений: 172
com_catalog_view.tpl внутри дива uc_thumb_item присвой ссылкам на изображение класс class="lightbox-enabled"

должно сработать .......
Редактировалось: 1 раз (Последний: 27 мая 2012 в 10:55)
Если я молчу, это еще не значит, что я ничего не читаю.
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 191
mexanik:

com_catalog_view.tpl внутри дива uc_thumb_item присвой ссылкам на изображение класс class="lightbox-enabled"

должно сработать .......

Нашёл строку , но не могу допереть как ссылкам присвоить этот класс ( Я только начал в сайто строении zst )

Код PHP:
  1. {if $cat.view_type=='thumb'}
  2. <div class="uc_thumb_item">
  3. <div class="line">
  4. <div class="catalog_item_img">
  5. <a href="/catalog/item{$item.id}.html">
  6. {if $item.imageurl}
  7. <img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
  8. {/if}
  9. </a>
  10. </div>
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
Посетитель
small user social cms
Медаль
Сообщений: 380
как прикрутить class="lightbox-enabled" посмотри в етом блоге там все хорошо розписано http://instantcms.ru/blogs/angliiskaja-versija-instantcms/kak-prikrutit-lightbox-k-fotografijam-na-stene-polzovatelja.html
Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.
Посетитель
small user social cms
Медаль
Сообщений: 191
st.Puh:

как прикрутить class="lightbox-enabled" посмотри в етом блоге там все хорошо розписано http://instantcms.ru/blogs/angliiskaja-versija-instantcms/kak-prikrutit-lightbox-k-fotografijam-na-stene-polzovatelja.html

Это точно для Универсального каталога работает? Просто всё сделал по инструкции а не работает (

Проверил на дефолтной теме тоже не работает (
Редактировалось: 1 раз (Последний: 27 мая 2012 в 11:52)
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 692
При условии, что ссылкам присвоен соответствующий класс и к странице подключена библиотека (jquery.lightbox.js) все должно работать.
Skype: pasha--g
Посетитель
small user social cms
Медаль
Сообщений: 191
Pasha:

При условии, что ссылкам присвоен соответствующий класс и к странице подключена библиотека (jquery.lightbox.js) все должно работать.

class="lightbox-enabled" куда в коде добавить этот класс ?

Код PHP:
  1. {if $cat.view_type=='thumb'}
  2. <div class="uc_thumb_item">
  3. <div class="line">
  4. <div class="catalog_item_img">
  5. <a href="/catalog/item{$item.id}.html">
  6. {if $item.imageurl}
  7. <img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
  8. {/if}
  9. </a>
  10. </div>
Редактировалось: 1 раз (Последний: 27 мая 2012 в 15:03)
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 692
В предыдущем сообщении вы написали что все сделали по инструкции. Что именно и по какой инструкции было сделано?
Класс нужно добавить к ссылке на изображение. Вот этот кусок кода
Код PHP:
  1. <a href="/catalog/item{$item.id}.html">
должен выглядеть так:
Код PHP:
  1. <a class="lightbox-enabled" href="/catalog/item{$item.id}.html">
Кроме этого к странице должен быть подключен собственно сам плагин, отлавливающий этот класс, об этом я писал чуть выше...
Skype: pasha--g
Посетитель
small user social cms
Медаль
Сообщений: 191
Pasha:

В предыдущем сообщении вы написали что все сделали по инструкции. Что именно и по какой инструкции было сделано?
Класс нужно добавить к ссылке на изображение. Вот этот кусок кода
Код PHP:
  1.  
должен выглядеть так:
Код PHP:
  1.  
Кроме этого к странице должен быть подключен собственно сам плагин, отлавливающий этот класс, об этом я писал чуть выше...

Странно, вписал как вы говорили но всё равно не работает sad

Итак вот что я сделал

вписал строки class="lightbox-enabled" rel="lightbox-galery файле /includes/bbcode/bbcode.lib.php



Код PHP:
  1. $html .= '<div><a class="lightbox-enabled" rel="lightbox-galery href="'.htmlspecialchars($src).'" target="_blank"><img src="'.htmlspecialchars($src).'" '.$attr.' width="'.$width.'" height="'.$height.'" border="0"/></a></div>'."\n";
Далее добавил строку <a class="lightbox-enabled" rel="lightbox-galery" href="'.htmlspecialchars($src).'" ></a> всё в том же файле

Код PHP:
  1. return '<div class="bb_img" style="'.$div_style.'"><a class="lightbox-enabled" rel="lightbox-galery" href="'.htmlspecialchars($src).'" ></a><img src="'.htmlspecialchars($src).'" '.$attr.' /></div>';
Добавил строки в /templates/ic_illusion/template.php

Код PHP:
  1. <script type="text/javascript" src="/includes/jquery/lightbox/js/jquery.lightbox.js"></script>
  2. <link rel="stylesheet" href="/includes/jquery/lightbox/css/jquery.lightbox.css" type="text/css" />
  3.  
  4. </head>
Ну и последнее правил файл /templates/ic_illusion/components/com_catalog_view.tpl

Код PHP:
  1. if $cat.view_type=='thumb'}
  2. <div class="uc_thumb_item">
  3.  
  4. <div class="line">
  5. <div class="catalog_item_img">
  6.  
  7. <a class="lightbox-enabled" href="/catalog/item{$item.id}.html">
  8. {if $item.imageurl}
  9. <img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
  10. {/if}
  11. </a>
  12. </div>
Вот и всё что я поправил согласно инструкции http://instantcms.ru/blogs/angliiskaja-versija-instantcms/kak-prikrutit-lightbox-k-fotografijam-na-stene-polzovatelja.html
Редактировалось: 1 раз (Последний: 27 мая 2012 в 16:31)
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 692
traffs, что вы хотите открыть в лайтбоксе? Рисунок или инфрейм страницу? Куда указывает ссылка?
Skype: pasha--g
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
traffs, замените формирование ссылки(на большое изображение)
Код PHP:
  1.  
  2. if $cat.view_type=='thumb'}
  3. <div class="uc_thumb_item">
  4.  
  5. <div class="line">
  6. <div class="catalog_item_img">
  7.  
  8. <a class="lightbox-enabled" href="/images/catalog/medium/{$item.imageurl}.jpg">
  9. {if $item.imageurl}
  10. <img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
  11. {/if}
  12. </a>
  13. </div>
  14.  
Редактировалось: 1 раз (Последний: 27 мая 2012 в 17:10)
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
Медаль
Сообщений: 191
Pasha:

traffs, что вы хотите открыть в лайтбоксе? Рисунок или инфрейм страницу? Куда указывает ссылка?

Наверно инфрейм, понимаю так что человек кликнув на привью смог спокойно дальше листать фото из каталога
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
Посетитель
small user social cms
Медаль
Сообщений: 191
• Mike •:

traffs, замените формирование ссылки(на большое изображение)
Код PHP:
  1.  
  2. if $cat.view_type=='thumb'}
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9. {if $item.imageurl}
  10.  
  11. {/if}
  12.  
  13.  
  14.  

Ну вот уже вперёд http://new.statmen.ru/catalog/1024 ) открылась ссылка на картинку из папки медиум , но вот проблема
1.Данный способ не подходит так как пользователь уходит с сайта и ему приходится возвращаться назад ( Это не правильно.Пользователь должен листать слайдом как здесь http://www.statmen.ru/catalog/1024 но только здесь товары списком а на этом сайте товары блочно http://new.statmen.ru/catalog/1024

Требуется организовать такое же слайд шоу только уже для блочного вывода товаров в УК
Редактировалось: 1 раз (Последний: 27 мая 2012 в 17:25)
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
вы же в каталоге заменяете, у вас там бб-код редактор подключен?
Код PHP:
  1.  
  2. if $cat.view_type=='thumb'}
  3. <div class="uc_thumb_item">
  4.  
  5. <div class="line">
  6. <div class="catalog_item_img">
  7.  
  8. <a class="lightbox-enabled" rel="lightbox-galery" href="/images/catalog/medium/{$item.imageurl}.jpg">
  9. {if $item.imageurl}
  10. <img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
  11. {/if}
  12. </a>
  13. </div>
  14.  
  15.  
добавьте rel="lightbox-galery" чтобы отображалась галерея …
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
Медаль
Сообщений: 191
• Mike •:

вы же в каталоге заменяете, у вас там бб-код редактор подключен?
Код PHP:
  1.  
  2. if $cat.view_type=='thumb'}
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9. {if $item.imageurl}
  10.  
  11. {/if}
  12.  
  13.  
  14.  
  15.  
добавьте rel="lightbox-galery" чтобы отображалась галерея …

Да всё заработало smile спасибо !!!

А не подскажете где провать размер фото которое открывается в слайде ?

Класно бы было чтобы открывался оригинал ) Сражу бы сжимали до скольки надо)
Редактировалось: 1 раз (Последний: 27 мая 2012 в 19:54)
Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей !
Биржа вечный ссылок нового поколения. Новый инструмент- Трафиковые статьи
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: