Эффекты HighSlide в JoomShopping - Дизайн и оформление

<script type = "text/javascript" src = "<?php print JURI::root(); ?>components/com_jshopping/js/highslide-full.js"></script>
<link rel="stylesheet" href="<?php print JURI::root(); ?>components/com_jshopping/css/highslide.css"/>
		<script type='text/javascript'>
			hs.graphicsDir = '/components/com_jshopping/css/graphics/';
			hs.outlineType = 'rounded-white';
			hs.showCredits = false;
			hs.dimmingOpacity = 0.5;
			hs.wrapperClassName = 'draggable-header';
			hs.align = 'center';
			hs.headingEval = 'this.thumb.title';
		</script> 

<a class="highslide" onclick="return hs.expand(this)" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>"><img class="jshop_img_thumb" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>"/></a>

 <a href="<?php print $product->product_link?>">
                                    <img class = "jshop_img" src = "<?php print $this->image_product_path?>/<?php if ($product->product_thumb_image) print $product->product_thumb_image; else print $this->noimage?>" alt="<?php print htmlspecialchars($product->name);?>" />
                                </a>

<a class="highslide" onclick="return hs.expand(this)" href="<?php print $this->image_product_path?>/<?php if ($product->product_full_image) print $product->product_full_image; else print $this->noimage?>" >
                                    <img class = "jshop_img" src = "<?php print $this->image_product_path?>/<?php if ($product->product_thumb_image) print $product->product_thumb_image; else print $this->noimage?>" alt="<?php print htmlspecialchars($product->name);?>" />
                                </a>

$query = "SELECT prod.product_id, categ.category_id, prod.`".$lang->get('name')."` as name, prod.`".$lang->get('short_description')."` as short_description, prod.product_ean, prod.product_thumb_image, prod.product_full_image, prod.product_price, prod.currency_id, prod.product_tax_id as tax_id, prod.product_old_price, prod.product_weight, prod.average_rating, prod.reviews_count, prod.hits, prod.weight_volume_units, prod.basic_price_unit_id, prod.label_id, prod.product_manufacturer_id, prod.product_weight, prod.min_price, prod.product_quantity, prod.different_prices $adv_result
                  FROM `#__jshopping_products` AS prod
                  LEFT JOIN `#__jshopping_products_to_categories` AS categ USING (product_id)
                  $adv_from
                  WHERE categ.category_id = '".$this->_db->getEscaped($this->category_id)."' AND prod.product_publish = '1' ".$adv_query." ".$order_query;

$view->assign('shippinginfo', SEFLink('index.php?option=com_jshopping&controller=content&task=view&page=shipping'));

<span class="plusshippinginfo">

<span class="plusshippinginfo"> <?php print "плюс <a class=\"highslide\" onclick=\"return hs.htmlExpand(this, { objectType: 'iframe' } )\" href=\"index.php?option=com_jshopping&controller=content&task=view&page=shipping\">доставка</a>"?></span>

 <?php if ($this->config->show_plus_shipping_in_product){?>
	<?php
		$query = "SELECT `text_ru-RU` FROM `#__jshopping_config_statictext` where alias='shipping'";
                $res =  mysql_query($query);
		$dostavka = mysql_fetch_row($res);
		?>
		<span> <?php print "плюс <a class=\"highslide\" onclick=\"return hs.htmlExpand(this, {width:500, height:400, contentId:'dostavka'})\" title=\"Информация о доставке {$this->product->name}\" href=\"#\">доставка</a>"?></span>
			<div class="highslide-maincontent" id="dostavka" >
				<div style="padding: 25px 10px; text-align: left;">
				<hr/>
				ТЕКСТ О ДОСТАВКЕ БУДЕТ ТУТ ЕСЛИ ПРАВИЛЬНО СДЕЛАТЬ ВЫБОРКУ В БАЗЕ И ПРИНТАНУТЬ ТЕКСТОВУЮ ПЕРЕМЕННУЮ, 
				которая содержит значение поля ТЕХТ таблицы _jshopping_config_statictext с учетом языка.
				<?php print $dostavka[0] ?>
				</div>
			</div>
	<?php }?>

<?php
	$query = "SELECT `text_ru-RU` FROM `#__jshopping_config_statictext` where alias='shipping'";
        $res =  mysql_query($query);
	$dostavka = mysql_fetch_row($res);
?>

<div style="padding: 25px 10px; text-align: left;">
      <hr/>
       ТЕКСТ О ДОСТАВКЕ БУДЕТ ТУТ ЕСЛИ ПРАВИЛЬНО СДЕЛАТЬ ВЫБОРКУ В БАЗЕ И ПРИНТАНУТЬ ТЕКСТОВУЮ ПЕРЕМЕННУЮ, которая 
       содержит значение поля ТЕХТ таблицы _jshopping_config_statictext с учетом языка. 
       <?php print $dostavka[0] ?>
</div>

<?php
	$query = "SELECT `text_ru-RU` FROM `#__jshopping_config_statictext` where alias='shipping'";
        $res =  mysql_query($query);
	$dostavka = mysql_fetch_row($res);
?>

<script type = "text/javascript" src = "<?php print JURI::root(); ?>components/com_jshopping/js/highslide-full.js"></script>
<link rel="stylesheet" href="<?php print JURI::root(); ?>components/com_jshopping/css/highslide.css"/>
		<script type='text/javascript'>
			hs.graphicsDir = '/components/com_jshopping/css/graphics/';
			hs.outlineType = 'rounded-white';
			hs.showCredits = false;
			hs.dimmingOpacity = 0.75;
			hs.wrapperClassName = 'draggable-header';
			hs.align = 'center';
			hs.headingEval = 'this.thumb.title';
		hs.addSlideshow({
			interval: 5000,
			repeat: false,
			useControls: true,
			fixedControls: 'fit',
			overlayOptions: {
			opacity: 0.75,
			position: 'bottom center',
			offsetX: 0,
			offsetY: -10,
			hideOnMouseOut: true
			}
		});
		</script> 

hs.addSlideshow({
			interval: 5000,
			repeat: false,
			useControls: true,
			fixedControls: 'fit',
			overlayOptions: {
			opacity: 0.75,
			position: 'bottom center',
			offsetX: 0,
			offsetY: -10,
			hideOnMouseOut: true
			}
		});
		

<script type = "text/javascript" src = "<?php print JURI::root(); ?>components/com_jshopping/js/highslide-full.js"></script>
<link rel="stylesheet" href="<?php print JURI::root(); ?>components/com_jshopping/css/highslide.css"/>
		<script type='text/javascript'>
			hs.graphicsDir = '/components/com_jshopping/css/graphics/';
			hs.outlineType = 'rounded-white';
			hs.showCredits = false;
			hs.dimmingOpacity = 0.5;
			hs.wrapperClassName = 'draggable-header';
			hs.align = 'center';
			hs.headingEval = 'this.thumb.title';
		</script> 

<a href="<?php print $product->product_link?>">
                <img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" />
            </a>

<a class="highslide" onclick="return hs.expand(this)" href="<?php print str_replace('thumb','full',$product->image);?>">
	<img Class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" />

</a>