×
  官方微博: 腾讯   新浪
ECSHOP模板 
食品保健 家居化妆 家电数码 综合通用 珠宝配饰
VIP免费模板 
家居化妆 综合通用 服装饰品 食品保健 家电数码
ECSHOP插件 
ECSHOP插件 SHOPEX插件
EC教程中心
安装使用网店运营
首页 > 二次开发教程 > ECShop增加鼠标划过弹出微信二维码功能特效

帮助目录

有问必答

您可以加入我们的官方QQ群。

加入官方QQ群

可以将问题或建议反馈给我们。

提交在线客服

猜您感兴趣

ECShop增加鼠标划过弹出微信二维码功能特效

网站开发中心/ 2016-01-13/ 关注人气:1031

本功能是基于ecshop2.7.3默认模板的基础上实现,其他模板修改过程类似。鼠标移动到微信图标上自动弹出微信二维码效果如下图:

 
实现步骤如下:

1、打开你模板里的page_header.lbi文件,搜索如下代码:

<div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>
在代码的下面加入如下代码:
<a href="javascript:;" title="微信" class="weixin"><img src="../images/weixin.png"></a> 
<style type="text/css">
.weixin{background:url(../images/weixin_icon.png) no-repeat;display:inline-block;width:23px;height:19px;position:relative;margin:5px;z-index:999999999}
.weixin img{display:none}
.weixin:hover img{display:block;position:absolute;left:0;top:20px}
</style>

2、将下面两张图片另存为后改名称后放到模板images文件夹里

 图片附件素材下载.zip 

其它说明:
1、调整位置的话,修改margin:5px;就可以了
2、替换微信图片的话,只要替换images文件夹里面的图片即可

分享到:
下一篇:修改ECSHOP注册只需要email 并且使用email作为会员账号
上一篇:Ecshop网站后台商品列表中添加具体的上架时间