2013-02-20 44 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的更多信息。