simplecart - simplecart js設定列幅

Question

このサイトを何度も利用してきましたが、質問する必要がなかったので、ついに参加しました... とにかく、シンプルカートのチェックアウトを設定しようとして、カートの出力のフォーマットに問題がありました。私はカートをテーブルに設定しています。デフォルトでは、simpleCart_items クラスはテーブルを表示し、セルはデータを収めるのに必要な幅だけです。これを変更するには、すべてのセル (列) をテーブル全体のパーセンテージとして指定します。残念ながら、7 列ではそれぞれ約 14% しか得られず、これは 1 桁または 2 桁の数量では多すぎ、折り返しなしでアイテム名のすべての文字を収めるには十分な大きさではありません。私が欲しいのは、列ごとに異なる幅を定義する方法です。colgroup でもこれを行う方法は見つかりませんでしたが、正しく行っていないだけかもしれません。ありとあらゆる助けをいただければ幸いです。

Answer 1

さて、これは役立つかもしれないし、役に立たないかもしれません。この行は simpleCart.js ファイルにあります。シンプルなものに変えました。

cartColumns         : [
{ view: function(item, column){
return"<img src='"+item.get('image')+"' width='250px' height='250px'><br /><center><h3 ><span>"+item.get('name')+"</span></h3><p><a href='javascript:;' class='simpleCart_decrement'><button>-</button></a> "+item.get('quantity')+" <a href='javascript:;' class='simpleCart_increment'><button>+</button></a></p><p>$"+item.get('price')+"</p><p><a href='javascript:;' class='simpleCart_remove remove_icon'><img src='images/icon_x.png' /></a></p></center>";
},
}
],

独自のhtmlに変更できます

cartColumns         : [
{ view: function(item, column){
return" YOUR HTML HERE ";
},
}
],

すべてが 1 つの行にある必要があります。そうでない場合、機能しない可能性があります。

ここに使用されるいくつかの値があります

image = item.get('image') 
name = item.get('name')
quantity = item.get('quantity')
price = item.get('price')

ここですべての値を見ることができます http://simplecartjs.org/documentation/displaying_cart_data

ただし、重要なのは、カートを作成して、好きなように表示できることです。自分の html と css を使用します。これが役に立ったことを願っています。