simplecart js設置列寬

我已經多次使用這個站點的幫助，但從來沒有問過一個問題，所以最後加入...無論如何，試圖設置simplecart結帳和格式化購物車輸出有一些麻煩。我將我的購物車設置爲表格，默認情況下，simpleCart_items類顯示錶格，並且它的單元格只有它們需要的寬度以適合數據。我可以通過指定所有單元格（列）作爲整個表格的百分比來改變這一點。不幸的是，有7列每個只能得到大約14％，這對於1或2位數量來說非常重要，並且對於沒有包裝的項目名稱中的所有字符都不夠大。我想要的是爲每列定義不同寬度的方法。即使使用colgroup，我還沒有找到辦法做到這一點，但也許做得不對。任何和所有的幫助，將不勝感激！simplecart js設置列寬

來源

2015-09-07 craigb

嗨克雷格，雖然你的問題似乎很完整，但它有點「文字牆」，人們不太可能全部閱讀。爲了改善你的問題，我建議包括你目前的代碼樣本。當向你顯示你需要改變的時候，這也給了答案者一個模板。 –

好的，所以這可能或不會幫助。該行位於simpleCart.js文件中。我改變了它簡單。

cartColumns   : [ 
{ view: function(item, column){ 
return"<img src='"+item.get('image')+"' width='250px' height='250px'><br /><center><h3 ><span>"+item.get('name')+"</span></h3><p><a href='javascript:;' class='simpleCart_decrement'><button>-</button></a> "+item.get('quantity')+" <a href='javascript:;' class='simpleCart_increment'><button>+</button></a></p><p>$"+item.get('price')+"</p><p><a href='javascript:;' class='simpleCart_remove remove_icon'><img src='images/icon_x.png' /></a></p></center>"; 
}, 
} 
],

你可以把它改成自己的HTML

cartColumns   : [ 
{ view: function(item, column){ 
return" YOUR HTML HERE "; 
}, 
} 
],

它都必須在一（1）LINE否則可能無法正常工作。

這裏是用來

image = item.get('image') 
name = item.get('name') 
quantity = item.get('quantity') 
price = item.get('price')

你可以看看這裏的所有值 http://simplecartjs.org/documentation/displaying_cart_data

一些值，但問題是，你可以做一個購物車，並顯示它要如何;與你自己的HTML和CSS。我希望這有助於。

來源

2016-08-27 00:38:05 RandomDude

simplecart js設置列寬

回答

相關問題