1.4 1.5.x 商品图 放大镜 zoom 免费供下载

dragon

1.4.x expression :

-cloud-zoom.1.0.2.js
-cloud-zoom.1.0.2.min.js
-cloud-zoom.css

upload to : catalog/view/javascript/jquery/ and

catalog/view/theme/YOUR-TEMPLATE-FOLDER/template/common/header.tpl

Open header.tpl notpad++ Find the following code

<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>

Add below : Add the following code :

<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.min.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/jquery/cloud-zoom.css" type="text/css">

later - step 3 in catalog/view/theme/YOUR-TEMPLATE-FOLDER/template/product/product.tpl

Open product.tpl notpad++ Find the following code

<td style="text-align: center; width: 250px; vertical-align: top;"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" style="margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>


change the following code : FݎݓHED ))) thank you Opencart I LOVE YOU 1.4


<td style="text-align: center; width: 250px; vertical-align: top;"><div class="zoom-section">
<div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "thickbox cloud-zoom" id="zoom1" rel="tint:'#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:285, adjustY:-4, adjustX:10"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image"></a></div></div>
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>

----------------------------------------------------------------------------------------------------------------------------------

1.5.x : expression :

-cloud-zoom.1.0.2.js
-cloud-zoom.1.0.2.min.js
-cloud-zoom.css

upload to : catalog/view/javascript/jquery/ and

catalog/view/theme/YOUR-TEMPLATE-FOLDER/template/common/header.tpl

Open header.tpl notpad++ Find the following code

<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>

Add below : Add the following code :

<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.min.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/jquery/cloud-zoom.css" type="text/css">

later - step 3 in catalog/view/theme/YOUR-TEMPLATE-FOLDER/template/product/product.tpl

Open product.tpl notpad++ Find the following code

<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>

change the following code : ))) thank you Opencart I LOVE YOU 1.5

<div class="zoom-section">
<div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "fancybox cloud-zoom" id="zoom1" rel="tint:'#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:228, adjustY:-4, adjustX:10"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image"></a></div></div>
<span style="font-size: 11px;"></span></td>