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

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

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

1
2
3
4
Следующая
Показаны 1-15 из 54

#1 27 мая 2012 в 10:20

Здравствуйте уважаемые пользователи.Поискав по форуму и гуглу не нашёл точной информации как же организовывается слайд шоу в УК.Был человек который организовал слайд шоу в УК, когда товары выводятся списками, человек этот пропал и я упёрся в стену(( На данный момент требуется организация слайд шоу в УК, где товары выводятся Блоками. Нашёл устаревшую инфу как делают слайд-шоу для фото галерей, а по УК не нашёл не одной темы.Прошу совета или наводки на решение.

Сервис проверки позиций http://allpositions.ru/ - бонус 100 рублей ! Биржа вечный ссылок нового поколения. Новый инструмент-Трафиковые статьи

#2 27 мая 2012 в 10:54

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

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

Если я молчу, это еще не значит, что я ничего не читаю.

#3 27 мая 2012 в 11:23

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

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

mexanik

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

)

{if $cat.view_type=='thumb'}
				<div class="uc_thumb_item">
					<div class="line">
						<div class="catalog_item_img">
							<a href="/catalog/item{$item.id}.html">
								{if $item.imageurl}
									<img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
								{/if}
							</a>
						</div>

Сегодня в 07:43

#4 27 мая 2012 в 11:33

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

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

#5 27 мая 2012 в 11:49

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

st.Puh

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

Проверил на дефолтной теме тоже не работает (

#6 27 мая 2012 в 12:01

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

Skype: pasha--g

#7 27 мая 2012 в 15:02

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

Pasha

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

{if $cat.view_type=='thumb'}
				<div class="uc_thumb_item">
					<div class="line">
						<div class="catalog_item_img">
							<a href="/catalog/item{$item.id}.html">
								{if $item.imageurl}
									<img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
								{/if}
							</a>
						</div>

#8 27 мая 2012 в 15:56

В предыдущем сообщении вы написали что все сделали по инструкции. Что именно и по какой инструкции было сделано?
Класс нужно добавить к ссылке на изображение. Вот этот кусок кода

<a href="/catalog/item{$item.id}.html">

должен выглядеть так:

<a class="lightbox-enabled" href="/catalog/item{$item.id}.html">

Кроме этого к странице должен быть подключен собственно сам плагин, отлавливающий этот класс, об этом я писал чуть выше…

Skype: pasha--g

#9 27 мая 2012 в 16:30

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

Pasha

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

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

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

$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> всё в том же файле

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

<script type="text/javascript" src="/includes/jquery/lightbox/js/jquery.lightbox.js"></script>
<link rel="stylesheet" href="/includes/jquery/lightbox/css/jquery.lightbox.css" type="text/css" />
 
</head>

Ну и последнее правил файл /templates/ic_illusion/components/com_catalog_view.tpl

if $cat.view_type=='thumb'}
				<div class="uc_thumb_item">
 
					<div class="line">
						<div class="catalog_item_img">
 
<a class="lightbox-enabled" href="/catalog/item{$item.id}.html">
								{if $item.imageurl}
									<img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
								{/if}
							</a>
						</div>

Вот и всё что я поправил согласно инструкции instantcms.ru/blogs/angliiskaja-versija-instantcms/kak-prikrutit-lightbox-k-fotografijam-na-stene-polzovatelja.html

#10 27 мая 2012 в 16:37

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

Skype: pasha--g

#11 27 мая 2012 в 16:50

traffs, замените формирование ссылки(на большое изображение)

 
if $cat.view_type=='thumb'}
				<div class="uc_thumb_item">
 
					<div class="line">
						<div class="catalog_item_img">
 
<a class="lightbox-enabled" href="/images/catalog/medium/{$item.imageurl}.jpg">
								{if $item.imageurl}
									<img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
								{/if}
							</a>
						</div>

#12 27 мая 2012 в 16:51

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

Pasha

Наверно инфрейм, понимаю так что человек кликнув на привью смог спокойно дальше листать фото из каталога

#13 27 мая 2012 в 17:23

traffs, замените формирование ссылки(на большое изображение)
 
if $cat.view_type=='thumb'}
 
 
 
 
 
 
								{if $item.imageurl}
 
								{/if}
 
 
 
• Mike •

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

Требуется организовать такое же слайд шоу только уже для блочного вывода товаров в УК

#14 27 мая 2012 в 17:37

вы же в каталоге заменяете, у вас там бб-код редактор подключен?

 
if $cat.view_type=='thumb'}
				<div class="uc_thumb_item">
 
					<div class="line">
						<div class="catalog_item_img">
 
<a class="lightbox-enabled" rel="lightbox-galery" href="/images/catalog/medium/{$item.imageurl}.jpg">
								{if $item.imageurl}
									<img alt="{$item.title|escape:'html'}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" />
								{/if}
							</a>
						</div>

добавьте rel="lightbox-galery" чтобы отображалась галерея …

#15 27 мая 2012 в 19:43

вы же в каталоге заменяете, у вас там бб-код редактор подключен?
 
if $cat.view_type=='thumb'}
 
 
 
 
 
 
								{if $item.imageurl}
 
								{/if}
 
 
 
 
добавьте rel="lightbox-galery" чтобы отображалась галерея …

• Mike •

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

спасибо !!!

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

Класно бы было чтобы открывался оригинал ) Сражу бы сжимали до скольки надо)

1
2
3
4
Следующая
Показаны 1-15 из 54

Отображение фото в профиле

Дизайн: Оценка, помощь по IE

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

Похожие темы

Слайдер контента — разная высота в ПК и мобил

как сделать свою картинку или слайдер вверху?

OWL-слайдер набора изображений отображение

Нужен генератор yml для Универсального каталога

Ищу разработчика - каталог компаний

[ЕСТЬ РЕШЕНИЕ] Задержка публикаций контента на главной странице в слайдерах

InstantCMS Team

О проекте

Поддержка

Дополнения