Question

我多次使用这个网站寻求帮助，但从来没有问过一个问题所以最后加入......无论如何，试图设置simplecart checkout并在格式化购物车输出时遇到一些麻烦。我将我的购物车设置为表格，默认情况下，simpleCart_items类显示表格，并且它的单元格只有它们需要的宽度才能适合数据。我可以通过将所有单元格（列）指定为整个表格的百分比来更改此值。不幸的是，7列只有大约14％，这对于1或2位数量来说是很多的，并且对于项目名称中的所有字符而言都不够大，而不包装。我想要的是一种为每列定义不同宽度的方法。即使使用colgroup，我还没有找到办法做到这一点，但可能只是做得不对。任何和所有的帮助将不胜感激！

Answer 1

好的，这可能会有所帮助，也可能没有帮助。该行位于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）行，否则它可能无效。

这里有一些使用的值

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。我希望这会有所帮助。

simplecart js设置列宽

1 个答案: