如何显示自定义的simplecart.js项目

Question

我想在自定义格式中显示simplecart.js项目。下面的代码显示默认格式中的所有购物车项目。

<div class="simpleCart_items"> </div>

但我想分别显示每个项目

<div calss="item-name">Men's T-shirt</div>
<div calss="item-image">image</div>

任何帮助？

Answer 1

看看simplecartjs.org购物车。配置位于页脚中。您可以使用函数来创建自定义购物车视图。您可以将其添加到购物车列数组中。

{ view: function(item, column){
    return    item.get('name')+"<span class='item-format'>"+item.get('format')+"</span>";
}, attr: 'custom' }

这也在这里的文档中讨论，http://simplecartjs.org/documentation/cart_columns

资料来源：Github

Answer 2

试试这个........

<script>
var item_names = document.getElementsByClassName("itemName");
var arr = [].slice.call(item_names);
var genres = arr.map(function(el){
return el.innerHTML;
}).join(', ');
window.alert(genres);   
</script>