找达人帮修改代码
2016-07-07 15:06 来源:www.chinab4c.com 作者:ecshop专家
一,修改下 鼠标移动到 商品时 放大图片的代码,(我已经实现图片放大) 二,修改报价页面, 有意者联系qq:238411 速度哦~~~~~ 象这样... 1,下载附件,放到EC程序的js目录中。 引用: preview.js (4.12 KB) preview.js (4.12 KB) 2,打开style.css 在最后面复制以下代码 复制内容到剪贴板 代码:/*===== Loader_previewStyle 图片载入 =====*/ .border_preview{ z-index:100; position:absolute; background: #fff; border: 1px solid #FBE2E5; } #loader_container { text-align:center; position:absolute; top:40%; width:100% } #loader_preview { font-family:Tahoma, Helvetica, sans; font-size:12px; color:#000000; background-color:#FFFFFF; padding:10px 0 16px 0; margin:0 auto; display:block; width:135px; border:1px solid #09C; text-align:left; z-index:255; filter: progidXImageTransform.Microsoft.BasicImage(opacity=.65); opacity: 0.65; } .preview_temp_load { vertical-align:middle; text-align:center; padding: 15px 0 0 0; padding-bottom:15px; } .preview_temp_load img{ vertical-align:middle; text-align:center; border:1px solid #FC7AC4; } #preview_div { display: none; position: absolute; z-index: 110; left: -500px; top: 48px; } 3,打开模板目录中library文件夹下的page_header.lbi。在所有代码最后面回车,复制粘贴以下代码 复制内容到剪贴板 代码:{insert_scripts files="preview.js"}<div id="preview_div"></div> 4,打开模板目录中library文件夹下的recommend_best.lbi ,搜索 复制内容到剪贴板 代码:<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a> 就是显示图片的这句,不同的模板这里可能不一样,搜索不到就手工找到它。 替换为 复制内容到剪贴板 代码:<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}"onmouseover="showtrail('{$goods.goods_img}','{$goods.name|escape:html}',{$image_width},{$image_height})"onmouseout="hidetrail()" /></a> 这样首页的推荐商品就可以实现鼠标移上移出出现大缩略的效果了。 其他recommend_hot.lbi ,recommend_new.lbi ,recommend_promotion.lbi依次执行第四步。 |
回答:
没达人么????? |
最近更新
常用插件
- ecshop二次商品订购人信息
ecshop二次商品订购人信息填写插件,有时候给朋友送花,或者是送礼品的...
- ecshop商品分类名称增加样
ecshop插件介绍:本插件可以方便在后台管理,为ecshop商品分类名称增加样...
- ecshop2.7.1打印发货单插件
ecshop2.7.1打印发货单插件介绍:ecshop2.7.1和以前的ecshop版本不一样,ecs...
- ecshop二次开发详细页面生
插件介绍: ECSHOP系统,在很多时候,很多商品没有人购买,不但购买的人...
- ecshop分类批量扩展插件
ecshop分类批量扩展插件,这个插件是ecshop插件里面比较核心的插件。我们...
ecshop热门问答
ecshop热门资料
ecshop栏位
ecshop衔接
ecshopdoes
ecshop给定
ecshop小数显示
ecshopname
ecshop显示错位
ecshop祝贺
ecshop分类列表页
ecshop注册帐号
ecshopemail
ecshop爆满
ecshop改进
ecshop300
ecshopjavascript
ecshop大人
ecshop追踪
ecshop卸装
ecshopCVS
ecshop定阅
ecshophml
ecshop调用文章
ecshop册页
ecshop2013
ecshop流量统计
ecshopmemory
ecshop易趣
ecshop不吝
ecshop转账
ecshopcpu