修改Shopify卡通高度



所以这可能是一个愚蠢的问题,但我试过在所有地方都设置样式,但我无法实现,所以这是我的问题。

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

问题是,如果你在购物车中添加了很多商品,它会变得比iframe的高度更大,并切断了结账和贝宝按钮。。。

我修改了#cartform本身,添加了最大高度:!重要的没有变化。。。然后我修改了#cartform表,添加了最大高度:!重要的没有变化。。。然后一直到顶部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>

我还用firebug改变了包含产品列表的所有不同块的高度。我甚至在块中添加了style=",它们自己(如上所示),但仍然没有。。。

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

如有任何帮助,我们将不胜感激。

谢谢,

Alan

愚蠢的错误。。。没有在样式中添加"溢出:滚动"。出于某种原因,我认为auto是默认的。但在进一步审查后,可以看到默认值。。。

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

Shopify网站上有更多关于这方面的信息。

最新更新