вобщем
Google не помог друзья, сам путем мытарств и мучений вроде добил, но с одним нюансом, о нем ниже напишу.
Итак, чтобы прикрутить сей скрипт на страницу категории, надо сделать следующее:
1) В файле
index.php вашего шаблона где-нибудь в конце тега
<head> надо вставить:
<?php
if (@$option=='com_virtuemart' ) { ?>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/components/com_virtuemart/js/ImageSize_BlackEdition/ImageSizeBlackEdition.js"></script>
<link href="<?php echo "$GLOBALS[mosConfig_live_site]/components/com_virtuemart/js/ImageSize_BlackEdition/ImageSizeBlackEdition.css";?>" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript">
hs.graphicsDir = '<?php echo $mosConfig_live_site;?>/components/com_virtuemart/js/ImageSize_BlackEdition/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.75;
if (hs.addSlideshow) hs.addSlideshow({
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<?php } ?>
2) Далее в файл
browse надо вставить это:
<div class="browseProductImageContainer">
<!-- Начало ImageSizeBlackEdition -->
<div class="ImageSizeBlackEdition-gallery">
<!-- Подключаю первую картинку, маленькую и большую-->
<a id="ImageSize" class="ImageSizeBlackEdition" onclick="return hs.expand(this)" href='<?php
echo "$product_full_image";?>'>
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" title="Нажми для увеличения" alt="'.$product_name .'"')?>
</a>
<div class="ImageSizeBlackEdition-caption">
Картинки товара: <?php echo $product_name;?>
</div>
<!-- Подключаю невидимый блок с остальными картинками-->
<?php
$dbimg = new ps_DB;
$q = "SELECT file_url FROM #__{vm}_product_files ";
$q .= "WHERE #__{vm}_product_files.file_product_id='$product_id' ";
$dbimg->query($q);
while ($dbimg->next_record()) {
?>
<div class="hidden-container">
<a href='<?php $dbimg->p("file_url"); ?>' class="ImageSizeBlackEdition" onclick="return hs.expand(this, { thumbnailId: 'ImageSize' })"></a>
<div class="ImageSizeBlackEdition-caption">
Картинки товара: <?php echo $product_name;?>
</div>
</div>
<!-- Конец невидимого блока с остальными картинками-->
<?php }?>
</div>
<!-- Конец ImageSizeBlackEdition -->
</div>
3) И напоследок в файле
flypage у меня мало что изменилось, просто убрал скрипт подключения, код которого перекочевал в
index.php (смотри п.1), и на месте, где должна быть картинка, осталось следующее:
<!-- Начало ImageSizeBlackEdition -->
<div class="ImageSizeBlackEdition-gallery">
<!-- Подключаю первую картинку, маленькую и большую-->
<a id="ImageSize" class="ImageSizeBlackEdition" onclick="return hs.expand(this)" href='<?php
echo "$GLOBALS[mosConfig_live_site]/components/com_virtuemart/shop_image/product/$product_full_image";?>'>
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" title="Нажми для увеличения" alt="'.$product_name .'"')?>
</a>
<div class="ImageSizeBlackEdition-caption">
Картинки товара: <?php echo $product_name;?>
</div>
<!-- Подключаю невидимый блок с остальными картинками-->
<?php
$dbimg = new ps_DB;
$q = "SELECT file_url FROM #__{vm}_product_files ";
$q .= "WHERE #__{vm}_product_files.file_product_id='$product_id' ";
$dbimg->query($q);
while ($dbimg->next_record()) {
?>
<div class="hidden-container">
<a href='<?php $dbimg->p("file_url"); ?>' class="ImageSizeBlackEdition" onclick="return hs.expand(this, { thumbnailId: 'ImageSize' })"></a>
<div class="ImageSizeBlackEdition-caption">
Картинки товара: <?php echo $product_name;?>
</div>
</div>
<!-- Конец невидимого блока с остальными картинками-->
<?php }?>
</div>
<!-- Конец ImageSizeBlackEdition -->
Теперь о нюансе. После всего проделанного появился баг (или фича, для кого как) - при открытии картинки непосредственно из категории, в лайтбоксе теперь листаются все увеличенные фотографии товаров которые отображены в этой категории, а не дополнительные фотки конкретного товара. Вот так
. Знаний РНР у меня нет, если кто может поправить, подсобите пожалуйста. Чувствую, что поправить надо код в файле
browse он отвечает за отбор фоток для показа:
<!-- Подключаю невидимый блок с остальными картинками-->
<?php
$dbimg = new ps_DB;
$q = "SELECT file_url FROM #__{vm}_product_files ";
$q .= "WHERE #__{vm}_product_files.file_product_id='$product_id' ";
$dbimg->query($q);
while ($dbimg->next_record()) {
?>
<div class="hidden-container">
<a href='<?php $dbimg->p("file_url"); ?>' class="ImageSizeBlackEdition" onclick="return hs.expand(this, { thumbnailId: 'ImageSize' })"></a>
<div class="ImageSizeBlackEdition-caption">
Картинки товара: <?php echo $product_name;?>
</div>
</div>
<!-- Конец невидимого блока с остальными картинками-->
Счастье близко