0

我正在尝试将 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 个不同的购物车显示安排不同的安排时，问题就来了，我无法使用相同的脚本创建另一个安排，因为它会影响我在上面创建的第一个安排，是否可以独立创建不同的安排脚本从第一个以及如何显示它。

请帮忙。

4

1 回答 1

0

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

像这样：

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

您可以将 css 类混合在一起:)

于 2018-05-19T10:15:23.520 回答