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设置列宽

回答

相关问题