Lightbox JS + shop script

Weetal · 28 Мар 2008

Народ, после установки с 15 поста сборочки от ndmitry'ja не выводятся дополнительные характеристики, проверьте кому не трудно у себя так ли это, или у меня одного глюки

ndmitry · 28 Мар 2008

Weetal написал(а):
Народ, после установки с 15 поста сборочки от ndmitry'ja не выводятся дополнительные характеристики, проверьте кому не трудно у себя так ли это, или у меня одного глюки

Блин, а пост до этого, №39 почитать влом? Я все поправил, попробуй.

Weetal · 28 Мар 2008

ndmitry, извини, читал я этот пост, просто не вник. Спасибо
Переделал под себя..отлично получилось

isp84 · 8 Апр 2008

как увеличить кол-во картинок в описании товара shopscript вроде этого Для просмотра ссылки Войди или Зарегистрируйся

Добавлено через 2 минуты
кроме hightslide к ssp что еще прикрутить для этого

ndmitry · 8 Апр 2008

isp84 написал(а):
как увеличить кол-во картинок в описании товара shopscript вроде этого Для просмотра ссылки Войди или Зарегистрируйся

кроме hightslide к ssp что еще прикрутить для этого

Ничего прикручивать не надо, кроме головы к своему туловищу и рук к нужным местам

. Как увеличить кол-во картинок? Загрузить и сохранить таким же образом как и остальные (магазин стандартно разрешает добавить неограниченное кол-во допфотографий для вывода на странице с детальным описанием).

isp84 · 9 Апр 2008

не лучше глаз, а то не заметил

DSL-Group · 7 Май 2008

Сделал с помощью Lightbox и главную и доп. картинки чтобы отображало, пример работы можно посмотреть на Для просмотра ссылки Войди или Зарегистрируйся

Как сделал:
Файл includes/product_detailed.php
Находим строки

Код:

while( $picture=db_fetch_row($pictures) )
				{
					if ( $picture[2] != "" )
					{
						if ( file_exists("./products_pictures/".$picture[2]) )
						{
							$all_product_pictures[]=$picture[2];		$all_product_pictures_id[] = $picture[0];
						}
					}
					else if ( $picture[1] != "" )
					{
						if ( file_exists("./products_pictures/".$picture[1]) )
						{
							$all_product_pictures[]=$picture[1];		$all_product_pictures_id[] = $picture[0];
						}
					}
				}

заменяем их на

Код:

while( $picture=db_fetch_row($pictures) )
				{
					if ( $picture[2] != "" )
					{
						if ( file_exists("./products_pictures/".$picture[2]) )
						{
							$all_product_pictures[]=$picture[2];
							$all_product_pictures_big[]=$picture[3];
							$all_product_pictures_id[] = $picture[0];
						}
					}
					else if ( $picture[1] != "" )
					{
						if ( file_exists("./products_pictures/".$picture[1]) )
						{
							$all_product_pictures[]=$picture[1];
							$all_product_pictures_big[]=$picture[3];
							$all_product_pictures_id[] = $picture[0];
						}
					}
				}

затем в этом же файле находим строки:

Код:

$smarty->assign("all_product_pictures_id", $all_product_pictures_id );
$smarty->assign("all_product_pictures", $all_product_pictures );

заменяем их на

Код:

$smarty->assign("all_product_pictures_id", $all_product_pictures_id );
$smarty->assign("all_product_pictures_big", $all_product_pictures_big );
$smarty->assign("all_product_pictures", $all_product_pictures );

сохраняем. идём в файл шаблона templates/frontend/ваш шаблон/product_detailed.tpl.html и ищем такие строки:

Код:

			{if $all_product_pictures}

			<p>{$smarty.const.ADMIN_PHOTOS}:<br><table cellpadding="3">
			{section name=i loop=$all_product_pictures}
				{if $smarty.section.i.index % 2 == 0}<tr>{/if}
				<td><a href="index.php?productID={$product_info.productID}&picture_id={$all_product_pictures_id[i]}"><img src="products_pictures/{$all_product_pictures[i]}" border=0></a></td>
				{if ($smarty.section.i.index+1) % 2 == 0}</tr>{/if}
			{/section}
			</table>

			{/if}

заменяем их на

Код:

			{if $all_product_pictures}

			<p>{$smarty.const.ADMIN_PHOTOS}:<br><table cellpadding="3">
			{section name=i loop=$all_product_pictures}
				{if $smarty.section.i.index % 2 == 0}<tr>{/if}
				<td><a rel="lightbox" href="products_pictures/{$all_product_pictures_big[i]}"><img src="products_pictures/{$all_product_pictures[i]}" border=0></a></td>
				{if ($smarty.section.i.index+1) % 2 == 0}</tr>{/if}
			{/section}
			</table>

			{/if}

помимо этого в этом же шаблоне мы подключаем сами библиотеки, скачанные с сайта Для просмотра ссылки Войди или Зарегистрируйся или аналогичные (у меня свои, немного переделанные).

art0 · 9 Май 2008

DSL-Group написал(а):

templates/frontend/ваш шаблон/product_detailed.tpl.html и ищем такие строки:

Код:

			{if $all_product_pictures}

			<p>{$smarty.const.ADMIN_PHOTOS}:<br><table cellpadding="3">
			{section name=i loop=$all_product_pictures}
				{if $smarty.section.i.index % 2 == 0}<tr>{/if}
				<td><a href="index.php?productID={$product_info.productID}&picture_id={$all_product_pictures_id[i]}"><img src="products_pictures/{$all_product_pictures[i]}" border=0></a></td>
				{if ($smarty.section.i.index+1) % 2 == 0}</tr>{/if}
			{/section}
			</table>

			{/if}

заменяем их на

Код:

			{if $all_product_pictures}

			<p>{$smarty.const.ADMIN_PHOTOS}:<br><table cellpadding="3">
			{section name=i loop=$all_product_pictures}
				{if $smarty.section.i.index % 2 == 0}<tr>{/if}
				<td><a rel="lightbox" href="products_pictures/{$all_product_pictures_big[i]}"><img src="products_pictures/{$all_product_pictures[i]}" border=0></a></td>
				{if ($smarty.section.i.index+1) % 2 == 0}</tr>{/if}
			{/section}
			</table>

			{/if}

Если прописать rel='lightbox' активируется навигация (фотографии можно пролистать)
[CODE] {if $all_product_pictures}

<p>{$smarty.const.ADMIN_PHOTOS}:<br><table cellpadding="3">
{section name=i loop=$all_product_pictures}
{if $smarty.section.i.index % 2 == 0}<tr>{/if}
<td><a rel="lightbox[img]" href="products_pictures/{$all_product_pictures_big[i]}"><img src="products_pictures/{$all_product_pictures[i]}" border=0></a></td>
{if ($smarty.section.i.index+1) % 2 == 0}</tr>{/if}
{/section}
</table>

{/if}[/CODE]

Welho® · 13 Май 2008

art0 написал(а):
Если прописать rel='lightbox' активируется навигация (фотографии можно пролистать)
[CODE] {if $all_product_pictures}

<p>{$smarty.const.ADMIN_PHOTOS}:<br><table cellpadding="3">
{section name=i loop=$all_product_pictures}
{if $smarty.section.i.index % 2 == 0}<tr>{/if}
<td><a rel="lightbox[img]" href="products_pictures/{$all_product_pictures_big[i]}"><img src="products_pictures/{$all_product_pictures[i]}" border=0></a></td>
{if ($smarty.section.i.index+1) % 2 == 0}</tr>{/if}
{/section}
</table>

{/if}[/CODE][/QUOTE]
короче, вот нормальное, полноценное решение с навигацией при помощи lightbox:
в файле [B]includes/product_detailed.php[/B] делаем все как написал [B]DSL-Group[/B]
дополнительно делаем в файле шаблона [B]templates/frontend/ваш шаблон/product_detailed.tpl.html[/B]
ищем:
[CODE]{* product detailed information view *}[/CODE]после него добавляем [I](пути установите свои)[/I][CODE]<link rel="stylesheet" href="[I]папка_где лежит_lightbox[/I]/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="[I]папка_где лежит_lightbox[/I]/js/prototype.js"></script>
<script type="text/javascript" src="[I]папка_где лежит_lightbox[/I]/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="[I]папка_где лежит_lightbox[/I]/js/lightbox.js"></script>
[/CODE]удаляем подпись-ссылку "увеличить" для избежания косяков с количеством картинок при увеличении,
ищем в 2-х местах[CODE]<img src="images/enlarge.gif"></td><td>
<a class="olive" href="javascript:open_window('products_pictures/{$product_info.big_picture}',{$product_info[16]},{$product_info[17]});">{$smarty.const.ENLARGE_PICTURE}</a>[/CODE]заменяем на[CODE]</td><td> {$smarty.const.ENLARGE_PICTURE}[/CODE]
ищем в 2-х местах[CODE]<a href="javascript:open_window('products_pictures/{$product_info.big_picture}',{$product_info[16]},{$product_info[17]});">[/CODE]заменяем на[CODE]<a href="products_pictures/{$product_info.big_picture}" rel="lightbox[img]">[/CODE]
дополнительно открываем [B]/languages/russian.php[/B]
ищем[CODE]увеличить...[/CODE]меняем например на[CODE]Нажмите картинку для увеличения[/CODE]
еще заметил такую фигню:
анимированные GIF-ки ведут себя глючно, окно скрипта как бы моргает
у меня почему-то в Опере и в Лисичке при загрузке страницы детального описания товара что-то типа черное мерцает/проскакивает на доли секунды
если кто поможет с этим - буду благодарен

biznesoft · 23 Май 2008

Сделал все как писал ndmitry с помощью highslide --- все получилось, все рисунки открываются красиво. Благодарю.
Пробовал делать с помощью - lightbox как писал welhor, почемуто ничего невиходить, выдает ошибку смарти.
Возможно через то что я юзаю №12-шаблон.
Не хочу показаться наглым, можно виложити полное рабочее содержание файлов: product_detailed.php и product_detailed.tpl штоб под 12шаб пошол.
Зарание благодарю. :bc:

Lightbox JS + shop script

Weetal

Постоялец

ndmitry

Хранитель порядка

Weetal

Постоялец

isp84

Писатель

ndmitry

Хранитель порядка

isp84

Писатель

DSL-Group

Постоялец

art0

Создатель

Welho®

Предвестник пьянки

biznesoft

Постоялец