0

私は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"
});
4

2 に答える 2

3

このコードを使用して解決

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

デモを参照http://jsfiddle.net/z7xW4/23/

于 2014-04-07T19:58:32.983 に答える
2

あなたの答えに基づいて掘り下げて、アイテムを定義するためのhtml構成の代わりにjavascript simpleCart.add()関数を使用するこのソリューションを見つけました。これは simpleCart v3 用です (v3.0.5 でテスト済み)。

simpleCart の設定は同じです (画像フィールドには Thumb を使用しました):

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 add 関数を使用しているためです。

 <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>
于 2014-05-07T12:59:29.280 に答える