imagesize_new_v2.0_Black - [VM1] Дизайн, оформление

<?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 } ?>

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

<!-- Начало 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 -->

<!-- Подключаю невидимый блок с остальными картинками-->
<?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>
<!-- Конец невидимого блока с остальными картинками-->