カラーミーで任意のページ(カテゴリーページとか)にカートを設置する方法

カラーミーで任意のページ(カテゴリーページとか)にカートを設置する方法

Posted 2014/03/10 by oredayo

カラーミー
ういーっす。

今日は初めて触れるテーマです。
ショッピングサイト構築甩CMSの中でも比較的メジャーなカラーミーショップのカスタマイズについてです。

タイトルのまんまですが、「商品の一覧ページ(カテゴリーページ)などにもカートボタンを設置して、詳細ページまで見なくとも買い物カゴに追加できるようにしたい!」時の方法を2つご紹介します。

主にカテゴリーページなど自動的に更新されるページにカートを設置する方法

カテゴリーページの商品ループ内に下記のタグを追加します。

    <form name="product_form" method="post" action="http://secure.shop-pro.jp/?mode=cart_inn">
      購入数:<input type="text" name="product_num" value="1" />
      <input type="submit" value="カートに入れる" />
      <input type="hidden" name="product_id" value="<{$productlist[num].id}>" />
      <input type="hidden" name="user_hash" value="<{$smarty.request.PHPSESSID}>" />
      <input type="hidden" name="members_hash" value="<{$smarty.request.PHPSESSID}>" />
      <input type="hidden" name="shop_id" value="ショップID" />
      <input type="hidden" name="members_id" value="<{$smarty.session.ショップID.MembersInfo.customer_id}>" />
      <input type="hidden" name="back_url" value="/" />
    </form>

1〜3行目までは購入数の指定とボタンです。

購入ボタンを画像に変えるなら3行目を

<input type="image" src="画像URL" value="カートに入れる" title="カートに入れる" />

という感じにすればOKです。

4行目で、カゴに入れる商品IDを指定します。本来商品ページ内のループで使用する.idを$productlist内(テンプレートに寄っては異なるかも)でも使用できるように$productlist[num]を足して指定して下さい。

7行目、8行目の”ショップID”の部分にはご自身のショップIDを入れて下さい。PA000000000みたいなやつです。管理画面のヘッダー部分に表示されていると思います。

参考URL
カラーミーいじりたおし: 商品一覧ページ
http://shop-pro.blogspot.jp/search/label/%E5%95%86%E5%93%81%E4%B8%80%E8%A6%A7%E3%83%9A%E3%83%BC%E3%82%B8
4行目等を変更していますが、概ねそのままです。他の行の詳しい説明もあるので、勉強したい方は是非見てみて下さい。

フリーページ等の更新性の低いページ&外部サイトなどにカートを設置する方法

カラーミーが2011年頃にリリースした(らしい)「どこでもカラーミー(カートJS機能)」を使う方法です。
こちらはアマゾンアフィリエイトの商品バナー的なイメージで使うことが出来ます。

カラーミーショップの管理画面にログイン後、サイドメニューの【商品を管理する】>>商品検索・変更 からカートを作成したい商品を探し、【修正】をクリックします。

商品編集画面の右上部分の「>>どこでもカラーミー(カートJS機能)」というリンクをクリックします。
どこでもカラーミー

あとは商品名や画像等の表示・非表示をプレビューを確認しながら設定し、下部のJSコードを設置したい場所に貼り付ければOKです。
どこでもカラーミー

最後に

カラーミーには「助け合い掲示板」なるWordPressフォーラム的な質問掲示板が存在するのですが、膨大な数の質問があり、答えに辿り着くまでに結構大変だったりするケースが多いと思います。

下記の【カラーミーいじりたおし】さんは情報量たっぷりで超わかりやすい解説付きなのでオススメです。
カラーミーいじりたおし
http://shop-pro.blogspot.jp/

僕は困ったことがあればググる前にまずチェックするようにしています。

以上です。