自己动手，打造更合理更漂亮的购物提示窗口

2016-07-07 15:18 来源：www.chinab4c.com 作者：ecshop专家

未标题-1.gif
效果参见：http://www.qiqir.com点击 加入购物车/购买

其实美观倒不重要，主要是原来模板(官方green)这里是“确定”，“取消”，体验真是不好。

说下这样改的方法吧：
1、修改/js/common.js，大概100行下面，修改两行，红色标示
switch(result.confirm_type)
{
case '1' :
// if (confirm(result.message)) location.href = 'flow.php';
_window.Confirm("提示窗口内容", "提示窗口标题");
 break;
case '2' :
// if (!confirm(result.message)) location.href = 'flow.php';
_window.Confirm("提示窗口内容", "提示窗口标题");
break;
case '3' :
location.href = 'flow.php';
break;
default :
break;
　　}

2、修改/themes/green/styles.cs，大概第10行，增加一行，红色
@import url(css/layout.css); /*布局*/
@import url(css/component.css); /*模块部分*/
@import url(css/_Window.css); /*窗口部分*/

3、将窗口资源Copy到相关位置
1）资源来源：http://www.fonshen.com/Window/
2）记事本打开_Window.js，将代码复制到/js/common.js后面
　 看起来很多啊，这些代码可以实现更多功能，全部复制无妨
　 本例其实只需要其中的部分代码，不过估计告诉你简化很麻烦
3）修改从_Window.js复制的最后几行代码，如下(这条以前忘记写，sorry)：
_window.prototype.OnOK=function()
{
this.Close();// 关闭窗口，其中一个按钮的功能
};
_window.prototype.OnCANCEL=function()
{
//this.Close(); 这是默认效果
location.href = 'flow.php'; // V2.60
location.href = 'flow.php?step=cart'; // V2.61
};
4）将 _Window.css 复制到/themes/green/css/文件夹下面

4、修改_Window.css 获得不同的弹出窗口样式
1）源资源中提供了多种窗口样式，保留一种即可
2）修改其中的一种需要你对CSS有一定了解

5、另本站搜索引擎收录又有增加，PR也上升了
欢迎友情链接，见http://www.qiqir.com/article-24.html


回答：
顶.....

支持下.
有没有2.61的修改方法呢?
默认哪个MB就成

不错，收藏了！！！


我改好了，但是弹出框好慢啊
www.00862.com
帮我看看是怎么回事情

能不能说明下2.61默认模板下如何修改？谢谢

我用2.61默认浅蓝色模板修改的，总是先弹出程序原来的提示窗口，点确定或者取消后才显示修改过的，哪里的问题啊？

不错，这个提示框更人性化。

V2.61没装过，下载稍看了下代码，修改方法应该一样，如果出现：
总是先弹出程序原来的提示窗口
应该是没有注释掉原来的语句
case '1' :
// （两个斜杠表示注视，或者删掉这一行也可以）if (confirm(result.message)) location.href = 'flow.php';
_window.Confirm(result.message.replace("确定","马上结算").replace("取消","继续购物"),"琪琪儿精品批发");
break;
case '2' :
// （注视）if (!confirm(result.message)) location.href = cart_url;（V2.61这里变成了这样）
_window.Confirm("更简单的，这里直接写提示，如：加入购物车成功，请选择按钮","琪琪儿精品批发");
break;

qiqir,看看能改成这个样子的吗？弹出的是一个小页面，不是确认窗口那种，我看你用的代码应该可以实现，但我不会修改JS，呵呵

那位老大 出个精简2.6.1版本，测试了一下。搞不定啊！！！

10楼需求，关键部分可以这样修改：
_window.Confirm(result.content, "商品已添加到购物车！");

谢谢 老大！！！搞定了，感谢qiqir!!!

楼主，能分享一下你的商品分类吗？

请问这种能伸缩的是怎么修改的？

1.jpg (15.57 KB)

1.jpg


您的购物车中有 6 件商品，总计金额 ￥11.40。

这部分怎么修改的？？谢谢