分享

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

 秋天的童话980 2017-09-23


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;}

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约