[Решено] Прикручиваем thickbox к виртуймарту 1.0.15 - [VM1] Решенные вопросы

<?php echo "<script type=\"text/javascript\" src=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/thickbox/jquery.js\"></script>" ; ?>

<?php echo "<script type=\"text/javascript\" src=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/thickbox/thickbox.js\"></script>" ; ?>

<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/thickbox/thickbox.css\" type=\"text/css\" media=\"screen\"/>" ; ?>

function vmPopupLink( $link, $text, $popupWidth=640, $popupHeight=480, $target='_blank', $title='' ) {
   
   $jslink = "<a href=\"javascript:void window.open('$link', 'win2', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$popupWidth,height=$popupHeight,directories=no,location=no');\" title=\"$title\">$text</a>";
   $noscriptlink = "<a href=\"$link\" target=\"$target\" title=\"$title\">$text</a>";
   return mm_writeWithJS( $jslink, $noscriptlink );
}

function vmPopupLink( $link, $text, $popupWidth=640, $popupHeight=480, $target='_blank', $title='' ) {
   
   $jslink = "<a href=\"$link\" target=\"$target\" title=\"$title\" class=\"thickbox\">$text</a>";
   $noscriptlink = "<a href=\"$link\" target=\"$target\" title=\"$title\">$text</a>";
   return mm_writeWithJS( $jslink, $noscriptlink );
}

хорошо, непонял чем thickbox лучше не стандартного lightbox ?

хорошо, непонял чем thickbox лучше не стандартного lightbox ?

Sorry, photos only. For other content, google for Lightbox modifications or try an alternative script such as Cody Lindley's ThickBox.

Thickbox универсальнее. Т.е. выводит не только картинки, но и текст, видео, делает "галереи" итд.
Как пишет сам автор лайтбокса:

Кроме того, Thickbox является плагином к JS-фреймворку Jquery, под который наделано немало других интересных вещей.

Демка - флайпейдж с thickbox и мини-галереей: http://www.svs-amur.ru/faw/samosvaly/samosval-faw-6x4-ca3252p2k2t1a.html

Очень понравилось, респект !!! Как реализовано ? Можешь листинг флайя положить?
Я хотел чтобы альтернативные картинки сразу как мини галерея показывались, но что то несрастается никак.

  /* MORE IMAGES ??? */
    $more_images = "";
  if( !empty($images->images) ) {

  $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; 

    $href=$image->file_url;

    $title = $image->file_title;
    $more_images .= "<a href=\"$href\" title=\"$title\" class=\"thickbox\" rel=\"PG\"><img src=\"$src\" alt=\"$alt\" style=\"margin: 2px; border:0\" /></a>";
    // Break Row when needed
    //if( $i++ >= 4 ) { $i=0; echo "<br/><br/>"; }
  }
  }
  /* Files? */
  $file_list = ps_product_files::get_file_list( $product_id );
  
/** AVAILABILITY **/

ух намутили вы тут
знач так -
есть ThickBox, LightBox и FancyBox - это три самых юзаемых плагина для JQuery.
из них первый и появился самым первым, но давно не обновлялся и глючит чуток.
так же у него есть проблема с русскими буквами (хотя UTF-8 этот вопрос вроде перекрывает)

поскольку все три для JQ, то вопрос с mootools не стоит
но скорее мешает, чем стоит
тут надо загонять JQ в compatibility mode
но!
LightBox и FancyBox работают в изолированном режиме и им режим совместимости не нужен,а ThickBox-у нужен
отсюда второй минус первому претенденту

далее,
все три плагина поддерживают вывод отдельных, картинок, клик-слайд шоу и подгрузка HTML-контента с внешнего источника.
опять же, LightBox и FancyBox делают это практически на автопилоте (особенно последний)

LightBox в отличие от Fancy вырезает аттрибут title, что может быть полезно
Fancy позволяет делать эффект аморфного деформирования с фейдером ( ы как закрутил )

зы. насколько я помню, оба могут использовать эффекты easing-расширения для JQ (по крайней мере, Fancy точно)

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

В флайпейдже вывод картинок сделан через псевдотег {more_images}, ранее отвечавший за вывод ссылки на галерею.
А обработка псевдотега переделана в shop.product_details.php:

Код

  /* MORE IMAGES ? */
    $more_images = "";
  if( !empty($images->images) ) {

  $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; 

    $href=$image->file_url;

    $title = $image->file_title;
    $more_images .= "<a href=\"$href\" title=\"$title\" class=\"thickbox\" rel=\"PG\"><img src=\"$src\" alt=\"$alt\" style=\"margin: 2px; border:0\" /></a>";
    // Break Row when needed
    //if( $i++ >= 4 ) { $i=0; echo "<br/><br/>"; }
  }
  }
  /* Files? */
  $file_list = ps_product_files::get_file_list( $product_id );
  
/** AVAILABILITY **/