OpenCart - 中文论坛

标题: 1.4 1.5.x 商品图放大镜 zoom 免费供下载 [打印本页]

作者: dragon 时间: 2011-8-12 22:20
标题: 1.4 1.5.x 商品图放大镜 zoom 免费供下载
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>

cloud_zoom.1.0.2.zip

8.25 KB, 下载次数: 433

作者: ericyuen 时间: 2011-8-31 20:48
Thanks! I'll test it with 1.5.1.1...

作者: mychinese 时间: 2011-9-19 11:31
没有图片展示吗？

作者: 328178017 时间: 2011-12-13 14:42

budadong

作者: sl17951 时间: 2012-2-24 20:21
这个能不能用在1.5.1.3

、

、

作者: slumtw 时间: 2014-1-27 13:16
謝謝、看看

作者: mhuang 时间: 2014-3-21 16:31
thank you for your share

作者: holdbelieve 时间: 2014-11-2 22:26
不能用的说

欢迎光临 OpenCart - 中文论坛 (https://bbs.opencart.cn/)