如何將最大寬度設置為javascript彈出窗口

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，則彈出窗口將超過屏幕尺寸。

為了您檢查問題，請進入該網站並單擊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_ProductBrowserURL的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