搜索
开启辅助访问 切换到宽版

QQ登录

只需一步,快速开始

扫一扫,访问微社区

注册 找回密码
查看: 7931|回复: 7
打印 上一主题 下一主题

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

  [复制链接]
跳转到指定楼层
楼主
发表于 2011-8-12 22:20:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
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, 下载次数: 422

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
收藏收藏 分享分享 支持支持 反对反对
沙发
发表于 2011-8-31 20:48:55 | 只看该作者
Thanks! I'll test it with 1.5.1.1...
板凳
发表于 2011-9-19 11:31:34 | 只看该作者
没有图片展示吗?
地板
发表于 2011-12-13 14:42:48 | 只看该作者
budadong
5#
发表于 2012-2-24 20:21:59 | 只看该作者
这个能不能用在1.5.1.3



6#
发表于 2014-1-27 13:16:04 | 只看该作者
謝謝、看看
7#
发表于 2014-3-21 16:31:07 | 只看该作者
thank you for your share
8#
发表于 2014-11-2 22:26:45 | 只看该作者
不能用的说
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

QQ|手机版|OpenCart - 中文官方网站 ( 蜀ICP备09033774号|人工智能

GMT+8, 2024-12-23 17:27 , Processed in 0.062517 second(s), 28 queries , Gzip On.

快速回复 返回顶部 返回列表