0

所以这可能是一个愚蠢的问题,但我已经尝试将样式放在任何地方,但我无法让它工作,所以这是我的问题。

我使用 shopify 创建了一个购物网站,然后将其移植到我们的网站中,我们只使用了 iframe(因为网站的其余部分,包括页眉和页脚都在 wordpress 中)。因此,我们取消了 iframe 的滚动条并将其限制在正确的高度,以使主页和产品页面显示在页面中间。

问题是,如果您将大量商品添加到购物车中,它会变得大于 iframe 高度并切断结帐和贝宝按钮......

我已经修改了#cartform 本身,添加了 max-height: ... !important; 没有变化...然后我修改了 #cartform 表添加 max-height: ... !important; 没有变化......然后一直到顶部div并添加与上面相同的内容,它所做的只是将背景颜色向上移动,但它并没有缩小表格。

html中的基本布局是:

   <div id="col-main" class="full content">
      <form id="cartform" class="clearfix" method="post" action="/cart">
         <table class="items">
            <colgroup></colgroup>
         </table>
      </form>
   </div>

我还加入了萤火虫并更改包含产品列表的所有不同块的高度。我什至将 style="" 添加到它们自己的块中(如上所示),但仍然没有......

我只是想知道是否有人尝试过这样做,遇到同样的问题,或者可以让我了解发生了什么以及如何解决它。我唯一能想到的是列表是动态生成的(将购物车中的每个产品添加到要显示的表格中)。但我只是不明白为什么桌子不会受到高度的限制。或者当包含它的 div 设置为较小的高度时,整个表格如何保持可见。

任何帮助,将不胜感激。

谢谢,

艾伦

4

2 回答 2

0

愚蠢的错误......也没有在样式中添加“溢出:滚动”。出于某种原因,我认为 auto 是默认设置。但在进一步审查可见是默认...

于 2013-02-20T19:57:54.373 回答
0

Alan,我可能有点晚了,但作为替代方案,您也可以将 Shopify 商店嵌入 wordpress 网站。Shopify 有一个免费的应用程序可以做到这一点。

Shopify 网站上有更多相关信息。

于 2013-02-22T12:45:25.850 回答