2013-02-20 46 views
0

所以这可能是一个愚蠢的问题,但我已经尝试在任何地方造型,我无法得到这个工作,所以这是我的问题。修改Shopify cartform高度

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

的问题是,如果你添加了很多项目到车就变大,则iframe的高度和离收银台和PayPal按钮削减...

我已经修改增加最大高度的#cartform本身:...!重要的;没有改变... 然后,我修改了#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被设置为较小的高度时整个表格如何保持可见。

任何帮助,将不胜感激。

感谢,

艾伦

回答

0

愚蠢的错误......是不是加入“溢出:滚动”的风格为好。出于某种原因,我认为汽车是默认设置。但进一步审查可见是默认的...

0

艾伦,我可能会有点晚,但作为替代,你也可以将你的Shopify商店嵌入到WordPress的网站。 Shopify有一个免费的应用程序来做到这一点。

有关于Shopify site的更多信息。