Magento - “这是什么?”持久购物篮的弹出窗口无法正常工作
在较新版本的 Magento 中,有一个持久的购物篮功能,在登录/创建帐户页面上带有“这是什么”提示。
在我的 1.6 基于“空白”的主题中,这个小弹出窗口除了使屏幕变暗(就像显示弹出窗口一样)之外没有做任何事情。 Firebug 没有显示任何错误,并且考虑到那里有一些 Javascript 观察,其中有一些需要加载的额外窗口 js,我做错了什么?
In newer versions of Magento there is a persistent basket feature complete with a 'what's this' hint on the login/create account page.
On my 1.6 'blank' based theme this little popup is not doing anything apart from dimming the screen as if it were to show a popup. Firebug shows no errors and, given that there is some Javascript observe in there somewhere with some extra window js that needs loading, what am I doing wrong?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
更多
发布评论
评论(1)
这是由于所需的 css 不存在,如果您单击“这是什么”按钮,您应该会注意到弹出窗口仅显示在页面的页脚处。
css 存在于 default/default/css/styles.css 文件中,或将下面的代码复制到活动主题样式表中。
/* 记住我弹出窗口 =============================================== ======================== */
.window-overlay { 背景:url(../images/window_overlay.png) 重复;背景:rgba(0, 0, 0, 0.35);位置:绝对;顶部:0;左:0;高度:100%;宽度:100%; z 索引:990; }
.remember-me 标签 { float:none;边距:0 6px; }
.remember-me-popup { 背景:#fff;边框:1px实线#ccc;左:50%;顶部:50%;位置:绝对;边距:-85px 0 0 -200px;宽度:400px;文本对齐:左对齐; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z 索引:1000; }
.remember-me-popup h3 { 背景:#d9e5ee;边框底部:1px实心#ccc;字体大小:14px;内边距:5px 10px; }
.remember-me-popup .remember-me-popup-head { 位置:相对; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { 背景:url(../images/btn_window_close.gif) 不重复;显示:块;位置:绝对;顶部:7px;右:7px;高度:15px;宽度:15px;文本缩进:-9999em; }
.remember-me-popup .remember-me-popup-body { 填充:10px; }
.remember-me-popup .remember-me-popup-body a { 显示:内联块;高度:19px;边框:1px实心#de5400;背景:#f18200;内边距:0 8px;字体:粗体 12px/19px Arial、Helvetica、sans-serif;文本对齐:居中;文本装饰:无;空白:nowrap;颜色:#fff; }
/* 记住我弹出窗口 =============================================== ======================== */
This is due to the css required not being present, If you click the "what's this" button you should notice the popup just gets shown at the very footer of the page.
The css is present in the default/default/css/styles.css file or copy the code below to your active theme style sheet.
/* Remember Me Popup ===================================================================== */
.window-overlay { background:url(../images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; }
.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; }
.remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; }
.remember-me-popup .remember-me-popup-head { position:relative; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-body { padding:10px; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }
/* Remember Me Popup ===================================================================== */