a-blog cmsの無料カート機能を、とにかく簡単に使う

a-blog cmsのカート機能は「無料」です。

みなさんよく誤解されているんですが、a-blog cmsの「カート機能」だけなら無料で使えます。
それに「顧客管理」や「送料毎の料金設定」などを追加で利用したい場合は有料のショッププラグインが必要になります。

無料カートがぴったりなケースもあります。

a-blog cmsの無料カートは、決して豊富な機能ではありません。
ですが、単なる注文フォームだけの注文ページにするなら、無料のカートを使ったほうが使いやすいショッピングページができあがります。

私が個人的に思うに、こんなケースでは、無料カートは都合がいいはずです。

「とりあえず」ショッピングの形を整えたい。
通常のサイトとカート部分でデザインを同じにしたい
今後ショップの運営に本腰を入れられるか、不確定要素が多いので運用コストはかけたくない

標準の証拠

など…。
こうやって羅列すると「後ろ向きな理由」が多いのが気になりますが…。

とはいえ、後ろ向きな要望を叶えてあげてこそ、だんだんとお客様が前向きになるケースもあるでしょう。とにかく色んなケースに対して対応策があった方がいいと思います。

ということで、無料カートの簡単な導入方法を備忘録としてまとめておきます。

書換えるテーマは二つ。4ステップで完了です。

zipの中身

ということで、必要なファイルzipで固めてありますので、ダウンロードしてお使いください。
急いでまとめたので、バグがあるかもしれません…。
（その場合は適宜修正して参ります）

1.商品を表示したいテンプレートの一部を書換えて、タグを追加

ここでは二つの事をやります。

ショップで利用するためのエントリー作成ファイルを読み込み
カートに入れるタグの追加

いろいろ考えたのですが、ショップを利用するサイトは思い切って別ブログにするのがいいと思います。なので、今回のテーマもブログに対してまるまる当たります。

edit.htmlのインクルードをみつけて、書換え

<!--#include file="/admin/entry/edit.html"-->

を

<!--#include file="/admin/entry/edit_shop.html"-->

に書換えます。

カートのタグを追加

＜!-- BEGIN_MODULE Entry_Body --＞＜!-- END_MODULE Entry_Body --＞モジュール内の＜!-- BEGIN entry:loop --＞＜!-- END entry:loop --＞の中に以下のタグを追加してください。

<form action="" method="post">
<table summary="数量">
<tr>
<th>数量：</th>
<td><select name="item_quantity">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<input type="hidden" name="cart[]" value="item_quantity" /></td>
</tr>
<tr class="end">
<td colspan="2"><input type="submit" name="ACMS_POST_Shop_Cart_Add" value="この商品をカートに入れる" />
<input type="hidden" name="item_id" value="{entry:loop.eid}" />
<input type="hidden" name="cart[]" value="item_id" /></td>
</tr>
</table>
<!-- BEGIN_MODULE Shop_Cart_Notify -->
<!-- BEGIN added -->
<p>{item_name}を{item_quantity}つ追加しました。<a href="order.html">カートの中身を確認・購入へ</a></p>
<!-- END added -->

<!-- BEGIN deleted -->
<p>{item_name}を削除しました。</p>
<!-- END deleted -->
<!-- END_MODULE Shop_Cart_Notify -->
</form>

2.order.htmlの追加

使用するテンプレート直下に「order.html」ファイルを作成します。
先程の商品を表示するテンプレートの本文にあたるところを空にして用意すればいいかと思います。
そこに、何も考えず以下のタグを入れてください。

<!-- BEGIN_MODULE Form -->

<!-- BEGIN step -->
<!--#include file="/form_shop/cart.html" -->
<!-- END step -->

<!-- BEGIN step#apply -->
<!--#include file="/form_shop/apply.html" -->
<!-- END step#apply -->

<!-- BEGIN step#reapply -->
<!--#include file="/form_shop/apply.html" -->
<!-- END step#reapply -->

<!-- BEGIN step#confirm -->
<!--#include file="/form_shop/confirm.html" -->	
<!-- END step#confirm -->

<!-- BEGIN step#result -->
<!--#include file="/form_shop/result.html" -->
<!-- END step#result -->

<!-- END_MODULE Form -->

3.adminフォルダの中のentryフォルダの中身を追加。

a-blog cmsのカスタムフィールドは、adminファイルの中に書き込む事で実現します。
自分の使っているテーマフォルダに「admin」フォルダがないよ、という方はそのまま設定してください。
「adminが既にあるよ」という方はentryフォルダの中身（edit_shop.html、CF_shop.html）を追加してください。

4.「form_shop」フォルダの追加

こちらのフォルダは使用するテーマフォルダの直下に入れてください。

カート用のフォームを新しく追加します。

カートの内容を送信するフォームを新しく追加します。
ここでは「order_simple」という名前でフォームを追加してください。
（フォーム名は変更することもできますが、その場合は「form_shop」内のhtmlファイルの変更が必要になります）

追加方法については、ビデオを用意しましたのでそちらでご確認下さい。

設定に必要なテキストは以下になります。

order_simple
form_shop/order/subject.txt
form_shop/order/body.txt
form_shop/order/adminSubject.txt
form_shop/order/adminBody.txt

いかがでしたか？

正直、ちょっと長いなーとは思いますが。
それでもばーっとやったら30分くらいで無料カートを追加できると思います。
必要があったら、是非ご利用下さい。