SimpleCart JS функция множественного просмотра - PullRequest
Новая
       4

SimpleCart JS функция множественного просмотра

0 голосов
/ 19 мая 2018

Я пытаюсь интегрировать 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>

Проблема возникает, когда мне нужно другое расположение, например, расположение для двух разных отображений корзины, я не могу создать другое расположение, используя тот же сценарий, потому что оно будет влиять на первое расположение, которое я создал выше, это возможный способ созданияразличный сценарий аранжировки независимо от первого и способ его отображения.

Пожалуйста, помогите.

1 Ответ

0 голосов
/ 19 мая 2018

Если у вас есть несколько разных тележек для отображения, каждая со своим стилем, можете ли вы просто применить некоторые CSS к каждому по отдельности?Создайте класс css, который будет переопределять / вводить любой стиль для вашего первого, затем другой класс css для стиля вашего второго.

Примерно так: 

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

Вы можете смешивать классы cssвместе:)

...