Question

下面的html代码会显示一个链接，上面写着“sacola the compras”

<div> 
<script type="text/javascript" src="https://app.ecwid.com/script.js?4549118"></script> 
<script type="text/javascript">
xMinicart("style=","layout=Mini"); 
</script> 
</div>

如果单击该链接，则会出现一个弹出窗口（它不是弹出窗口，因为它显示在原始窗口中）。弹出窗口的问题是它没有响应。如果我使用iPad或iPhone，弹出窗口将超出屏幕尺寸。

要检查问题，请输入此website，然后点击visitor access。然后点击“sacola de compras”

的链接

如何限制弹出窗口宽度？是否与上面的xMinicart函数有关？

不确定是否有帮助，但这里是上面代码中的javascript

提前致谢

Answer 1

使用max-width

在你的CSS中

.ecwid-popup {
    max-width: 200px;
}

或内联，在您的HTML中

<div class="ecwid-popup ecwid-ProductBrowserPopup ecwid" style="max-width: 200px;">

Answer 2

Ecwid最终将使弹出式窗口响应，以便它可以在任何设备上正常工作。同时，我可以建议一个解决方法：虽然它不会使弹出窗口响应，但它将允许您避免弹出窗口并在单独的响应页面上显示购物车内容，该页面在移动设备上看起来很好。解决方法是使用Ecwid的ecwid_ProductBrowserURL选项，如下所示：

 <script> var ecwid_ProductBrowserURL = "http://www.example.com/my_separate_store_page.html"; </script>

使用此选项后，点击迷你图标的访问者将自动重定向到自适应购物车页面。在此处查找有关如何实施的详细信息：http://kb.ecwid.com/w/page/15853260/ecwid_ProductBrowserURL

如何将最大宽度设置为javascript弹出窗口

2 个答案: