Question

我正在尝试将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>

然后我用它来显示它

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

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

请帮忙。

Answer 1

如果您有多个不同的购物车可供展示，每个购物车都有自己的造型，您是否可以单独为每个购买一些css？创建一个css类，它将覆盖/引入第一个样式，然后是另一个css类来设置第二个样式。

像这样：

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

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

simplecart js多视图功能

1 个答案: