simplecart - simplecart js设置列宽

Question

我已经多次使用这个网站寻求帮助，但从来没有问过问题，所以终于加入了......无论如何，尝试设置 simplecart 结帐并且在格式化购物车输出时遇到了一些问题。我将购物车设置为表格，默认情况下 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。我希望这会有所帮助。