客服热线:189-2701-5231
登录注册

实现ecshop详细页点加入购物车的弹出窗口功能

发布日期:2017-06-26

实现ecshop详细页点加入购物车的弹出窗口功能。

一、加入购物车的弹出一个小窗口。直接在当前页弹出一个漂亮的小窗口:

2:模板goods.dwt中合适位置加


3:/js/common.js




找到:

改为:

4:然候在最后面加以下代码

5、flow.php

的下面加以下代码

6、在把下面css样式贴到模板css最底部就可以啦
/*详情页弹出购物车*/ #speDiv { position:fixed; left:0; height:100%;top:0; z-index:10000; } #overlay {margin: 0px; padding: 0px; border: none; width: 100%; height: 100%; opacity: 0.6; z-index: 9999; position: fixed; top: 0px; left:0px; display:block; background: rgb(51, 51, 51);} .gwcc {margin:-115px 0px 0px -253px;z-index: 10000;position: fixed;top: 50%;left: 50%;display: block;} .gwcc .okbuy{background: #fff;padding: 40px;text-align: center; width: 420px;border: 3px solid #09c762;border-radius: 10px;-moz-border-radius: 10px;} .gwcc .okbuy .tip { text-align:left;font-size:30px;line-height:54px;} .gwcc .okbuy .tip i { height:54px; width:54px; background:url(images/gou.gif) no-repeat; display:block; float:left; margin-right:10px;} .gwcc .okbuy p { text-align:left; padding-left:64px; margin-bottom:20px; font-size:14px;} .gwcc .okbuy p br { display:none;} .gwcc .okbuy p a { color:#555; } .gwcc .okbuy .go a {font-size:18px} .gwcc .okbuy .go a.back {color:#09c762;margin-right:90px} .gwcc .okbuy .go a.btn { display:inline-block;padding:0 38px;height:40px;line-height:40px;border-radius:3px;color:#fff; background-color:#E10808;overflow:hidden;vertical-align:middle;} .gwcc .okbuy .go a.btn:hover {text-decoration:none;color:#fff;}

工作时间:早9:00—晚上21:00   24H售后:13829351575  服务QQ:292480793  392478192  售后技术QQ:156461982
地址:广东河源市龙川新城开发区5号小区 龙川商耀网络科技有限公司 备案号:粤ICP备15012952号-1
Copyright © 2005-2015 (www.shopsy.cn) All Rights Reserved
在线时间
9:00-22:00