[Решено] highslide в Virtuemart 1.1.2 и 1.0.15 - красивые всплывающие окна

[PaLyCH]

Делается в простые 5 шагов. Только для карточки товара
1) качаем  у авторов последнюю версию.
2) или качаем в низу темы.
3) закачиваем в корень сайта в папку highslide
4) открываем index.php шаблона, и перед тегом </head> прописываем следующие строки

Код

<?php
	if (@$option=='com_virtuemart' ) { ?>
	<script type="text/javascript" src="/highslide/highslide.packed.js"></script>
	<script type="text/javascript">
		    // override Highslide settings here
		    // instead of editing the highslide.js file
		    hs.graphicsDir = '/highslide/graphics/';
	</script>
<?php }  ?>

Это необходимо, чтобы скрип подгружался только в virtuemart
5) Открываем htmlTools.class.php
Находим

Код

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'rel="lightbox'.$image_group.'"' );

меняем на

Код

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'class="highslide" onclick="return hs.expand(this)"' );

Ну вот и все.

[Fetka]

 а как сделать такой эффект для всех фотографий на сайте?

[SergyBoiko]

На какой версии виртуемарта тестили?
в моей версии BMPE в файле htmlTools.class.php

кода 

Код:

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'rel="lightbox'.$image_group.'"' );

нет

[PaLyCH]

На какой версии виртуемарта тестили?
в моей версии BMPE в файле htmlTools.class.php

кода 

Код:

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'rel="lightbox'.$image_group.'"' );

нет

А ты не заметил в теме? Внимательнее-внимательнее

[SergyBoiko]

В натуре.. ступил..
под версию 1.0.15 поможете с решением? шаманил с browse_1.php но открывается просто в новом окне.

[PaLyCH]

пробовал шаманить, не получилось пока. как получится, обязательно отпишусь

[morph]

млин...чтото глючит - ставлю,щелкаю на картинке - loading... и стопор...

[Mirsaytov]

кроме файла js, дополнительно нужно создать папку "graphic" и запихнуть туда картинки для данного скрипта

Скрипты и картинки можно скачать отсюда:
http://www.denison.edu/share/highslide/

[PaLyCH]

И так. Нарыл вроде и для 1.0.15 Virtuemart. Сразу начнем с 5 пункта. Открываем файл shop.product_details.php. Ищем код

Код:

if( @$_REQUEST['output'] != "pdf" ) {
$link = $imageurl;
$text = $ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."<br/>".$VM_LANG->_PHPSHOP_FLYPAGE_ENLARGE_IMAGE;
// vmPopupLink can be found in: htmlTools.class.php
$product_image = vmPopupLink( $link, $text, $width, $height );
} else {
$product_image = "<a href=\"$imageurl\" target=\"_blank\">".$ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."</a>";
}

меняем на

Код:

$product_image = "<a href=\"$imageurl\" class=\"highslide\" onclick=\"return hs.expand(this)\">".$ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."</a>";

Вот и усе

[Growbar]

всё сделал как написано выше...  работает но частично... как сделать чтоб задний фон при открытии картинки изменялся...

И второй вопрос как сделать чтоб этот эффект действовал и на дополнительные картинки у товара...

версия магазина ВМРЕ 1.0.15b

как я понял надо что то сдесь поменять:

Код:

$href = "javascript:void window.open('$src_full', 'win$image->file_id$titlewsp', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$width_full,height=$height_full,directories=no,location=no');";

И ещё странная вещь... На сайте стоит шапка на флеше... и картинка которая открывается , открывается под флешкой (( в чём может быть проблема?

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

[Growbar]

С открытием дополнительных картинок у товара решил проблему.... осталась проблема с флешем и задним фоном...

[Sulpher]

С открытием дополнительных картинок у товара решил проблему....

Поделитесь решением с сообществом. Будет полезно другим.

И ещё странная вещь... На сайте стоит шапка на флеше... и картинка которая открывается , открывается под флешкой (( в чём может быть проблема?

нужно добавить пару параметров в флэш объект.
Вот этот:
    <param name="wmode" value="opaque">
а перед закрытием embed вот это: wmode="opaque"

т.е. вывод флэш объекта будет выглядеть примерно след. образом:

Код:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="313" height="141">
    <param name="movie" value="<?php echo $mosConfig_live_site; ?>/templates/template/images/logo.swf" />
    <param name="wmode" value="opaque">
    <param name="quality" value="high" />
    <embed src="<?php echo $mosConfig_live_site; ?>/templates/template/images/logo.swf"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="313" height="141" wmode="opaque"></embed>
</object>

[Growbar]

спасибо помогло..... 

решение открытие дополнительных картинок:

shop.product_details.php

этот код

Код:

$href = "javascript:void window.open('$src_full', 'win$image->file_id$titlewsp', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$width_full,height=$height_full,directories=no,location=no');";

сменил на

Код:

$href = "$src_full\" class=\"highslide\" onclick=\"return hs.expand(this)\"";

всё заработало....

кто подскажет как изменить задний фон?

[Growbar]

спасибо всё зараболало....

это в index.php

hs.dimmingOpacity = 0.75;

это в стиль

.highslide-dimming {
   background: black;
}

решение было найдено

Код:

http://highslide.com/ref/hs.dimmingOpacity

[Sulpher]

спасибо помогло..... 

решение открытие дополнительных картинок:

этот код

Код:

$href = "javascript:void window.open('$src_full', 'win$image->file_id$titlewsp', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$width_full,height=$height_full,directories=no,location=no');";

сменил на

Код:

$href = "$src_full\" class=\"highslide\" onclick=\"return hs.expand(this)\"";

Укажите, какой файл редактируете. Укажите в своём старом комментарии.

[Old Badger]

Пардон... А это откуда?

Код:

$href = "javascript:void window.open('$src_full', 'win$image->file_id$titlewsp', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$width_full,height=$height_full,directories=no,location=no');";

Ни и 1.1.2, ни в 1.0.15 я ничего подобного не нашёл...
Скорее уж где-то здесь... (точнее, точно здесь в 1.0.15b) но вот как?:
shop.view_images.php, линии ~ 42-63

Код:

$href = $_SERVER['PHP_SELF']."?option=com_virtuemart&page=$page&product_id=$product_id&image_id=product&Itemid=".$Itemid;
  $title = $db->f("product_name");
  echo "<a href=\"$href\" target=\"_self\" title=\"$title\">\n";
  $ps_product->show_image( $db->f("product_thumb_image"), "alt=\"$alt\" align=\"center\" border=\"$border\"");
  echo "</a>&nbsp;&nbsp;&nbsp;";
  $dbi = new ps_DB();
// Let's have a look wether the product has more images.
  $dbi->query( "SELECT * FROM #__{vm}_product_files WHERE file_product_id='$product_id' AND file_is_image='1'" );
  $images = $dbi->record;
  $i = 0;
  foreach( $images as $image ) {
    $info = pathinfo( $image->file_name );
   
    $src = dirname($image->file_url) ."/resized/". basename($image->file_name, ".".$info["extension"])."_".PSHOP_IMG_WIDTH."x".PSHOP_IMG_HEIGHT.".".$info["extension"];
    $alt = $image->file_title;
    $height = empty($image->file_image_thumb_height) ? PSHOP_IMG_HEIGHT : $image->file_image_thumb_height;
    $width = empty($image->file_image_thumb_width) ? PSHOP_IMG_WIDTH : $image->file_image_thumb_width;
   
    $border = ($image->file_id == $image_id) ? "4" : "1";
    $href = $_SERVER['PHP_SELF']."?option=com_virtuemart&page=$page&product_id=$product_id&image_id=".$image->file_id."&Itemid=".$Itemid;
    $title = $image->file_title;
    echo "<a href=\"$href\" target=\"_self\" title=\"$title\"><img src=\"$src\" alt=\"$alt\" align=\"center\" width=\"$width\" border=\"$border\" /></a>\n&nbsp;&nbsp;&nbsp;";

Если делать по аналогии с основной картинкой, показывается только окошко загрузки и усё... 

[slavkin]

Делается в простые 5 шагов. Только для карточки товара
1) качаем  у авторов последнюю версию.
2) или качаем в низу темы.
3) закачиваем в корень сайта в папку highslide
4) открываем index.php шаблона, и перед тегом </head> прописываем следующие строки

Код

<?php
	if (@$option=='com_virtuemart' ) { ?>
	<script type="text/javascript" src="/highslide/highslide.packed.js"></script>
	<script type="text/javascript">
		    // override Highslide settings here
		    // instead of editing the highslide.js file
		    hs.graphicsDir = '/highslide/graphics/';
	</script>
<?php }  ?>

Это необходимо, чтобы скрип подгружался только в virtuemart
5) Открываем htmlTools.class.php
Находим

Код

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'rel="lightbox'.$image_group.'"' );

меняем на

Код

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'class="highslide" onclick="return hs.expand(this)"' );

Ну вот и все.

Можно где-то демо  посмотреть, что получается?

[mickymouse]

Ещё вопросик где бы подправить что-бы эта вещь срабатывала и при просмотре категории а не только при просмотре продукта?

ПыСы. И вот ещё вопросик у меня почему то меню получается поверх картинки, хотя в фаилике темплейта <?php
   if (@$option=='com_virtuemart' ) { ?>
   <script type="text/javascript" src="/highslide/highslide.packed.js"></script>
   <script type="text/javascript">
          // override Highslide settings here
          // instead of editing the highslide.js file
          hs.graphicsDir = '/highslide/graphics/';
   </script>
<?php }  ?> стоит первый.

[sotkom]

а как же таблица стилей? highslide.css? чет ни одного слова про него... и в приложенном ув.PaLyCH архиве  highslide.packed.zip его нет...

[booro]

А зачем вообще использовать что-то стороннее, если в самом вм есть lightbox?

Это вставляем в head:

Код:

<?php
if (@$option=='com_virtuemart' ) { ?>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/mootools/mootools-release-1.11.js">
    </script>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/mootools/mooPrompt.js">
    </script>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/slimbox/js/slimbox.js">
    </script>
<link type="text/css" rel="stylesheet" media="screen, projection" href="components/com_virtuemart/js/mootools/mooPrompt.css" />
<link type="text/css" rel="stylesheet" media="screen, projection" href="components/com_virtuemart/js/slimbox/css/slimbox.css" />
<?php }  ?>

Теперь можно сделать красивые картинки и для browse, просто в добавляем rel="lightbox" к ссылке на большую картинку.

Код:

<a href="<?php echo $product_full_image ?>" rel="lightbox">

Для flypage вообще ничего никуда вставлять не надо, все и так работает.

[Wiegraf]

Пробовал на Virtuemart 1.0.4 таким методом не встает, может кто поможет?, не думаю что я один сталкивался с такой проблемой

[Wiegraf]

Для product_detail.php  настроил, но никак не получается для Browse_1.php

Вот кусок кода подскажите что я должен в нем прописать, для подключения hislide

<script type="text/javascript">//<![CDATA[
        document.write('<a href="javascript:void window.open(\'{image_url}product/{product_full_image}\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width={full_image_width},height={full_image_height},directories=no,location=no\');">');

Версия Virtuemart 1.0.4

[nevigen]

Прикрутил на 1.1.2.
работает..... но...... не очень красиво, картинки в рамочку берет, стиль прописать как ноу-бордер на примерах Хайславда, не нашел как.... а было бы ярче....

Причем я захотел поопробовать лишь по одной причине, если ставить YooEffects то они тоже юзают лайтбокс, и при включении плагина начинает глючить Виртумарт, выдавая на увеличение 2 раза фото......

Вот есть решение такого вопроса ?
Чтобы не глючили рядом ЙоЕффектс и Виртумарт

[k.gubareva]

А зачем вообще использовать что-то стороннее, если в самом вм есть lightbox?

Это вставляем в head:

Код:

<?php
if (@$option=='com_virtuemart' ) { ?>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/mootools/mootools-release-1.11.js">
    </script>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/mootools/mooPrompt.js">
    </script>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/slimbox/js/slimbox.js">
    </script>
<link type="text/css" rel="stylesheet" media="screen, projection" href="components/com_virtuemart/js/mootools/mooPrompt.css" />
<link type="text/css" rel="stylesheet" media="screen, projection" href="components/com_virtuemart/js/slimbox/css/slimbox.css" />
<?php }  ?>

Теперь можно сделать красивые картинки и для browse, просто в добавляем rel="lightbox" к ссылке на большую картинку.

Код:

<a href="<?php echo $product_full_image ?>" rel="lightbox">

Для flypage вообще ничего никуда вставлять не надо, все и так работает.

Уважаемый booro и другие пользователи этого форума, пожалуйста, объясние начинающим пользователям joomla как пользоваться lightbox,  lightbox работает в flypage, но ни как не заставлю его работать в browse , открывается картинка в окне с белым фоном.

Код который вы дали в начале нужно вставить в head index.php который в теме лежит?

Мои данные Joomla! 1.0.15Стабильная версия и VM 1.1.3

код для вызова ligthbox

Код:

<a href="<?php echo $product_full_image ?>" rel="lightbox"  title="<?php echo $product_name ?>">
        <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?>
       </a>

[nevigen]

LightBox VS HighSlide !!!!

Продолжаем править под хайслайд !!!!

Для категории тоже самое, только меняете например в browse_1

Код:

<div class="browseProductImageContainer">
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.        $product_name .'"' ) ?></a>
    </div>

на

Код:

<div class="browseProductImageContainer">
      <a href="<?php echo $product_full_image ?>" class="highslide" onclick="return hs.expand(this)">
     <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.        $product_name .'"' ) ?></a>
    </div>

[nevigen]

как прикрутить хайслайд чтобы он выводил ссылку на производителя, как iframe ? не тупо в новом окне а именно во всплывающем, может даже при наведении.... хиде и что поправить ?
чета не могу допетрать...

Да и еще момент, не могу понять как сделать чтобы при хайслайд всплывающем окне, выводил Каптион картинки....

[nestless]

Решение проблемы двойного открытия lightbox с установленным YOOeffects

[zmeyx]

Сделал все как описано, но, проблемка такая, при нажатии на картинку, она не открывается, только Loading... и на этом останавливается.. подскажите, как бороться?
VM 1.0.15 Joomla 1.0.15 Стабильная

[nevigen]

проверь пути
и посмотри чтобы было написано return hs.expand не с больших, а только так, и ничего лишнего там.
Больше ничего особенного на это не влияет...

[zmeyx]

проверь пути
и посмотри чтобы было написано return hs.expand не с больших, а только так, и ничего лишнего там.
Больше ничего особенного на это не влияет...

Сорри, а можно чуть подробнее.... сделано все строго по этому описанию

И так. Нарыл вроде и для 1.0.15 Virtuemart. Сразу начнем с 5 пункта. Открываем файл shop.product_details.php. Ищем код

Код:

if( @$_REQUEST['output'] != "pdf" ) {
$link = $imageurl;
$text = $ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."<br/>".$VM_LANG->_PHPSHOP_FLYPAGE_ENLARGE_IMAGE;
// vmPopupLink can be found in: htmlTools.class.php
$product_image = vmPopupLink( $link, $text, $width, $height );
} else {
$product_image = "<a href=\"$imageurl\" target=\"_blank\">".$ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."</a>";
}

меняем на

Код:

$product_image = "<a href=\"$imageurl\" class=\"highslide\" onclick=\"return hs.expand(this)\">".$ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."</a>";

Вот и усе

естественно, сначала сделано по первому топику.

[nevigen]

на 1.0.15 не уверен как... должгно работать в принципе.
на 1.1.2 работает 100 пудофф
так что сори по по 1.0.15 не подскажу....

[ibrogim]

пожалуйста, объясние начинающим пользователям joomla как пользоваться lightbox

Алгоритм настройки lightbox для Virtuemart 1.1.2
1)Скачать, установить и включить модуль в админке
2)В админке зайти в менеджер шаблонов и у текущего шаблона нажать "Редактировать HTML" перед </head> вставить код который привёл booro

Код:

<?php
if (@$option=='com_virtuemart' ) { ?>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/mootools/mootools-release-1.11.js">
    </script>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/mootools/mooPrompt.js">
    </script>
<script language="JavaScript" type="text/javascript" src="
<?php
echo $mainframe->getCfg('live_site'); ?>components/com_virtuemart/js/slimbox/js/slimbox.js">
    </script>
<link type="text/css" rel="stylesheet" media="screen, projection" href="components/com_virtuemart/js/mootools/mooPrompt.css" />
<link type="text/css" rel="stylesheet" media="screen, projection" href="components/com_virtuemart/js/slimbox/css/slimbox.css" />
<?php }  ?>

Затем в components\com_virtuemart\themes\default\templates\browse\browse_.php после

Код:

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
if($chstr==1){$w='#E9ECE8';    //$w='#E9ECE8'
}else{$w='#D3DFF8';         } ?>

Вставить:

Код:

<?php vmCommonHTML::getLightboxImageLink( $image->file_url, $thumbtag, $title ? $title : $image->title, 'product'.$product_id ) ?>

Ниже в диве где выводится маленькая картинка (или гиперссылка как у меня) в ссылку добавить

Код:

rel="lightbox"

Например у меня получилось:

Код:

<a href="<?php echo  $product_full_image?>" rel="lightbox" target="_blank">
        Изображение
</a> 

[NapoleON_OFF]

Для центрирования увеличенного изображения вставляю в index.php      hs.align = 'center';    и ни чего не меняется, может ещё что-то нужно подправить? подскажите!!!

[Nemo31]

У меня в списке товаров в категории настроено так, чтобы картинки открывались  с помощью Lightbox способом, описаном уважаемым ibrogim. Наблюдается проблема в Opera. Картинка открывается не посредине экрана, а посредине всей длины страницы. В результате, если открываем картинку в начале списка товаров (подчеркну, что это проявляется только в Opera), то она открывается далеко внизу за пределами экрана и приходится до нее скролить, что сами понимаете, мягко говоря, не удобно. Кто-нибудь решил эту проблему (я встречал такие-же вопросы с оперой и Lightbox, но там не было ответов)? Если, да, то не сочтите за труд, отпишитесь как решили.

[Nemo31]

Нашел вот здесь http://ecomsite.ru/component/option,com_remository/Itemid,31/func,select/id,2/
скрипт для VirtueMart с эфектом highslide.
Все сработало. Очень даже красиво получилось: http://plast-torg.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=21&Itemid=8
именно так, как я и хотел.
Скрипт предназначен для использования в файлах browse (товар в категории отображается с помощью дивов). У меня товар в категории отобаржается в виде таблички и задается в файле components/com_virtuemart/themes/default/templates/browse/includes/browse_listtable.tpl.php
В этом файле я поменял код:

Код:

$data[$row][] = '<a href="'.$product['product_full_image'].'" rel="lightbox" target="_blank">'
. ps_product::image_tag( $product['product_thumb_image'] )
. '</a>';

на

Код:

$data[$row][] = '<a href="'.$product['product_full_image'].'" class="highslide" onclick="return hs.expand(this)" target="_blank">'
. ps_product::image_tag( $product['product_thumb_image'], 'class="browseProductImage" title="Нажмите для увеличения" alt="'.$product_name .'"')
. '</a>';

Все остальное сделал так, как описано в файлике прилагающемся к скрипту.

[Polosat]

Nemo31 - спасибо большое! Отличное решение для тех кто использует шаблон в виде "плоского списка"

Все сделал, работает, вот только при нажатие под картинкой не показывает название товара, как в вашем примере, подскажите что нужно изменить ?

[Nemo31]

Небольшой кусочек кода нужно дописать в конце:

Код:

$data[$row][] = '<a href="'.$product['product_full_image'].'" class="imagesize" id="thumb3" onclick="return hs.expand(this)" target="_blank">'
. ps_product::image_tag( $product['product_thumb_image'], 'class="browseProductImage" title="Нажми для увеличения" alt="'.$product['product_name'].'"')
. '</a><div class="imagesize-caption">'.$product['product_name'].'</div>

[Polosat]

Nemo31 - спасибо, вот только в синтаксисе ошибку выдаёт, подскажите где убрать или добавить лишнюю запятую, а то в php я не силён =( . И может сходу подскажите что нужно изменить в browse_listtable.tpl.php что бы товары из подкатегорий показывали в одну кучу в виде - Категория1
описание категории
   Товар
   Товар
Категория2 
описание категории
   Товар
   Товар
....

[Nemo31]

Вот скопировал кусок из рабочего файла:

Код:

foreach ( $products as $product ) {

foreach ( $product as $attr => $val ) {
// Using this we make all the variables available in the template
// translated example: $this->set ( 'product_name', $product_name );
$this->set ( $attr, $val );
}

$data[$row][] = '<a href="'.$product['product_flypage'].'" title="'.$product['product_name'].'">'.$product['product_name'].'</a>';
$data[$row][] = $product['product_sku'];
if ( _SHOW_PRICES && $auth['show_prices'] ) {
$data[$row][] = $product['product_price'];
}
$data[$row][] = '<a href="'.$product['product_full_image'].'" class="imagesize" id="thumb3" onclick="return hs.expand (this)" target="_blank">'
. ps_product::image_tag ( $product['product_thumb_image'], 'class="browseProductImage" title="Нажми для увеличения" alt="'.$product['product_name'].'"')
. '</a><div class="imagesize-caption">'.$product['product_name'].'</div><div id="closebutton" class="imagesize-overlay closebutton" onclick="return hs.close (this)" title="Закрыть"></div>';
$data[$row][] = $product['product_s_desc'];
if ( $product['has_addtocart'] ) {
$data[$row][] = $product['form_addtocart'];
}
else {
$data[$row][] = '<a href="'.$product['product_flypage'].'" title="'.$product['product_name'].'">'
. $product['product_details']
. '</a>';
}

$row++;

}

Насчет второго вопроса, то поишите на форуме здесь это точно обсуждалось. Т.к. мне это не надо было, то я в подробности не вдавался.

[joomlafun99]

Не удалось прикрутить highslide пишет лоадинг и не грузиться! Прикрутил lightbox, но если нажимаю на товар в категории он не подтягивает его дополнительные фотографии.  пожалуйста со следующей задачей, необходимо, что бы при клике на товар в категории, появлялись все его дополнительные фотографии, а также описание. Пока удалось добиться, только описание. Ни один скрипт не подятгивается дополнительные фото товара.  Заранее благодарен.

[Alehus]

Люди, помогите, сделал все как указано в самом начале.
вставил код в index.php шаблона Joomla перед </head>.

<?php
   if (@$option=='com_virtuemart' ) { ?>
   <script type="text/javascript" src="/highslide/highslide.packed.js"></script>
   <script type="text/javascript">
          // override Highslide settings here
          // instead of editing the highslide.js file
          hs.graphicsDir = '/highslide/graphics/';
   </script>
<?php }  ?>

Открыл htmlTools.class.php и исправил как указано
Код

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'rel="lightbox'.$image_group.'"' );

поменял на
Код

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'class="highslide" onclick="return hs.expand(this)"' );

код весь как написан скопировал и вставил. в буквах ошибки нет.
Создал в корне сайта папку highslide закачал в нее js файл, в ней создал папку graphics и закачал файл изображения, которое открывается в обычном варианте.

Проверяю... и на изображении появляется Loading... и тишина . Еще раз нажимаю и картинка открывается в новом окне как в обычном варианте (без изменений).
Joomla 1.5.14 VirtueMart 1.1.3
Может это быть из-за того что у меня VirtueMart 1.1.3.

[crazy81]

спасибо помогло..... 

решение открытие дополнительных картинок:

shop.product_details.php

этот код

Код:

$href = "javascript:void window.open('$src_full', 'win$image->file_id$titlewsp', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$width_full,height=$height_full,directories=no,location=no');";

сменил на

Код:

$href = "$src_full\" class=\"highslide\" onclick=\"return hs.expand(this)\"";

всё заработало....

У меня в файле shop.product_details.php нет указанных выше строк.
Как сделать чтобы дополнительные картинки открывались с таким же эфектом, что и главная?

[pharaoh]

А подскажите, как заставить highslide подгружать большое изображение только после нажатия на маленькое?
По-умолчанию все большие изображения, на которые есть ссылки через class="highslide", подгружаются автоматом после загрузки страницы.

Решено:

Код:

<script type="text/javascript">
   hs.numberOfImagesToPreload = 10;
</script>

Себе поставил 1, что устраивает более, чем 0.

[Mihalich41]

И ПОЧЕМУ НИКТО НЕ ОТВЕЧАЕТ НА САМЫЕ ИНТЕРЕСНЫЕ ВОПРОСЫ?
Люди, помогите, сделал все как указано в самом начале.
вставил код в index.php шаблона Joomla перед </head>.
Цитировать
<?php
   if (@$option=='com_virtuemart' ) { ?>
   <script type="text/javascript" src="/highslide/highslide.packed.js"></script>
   <script type="text/javascript">
          // override Highslide settings here
          // instead of editing the highslide.js file
          hs.graphicsDir = '/highslide/graphics/';
   </script>
<?php }  ?>

Открыл htmlTools.class.php и исправил как указано
Код
Цитировать
$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'rel="lightbox'.$image_group.'"' );
поменял на
Код
Цитировать
$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'class="highslide" onclick="return hs.expand(this)"' );
код весь как написан скопировал и вставил. в буквах ошибки нет.
Создал в корне сайта папку highslide закачал в нее js файл, в ней создал папку graphics и закачал файл изображения, которое открывается в обычном варианте.

Проверяю... и на изображении появляется Loading... и тишина Sad. Еще раз нажимаю и картинка открывается в новом окне как в обычном варианте (без изменений).
Joomla 1.5.14 VirtueMart 1.1.3
Может это быть из-за того что у меня VirtueMart 1.1.3.

ТОЖЕ САМОЕ!ТОлько VirtueMart 1.1.4

[nevigen]

И ПОЧЕМУ НИКТО НЕ ОТВЕЧАЕТ НА САМЫЕ ИНТЕРЕСНЫЕ ВОПРОСЫ?
...................................
Создал в корне сайта папку highslide закачал в нее js файл, в ней создал папку graphics и закачал файл изображения, которое открывается в обычном варианте.

Скопируй весь Хайслайд папку в корень сайта !

и попробуй вставь в шаблон этот кусок вместо того что встаил раньше.

<?php
   if (@$option=='com_virtuemart' ) { ?>
   <script type="text/javascript" src="/highslide/highslide-full.js"></script>
   <link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
        <script type="text/javascript">
         hs.graphicsDir = '/highslide/graphics/';         
    hs.align = 'center';
         hs.dimmingOpacity = .35;         
         hs.blockRightClick = true;
         hs.outlineType = 'rounded-white';
   

         </script>
<?php }  ?>

[Mihalich41]

Благодарю, nevigen, но я нашел другое решение, а с Вашим почему-то тоже неполучилось.

Вот это помогло

<script type='text/javascript' src='highslide/highslide-with-html.js'></script>
<script type='text/javascript' src='highslide/swfobject.js'></script>
<script type='text/javascript'>
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'rounded-white';
hs.loadingText = 'Await...';
</script>

[artrider]

Работает и то и другое решение. Но решение Mihalich41 мне понравилось больше. Главным образом из-за hs.showCredits = false; Молодец!

[nevigen]

hs.showCredits = false
делается раз и навсегда в файле это априори..
остальное настройками. значения и переменные можно посмотреть на сайте автора.

ладна проехали

ЗЫ. кстати они отличаются только подключаемыми библиотеками Фулл или ХТМЛ

[shoomik]

Вот это помогло
<script type='text/javascript' src='highslide/highslide-with-html.js'></script>
<script type='text/javascript' src='highslide/swfobject.js'></script>
<script type='text/javascript'>
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'rounded-white';
hs.loadingText = 'Await...';
</script>

Если вместо

<script type='text/javascript' src='highslide/highslide-with-html.js'></script>
<script type='text/javascript' src='highslide/swfobject.js'></script>

поставить 

<script type='text/javascript' src='highslide/highslide.js'></script>

работает с таким же успехом.
Вместо Await... можно написать что нибудь свое.
Чтобы перевести подсказки на руский язык редактируйте тот скрипт который прописываете в вышеприведенном коде. в моем примере это highslide.js

[baloon]

...

[SergLI]

Добрый день всем!
Пересмотрел весь форум, но так и не нашел ответа:
1. как включить highslide для просмотра фото товаров в самой категории, а не на самой странице с товаром. И возможно ли это вообще?
2. Или как второй вариант, что нужно сделать, чтобы при клике на фото товара в категории, открывалось не фото, а уже страница с товаром и описанием (как ссылка подробнее)?
Заранее благодарю за помощь 

[nevigen]

а ты попробуй разные шаблоны (стандартные) поставить на вывод категорий, и посмотри какая между ними разница...
Потом возьми тот шаблон, который картинку увеличивает и примени решение которое выложено выше...

например вот тут http://joomlaforum.ru/index.php/topic,45227.msg425322.html#msg425322

[Mihalich41]

включил ЧПУ (sh404sef) и теперь эффект пропал
Ума не приложу, что меняется при включение и выключении ЧПУ для ссылки на большую картинку?

[Mihalich41]

Друзья, поделитесь соображениями, горит! Включаю ЧПУ ссылка на картинку работает, но без эффекта, выключаю ЧПУ все работает!
Хочу совместить приятное с полезным=)

[nevigen]

смотри в строке снизу как отбивает ЧПУ ссылку.. оно корявит ее.. а как хто знает...
разбираться нуна...
есть решение проще для ВМ роутер

http://joomlaforum.ru/index.php/topic,50193.0.html

[Mihalich41]

смотри в строке снизу как отбивает ЧПУ ссылку.. оно корявит ее.. а как хто знает...
разбираться нуна...

у меня ссылка вообще 1 в 1 остается, смотрел!

        <a href="http://sait/components/com_virtuemart/shop_image/product/_________________4bae4e3c3ee81.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="http://sait/components/com_virtuemart/show_image_in_imgtag.php?filename=resized%2F_________________4bae4e3c30439_170x170.jpg&amp;newxsize=170&amp;newysize=170&amp;fileout="00 class="browseProductImage" title="Артикул: 001" alt="Артикул: 001" border="0" /> </a>

[Mihalich41]

Прошу прощение за офф-топ, я затупил... у меня пути были
/highslide/graphics/
/highslide/highslide-with-html.js
/highslide/highslide-styles.css

а с ЧПУ адрес меняется, надо прописывать более строгий путь с <?php echo $this->baseurl; ?>/

[andx]

Помогите советом пожалуйста! Вот здесь я уже спрашивал, но никто не ответил. Суть вопроса - есть imagesize 2.0 black edition, это переделанный скрипт highslide, чтобы он мог показывать дополнительные картинки, автор переделки - ecomsite.ru, но там все заглохло, спросить не у кого. Этот скрипт стоит у меня на странице товара, все работает хорошо, а вот как его прикрутить, чтобы он работал на странице категории? Может у кого есть такая штука? Я так понимаю надо поправить browse-x.php, но вот какой код в него вставлять не знаю..

update:
частично решил проблему вот здесь

[Dimension]

Можете подробней описать что делать с 404SEF, чтобы работало

[Mihalich41]

Можете подробней описать что делать с 404SEF, чтобы работало

НА каком моменте возникли непонятки?

[Droff]

Решение проблемы двойного открытия lightbox с установленным YOOeffects

Ссылка не работает, может кт ознает как решить эту проблему?

[Droff]

Ссылка не работает, может кт ознает как решить эту проблему?

решил проблему, поставил highslide.
Один вопрос: никак не получается включить навигацию между картинками(вперед, назад, слайдшоу)
Где рыть подскажите?

[streelok]

можно ли изменить всплывающие окно при добавлении товара в карзину

[John316]

Помогите советом пожалуйста! Вот здесь я уже спрашивал, но никто не ответил. Суть вопроса - есть imagesize 2.0 black edition, это переделанный скрипт highslide, чтобы он мог показывать дополнительные картинки, автор переделки - ecomsite.ru, но там все заглохло, спросить не у кого. Этот скрипт стоит у меня на странице товара, все работает хорошо, а вот как его прикрутить, чтобы он работал на странице категории? Может у кого есть такая штука? Я так понимаю надо поправить browse-x.php, но вот какой код в него вставлять не знаю..

Вот тут я описал решение к подобной проблеме http://joomlaforum.ru/index.php/topic,104303.msg761838.html#msg761838

[John316]

решил проблему, поставил highslide.
Один вопрос: никак не получается включить навигацию между картинками(вперед, назад, слайдшоу)
Где рыть подскажите?

Офф. сайт http://highslide.com/ там различные варианты скриптов есть, возьмите нужный и прикрутите к своему изображению, примеры там даются, есть и с навигацией и со слайдшоу.

[John316]

включил ЧПУ (sh404sef) и теперь эффект пропал
Ума не приложу, что меняется при включение и выключении ЧПУ для ссылки на большую картинку?

Решил проблему с ЧПУ (sh404sef)
В панели управления sh404SEF - Конфигурация - Расширенные - Режим Перезаписи (Rewriting) - Исп. .htaccess. Этот файл по умолчанию назван в корне как htaccess.txt Нужно переименовать в .htaccess  Там должно быть содержимое как дается в топике по настройке компонента:

Код:

##
# @version $Id: htaccess.txt 10492 2008-07-02 06:38:28Z ircmaxell $
# @package Joomla
# @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
# @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
# Joomla! is Free Software
##


#####################################################
#  READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE
#
# The line just below this section: 'Options +FollowSymLinks' may cause problems
# with some server configurations.  It is required for use of mod_rewrite, but may already
# be set by your server administrator in a way that dissallows changing it in
# your .htaccess file.  If using it causes your server to error out, comment it out (add # to
# beginning of line), reload your site in your browser and test your SEF url's.  If they work,
# it has been set by your server administrator and you do not need it set here.
#
#####################################################

##  Can be commented out if causes errors, see notes above.
Options +FollowSymLinks

#
#  mod_rewrite in use

RewriteEngine On

########## Begin - Rewrite rules to block out some common exploits
## If you experience problems on your site block out the operations listed below
## This attempts to block the most common type of exploit `attempts` to Joomla!
#
# Block out any script trying to set a mosConfig value through the URL
RewriteCond %{QUERY_STRING} mosConfig_[a-zA-Z_]{1,21}(=|\%3D) [OR]
# Block out any script trying to base64_encode crap to send via URL
RewriteCond %{QUERY_STRING} base64_encode.*\(.*\) [OR]
# Block out any script that includes a <script> tag in URL
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]
# Block out any script trying to set a PHP GLOBALS variable via URL
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
# Block out any script trying to modify a _REQUEST variable via URL
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
# Send all blocked request to homepage with 403 Forbidden error!
RewriteRule ^(.*)$ index.php [F,L]
#
########## End - Rewrite rules to block out some common exploits

#  Uncomment following line if your webserver's URL
#  is not directly related to physical file paths.
#  Update Your Joomla! Directory (just / for root)

# RewriteBase /


########## Begin - Joomla! core SEF Section
############# Use this section if using ONLY Joomla! core SEF
## ALL (RewriteCond) lines in this section are only required if you actually
## have directories named 'content' or 'component' on your server
## If you do not have directories with these names, comment them out.
#
#RewriteCond %{REQUEST_FILENAME} !-f
#RewriteCond %{REQUEST_FILENAME} !-d
#RewriteCond %{REQUEST_URI} ^(/component/option,com) [NC,OR] ##optional - see notes##
#RewriteCond %{REQUEST_URI} (/|\.htm|\.php|\.html|/[^.]*)$ [NC]
#RewriteRule ^(content/|component/) index.php
#
########## End - Joomla! core SEF Section


########## Begin - 3rd Party SEF Section
############# Use this section if you are using a 3rd party (Non Joomla! core) SEF extension - e.g. OpenSEF, 404_SEF, 404SEFx, SEF Advance, etc
#
RewriteCond %{REQUEST_URI} ^(/component/option,com) [NC,OR] ##optional - see notes##
RewriteCond %{REQUEST_URI} (/|\.htm|\.php|\.html|/[^.]*)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*) index.php
#
########## End - 3rd Party SEF Section

После этого у меня заработало. Но для всплывающих картинок я пользовался решение, которое описал тут http://joomlaforum.ru/index.php/topic,104303.msg761838.html#msg761838

Демо: www.aroma.inf.ua

[kisens]

Офф. сайт http://highslide.com/ там различные варианты скриптов есть, возьмите нужный и прикрутите к своему изображению, примеры там даются, есть и с навигацией и со слайдшоу.

Подскажите, пож, более подробно какой скрипт скачать и куда его нужно вставить?

[fanatjan]

доброго времени суток. народ кто знает как в VirtueMart сделать чтобы название категории не нажималось(не кликает)?, но при этом подкатегории открывались при нажатии +, Я не знаю php можно ли это сделать с помощью настроек.Заранее благодарим

[zmancer]

http://joomlaforum.ru/index.php/topic,154616.0.html вот еще один лайтбокс и инструкция по прикручиванию

[Одессит]

решил проблему, поставил highslide.
Один вопрос: никак не получается включить навигацию между картинками(вперед, назад, слайдшоу)
Где рыть подскажите?

Самому очень нужно было такое решение, но нигде не мог найти. Пришлось всю ночь мучиться с примерами, описанными на оф.сайте highslide.
В итоге получилось сделать навигацию между изображениями товара (как в категориях, так и в карточке товара). Может кому будет полезным.

<?php
   if (@$option=='com_virtuemart' ) { ?>
<script type="text/javascript" src="/highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.captionEval = 'this.thumb.alt';
hs.headingOverlay.position = "top";
hs.headingOverlay.width = "100%";
hs.headingOverlay.opacity = .75;
hs.headingOverlay.hideOnMouseOut = true;
hs.align = 'center';
hs.showCredits = false;
hs.easing = 'linearTween';
hs.outlineType = 'outer-glow';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;
hs.addSlideshow({
// slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
/ Optional: a crossfade transition looks good with the slideshow
hs.transitions = ['expand', 'crossfade'];
</script>
<style type="text/css">
.highslide-dimming {
background: black;
}
</style>
<?php }  ?>

Весь код вписан в шапке используемого мной шаблона.
Возможно здесь и что-то лишнее вписал, но так как у меня всё работает, то я и так доволен
Вот здесь рабочий пример: http://jangl.in.ua/katalog-tovarov.html?page=shop.browse&category_id=1

[gum777]

Нашел вот здесь http://ecomsite.ru/component/option,com_remository/Itemid,31/func,select/id,2/
скрипт для VirtueMart с эфектом highslide.
Все сработало. Очень даже красиво получилось: http://plast-torg.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=21&Itemid=8
именно так, как я и хотел.

Ссылка  http://ecomsite.ru/component/option,com_remository/Itemid,31/func,select/id,2/ не работает поэтому не понятно как вы это сделали. Можно поподробнее какой скрипт использовали и куда что писали.

[terr]

не пашет, открывает в новом окне картинку

[chakivetal]

А кто на 1,1,8 такое делал? Ну все перепробовал(((... и загрустил)

В бровс сделал, а в карточке товара все равно на белом фоне открывается...

[Yliana]

Joomla 1.5.22 VM 1.1.9 работает в карточке товара, в том числе на дополнительных картинках, только в Explorer не хочет, там тупо открывает картинку в том же окне...

[sanekk]

а где взять русский highslide ? у кого есть локализация?

[chakivetal]

а где взять русский highslide ? у кого есть локализация?

В смысле русский?

[terr]

Спасиба все робит

[bev11321]

Почему-то в VirtueMart перестали всплывать картинки в карточке товара? в чем может быть причина?

[nevigen]

конфликтіы библиотек.Ищите после чего перестали работать. что ставили, что удаляли

[Olinda]

Как убрать серую рамку вокруг картинки товара которая появилась после установки этого скрипта, или хотя бы заменить ее на белую?  !

[nevigen]

CSS

[Olinda]

CSS это само собой, но где, в каком именно файле...
У меня вообще этот скрипт странно стал...
В файлах папки закачанной в корень highslide я пыталась поменять фразу 'Click to close image, click and drag to move. Use arrow keys for next and previous.' на фразу на русском языке. Но ничего не меняется. Я уже даже удалила эту папку, а скрипт все равно работает. Картинки товара увеличиваются, стрелок перемещения нет, но это мне не столько важно, но если нет значит что-то неправильно и не там я ищу. Так и с этой рамкой где ее вытягивает непонятно.

[nevigen]

Фаербагом смотрите класс картинки и меняете в ЦСС.
едитор для натсройки есть на сайте автора
Русский язык можно задать самому

[Olinda]

nevigen, спасибо за помощь, но что-то явно тут не то   !

Я полностью удалила скрипт и все что меняла, папку highslide не вставляла, в index.php шаблона скрипт не добавляла, начала с конца...

5) Открываем htmlTools.class.php
Поставила - $link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'class="highslide" onclick="return hs.expand(this)"' );

Все стало точно так же если бы сделала первые два пункта...ладно, пусть, в принципе меня устраивает, кроме появившейся рамки вокруг картинок товара. НО изменить/убрать эту рамку или изменить фразу на английском "'Click to close image, click and drag to move..." я не могу. Я поиском искала ее по всем файлам - ее нет. Откуда ее вытягивает?  

[nevigen]

там где вставляете код скрипта добавьте в объвление

Показать текстовый блок

hs.lang = {
   cssDirection: 'ltr',
   loadingText: 'Загружается...',
   loadingTitle: 'Нажмите для отмены',
   focusTitle: 'Нажмите чтобы поместить на передний план',
   fullExpandTitle: 'Развернуть до оригинального размера',
   creditsText: 'Использует <i>Highslide JS</i>',
   creditsTitle: 'Перейти на домашнюю страницу Highslide JS',
   previousText: 'Предыдущее',
   nextText: 'Следующее',
   moveText: 'Переместить',
   closeText: 'Закрыть',
   closeTitle: 'Закрыть (esc)',
   resizeTitle: 'Изменить размер',
   playText: 'Слайдшоу',
   playTitle: 'Начать слайдшоу (пробел)',
   pauseText: 'Пауза',
   pauseTitle: 'Приостановить слайдшоу (пробел)',
   previousTitle: 'Предыдущее (стрелка влево)',
   nextTitle: 'Следующее (стрелка вправо)',
   moveTitle: 'Переместить',
   fullExpandText: 'Оригинальный размер',
   number: 'Изображение %1 из %2',
   restoreTitle: 'Нажмите чтобы закрыть изображение, нажмите и перетащите для изменения местоположения. Для просмотра изображений используйте стрелки.'
};

Рамку чтобы убрать уиспользуйте стили, классы посомтрите через ФаерБаг.
Или воспользуйтесь

Показать текстовый блок

.highslide-wrapper, .highslide-outline {
   background: #FFFFFF;
}
.highslide img {
   border: 1px solid #D0D0D0;
}
.highslide:hover img {
   border-color: #A0A0A0;
}
.highslide-image {
   border: 2px solid #FFFFFF;
}
.highslide-loading {
   color: black;
   border: 1px solid black;
   background-color: white;
   background-image: url(graphics/loader.white.gif);
}

цвета сами задайте или поставте бордер:ноне

[Olinda]

там где вставляете код скрипта добавьте в объвление

Абсолютно ничего не поменялось (
Посмотрите мое сообщение выше, на вставку или не вставку скрипта реакции нет, и без вставки скрипта картинки увеличиваются но почему непонятно ((

[nevigen]

Чесно надо смотреть сайт.
А я вообще завязал с ВМ, перешел на ЖумШоппинг.
И ковырятся опять в ВМ просто нет желания, чесслво
Мой совет переходите на Ж2.5.

ЗЫ. кстати обратите внимание, что использование ХайСлайда в коммерческих целях подразумевает покупку лицензии