Добавление большого пальца к простой картинке JS источник изображения не определено

Я использую SimpleCart JS. У меня возникли проблемы с отображением источника изображения товара с информацией о товаре в корзине.

источник изображения не определен, см. демонстрацию http://jsfiddle.net/z7xW4/15/

Я использую следующий код для создания столбцов

<div class="simpleCart_shelfItem">

<img alt="image" src="http://placehold.it/100x100" class="item-image"/>
<a href="javascript:;" class="item_add">Add to Cart</a>


телега

  simpleCart({
checkout: {
  type: "PayPal",
  email: "you@yours.com"
},
cartColumns: [

    {view:'image' , attr:'thumb', label: false},
    { attr: "price" , label: "Price", view: 'currency' } ,

    { attr: "quantity" , label: "Qty" } ,

    { attr: "total" , label: "SubTotal", view: 'currency' } ,
    { view: "remove" , text: "Remove" , label: false }
],
cartStyle: "table"
});
Источник

2 ответа

Решение

Решено с помощью этого кода

{ view: function(item, column){
      return"<img src='"+item.get('image')+"'>";
   },
  attr: 'image' },

см. демонстрацию http://jsfiddle.net/z7xW4/23/

Источник

Опираясь на ваш ответ и покопавшись, я понял, что это решение использует функцию javascript simpleCart.add() вместо конфигурации html для определения элементов. Это для simpleCart v3 (протестировано с v3.0.5).

Конфигурация simpleCart такая же (я использовал большой палец для поля изображения):

simpleCart({
    checkout: {
        type: "PayPal",
        email: "you@yours.com" },
    cartColumns: [
        {view : function(item, column){
            return "<img src='" + item.get('thumb') + "'>";},
            attr : 'thumb'},
        { attr: "price" , label: "Price", view: 'currency' } ,
        { attr: "quantity" , label: "Qty" } ,
        { attr: "total" , label: "SubTotal", view: 'currency' } ,
        { view: "remove" , text: "Remove" , label: false }   ],
    cartStyle: "table"
 });

И это другая часть, так как она использует функцию добавления simpleCart, которая мне понравилась больше, и я не смог найти пример где-либо еще:

 <li><img class="productimage" src="myproductimage.png" alt"myproductname" />
 <span class="price">$10</span><b>MyProductName<br />
 <a href="#" onclick="simpleCart.add({quantity:1,name:'myproductname',price:'10.00',thumb:'myproductimage.png'});return false;">add to cart</a></b></li>
Источник
Другие вопросы по тегам