カートリスト（Shop_Cart_List）モジュールの設定

この説明は、a-blog cms 1.2.0をもとにしています。ご利用のバージョンによって、画面表示や内容が若干異なる場合があります。ご了承ください。

ここでは、カートリスト（Shop_Cart_List）モジュールの設定内容について説明します。

カートリスト（Shop_Cart_List）モジュールの設定画面では、カート内の画像の一覧表示に関する設定ができます。

次の例は、カートリスト（Shop_Cart_List）モジュールをテンプレートに組み込んだときの表示とテンプレートのソースコードです。この他にこのモジュールで出力できる変数については、リファレンスを参照してください。

---

---

<!-- BEGIN_MODULE Shop_Cart_List -->
<div id="container">
<!-- BEGIN notFound -->
<table summary="ご注文商品一覧">
<tr>
<td>カートの中に商品はありません。</td>
</tr>
</table>
<p><a href="%{BASE_URL}">TOPページに戻る</a></p>
<!-- END notFound -->
<!-- BEGIN contents -->
<form action="" method="post">
<table summary="ご注文商品一覧">
<thead>
<tr>
<th>No</th>
<th>画像</th>
<th>商品名</th>
<th>単価</th>
<th>数量</th>
<th>小計</th>
<th>削除</th>
</tr>
</thead>
<tbody><!-- BEGIN item:loop -->
<tr>
<td>{item_id}</td>
<td>
<div style="width:{x}px; height:{y}px; overflow:hidden;" class="dotBorder">
<img<!-- BEGIN image:veil --> src="%{ROOT_DIR}{path}" width="{imgX}" height="{imgY}" style="margin-left:{left}px; margin-top:{top}px;" <!-- END image:veil -->
<!-- BEGIN noimage --> src="%{CURRENT_THEMES_DIR}/images/dummy60.gif" width="60" height="60" <!-- END noimage -->alt="{item_name}" longdesc="{url}" />
</div>
</td>
<td><a href="{url}" title="{entry_title}">{item_name}</a></td>
<td>&yen;{item_price}[number_format]</td>
<td>
<input type="text" name="{item_id}" value="{item_quantity}" size="2" />
<input type="hidden" name="cart[]" value="{item_id}" />
<input type="hidden" name="{item_id}:v#digits" />
<input type="hidden" name="{item_id}:v#maxLength"value="10" />
</td>
<td>&yen;{item_price#sum}[number_format]</td>
<td><a href="?delete={item_id}">削除</a></td>
</tr><!-- END item:loop -->
</tbody>
</table>
<table>
<tr>
<th>合計</th><td>&yen;{subtotal}[number_format]</td>
</tr>
</table>
<ul class="btnArea">
<li><input type="submit" name="ACMS_POST_Shop_Form_Checkout" value="ご注文手続きに進む" class="overlook" /></li>
<li><input type="submit" name="ACMS_POST_2GET" value="お買い物を続ける" class="overlook" /></li>
<li><input type="submit" name="ACMS_POST_Shop_Cart_Calculate" value="再計算" class="overlook" /></li>
<input type="hidden" name="step" value="{step}" />
<input type="hidden" name="bid" value="%{BID}" />
</ul>
</form>
<!-- END contents -->
</div><!--content-->
<!-- END_MODULE Shop_Cart_List -->

---

カートリスト（Shop_Cart_List）モジュールを設定する

（1）管理画面上部の[カスタマイズ管理]メニューから[コンフィグ]のリンクをクリックするか、管理画面下部のメニュー[コンフィグ]のリンクをクリックすると、[コンフィグ項目リスト]の画面が表示されます。[モジュール]の[フォト]アイコンをクリックすると、[カートリスト（Shop_Cart_List）]の設定画面が表示されます。

---

---

（2）各項目の内容を入力し、[保存]ボタンをクリックして設定を保存します。

各項目の設定

サムネイル画像のサイズ

このモジュールで表示する画像のサイズ（幅×高さ）を「ピクセル」で指定します。

トリミング

チェックを入れると、画像が[サイズ]で指定したサイズに切り取られて表示されます。

拡大　( トリミングがoffの場合のみ )

チェックを入れると、画像が[サイズ]で指定したサイズよりも小さいときに、指定したサイズまで拡大表示されます。この設定は、[トリミング]がOFFのとき（チェックが入っていないとき）のみ有効です。

表示位置 ( トリミングがoffの場合のみ )

チェックを入れると、[サイズ]で指定したサイズの中心に画像が表示されます。この設定は、[トリミング]がOFFのとき（チェックが入っていないとき）のみ有効です。

ショートカットに追加

[ショートカットに追加]をクリックすると、[ダッシュボード管理]の[ショートカット作成]画面が表示されます。（→「ショートカットに追加する」参照）

---