Javascript simplecart js多视图函数

我正在尝试将simplecart js集成到模板网站，所以我编写了这个脚本来按照模板样式对其进行样式化

<script>
simpleCart({
cartColumns: [
{ view: function(item, column){
return  "<li class='header-cart-item'><div class='header-cart-item-img'><img 
src='"+item.get('thumb')+"' alt='IMG'></div><div class='header-cart-item- 
txt'><a href='#' class='header-cart-item-name'>" +item.get('name')+"</a> 
<span class='header-cart-item-info'>"+item.get('quantity')+" x  
RM"+item.get('price')+"</span></div></li>";
}, attr: 'custom' },
]
});
</script>

单纯形({
cartColumns：[
{视图：函数（项，列）{
返回“

“+item.get（'quantity'）+”x
RM“+项目获取（'price'）+”
”；
}，attr:'自定义'}，
]
});

然后我用这个来显示它

<div class="simpleCart_item"> </div> 

问题是，当我需要不同的排列方式时，比如两个不同的购物车显示的排列方式，我无法使用相同的脚本创建另一个排列方式，因为它将影响我在上面创建的第一个排列方式，是否有可能创建独立于第一个排列方式的不同排列方式脚本以及如何显示它

---

请提供帮助。

如果您有多个不同的购物车要显示，每个购物车都有自己的样式，您可以简单地对每个购物车分别应用一些css吗？创建一个css类，它将覆盖/引入第一个css类的任何样式，然后创建另一个css类来设置第二个css类的样式

像这样：

<style>
    .customStyle1 {
        background: blue;
    }
</style>
<div class="simpleCart_item customStyle1"> </div> 

.customStyle1{
背景：蓝色；
}

---

您可以将css类混合在一起：）

很抱歉错误地使用了“样式”一词，我的意思是，既然我使用cartcolumn返回我键入的除法中的那些，有没有可能通过使用