アメブロにショッピングカートを設置

カラーミーショップには「カートJS機能」と言うのがあり

この機能を使うとアメブロなどのブログで商品紹介と

ショッピングカートを設置できます。

詳しい使い方はカラーミーショップのマニュアルを参考にして下さい。

カートJS機能のマニュアル

ここではカラーミーショップのマニュアルにない

アメブロでの設置方法を書いてみます。

(アメブロでは使いづらい機能なので参考程度にしてください。)

試してないですが恐らくＦＣ２ブログなどの方が使い易い

機能だと思います。

スクリプトタグが使用されているのでアメブロだと

ブログ記事内では禁止タグとなっていて設置は

難しいのでサイドバーに設置してみます。

(ホント無理やりで申し訳ないです)

簡単に設置するにはフリープラグインに貼り付けて

ショッピングカートを使用するのが早いと思います。

カラーミーショップにログインしたら



商品を売る→商品を管理する→商品検索・変更→(目的商品を検索)

↓目的の商品の「修正」をクリックして下さい。

商品編集画面に切り替わったら

右側にある「カートＪＳ機能を利用する」をクリック↓

別ウィンドウで↓の画面が表示されます。

赤丸内のJSコードをコピーしてブログに貼り付けます。

　　設定項目の説明

　　１．商品名の表示・非表示を選択します。

　　２．商品画像の表示・非表示を選択します。

　　３．商品説明文の表示・非表示を選択します。

　　４．商品価格の表示・非表示を選択します。

　　５．在庫数の表示・非表示を選択します。

　　　　※別途在庫数が表示される設定が必要です

　　６．問合せリンクの表示・非表示を選択します。

　　７．表示領域の幅を選択します。

　　　　貼り付け先のページ幅に合わせて選択してください。

　　　　「自動」を選択するとページ幅に合わせて自動で

　　　　幅が決定します。

　　８．デザインを選択します。選択したデザインは右の

　　　　プレビューで確認ができます。

　　９．プレビューを表示します。設定項目を変更すると

　　　　自動的に更新されます。

　　10．JSコード

注意　項目７の領域は500pxからなのでアメブロのサイドバーに

　　　　貼るには「自動」が良いと思うのですが、それでも元の

　　　　商品画像が大きいと自動縮小してくれないので項目２を

　　　　画像非表示にしたほうが良いと思います。

　　　　しかし、画像がないと設置する意味が半減するので今後の

　　　　カラーミーショップの仕様変更に期待したいです。

　　　　(商品詳細画像を小さく登録し直せば改善できると思います。)

ここからアメブロ側の設定です。

アメブロにショッピングカート(JSコード)の貼り付け方




↑番号順にタグをクリックしてこの画面に進んでJSコードを貼り付けたら

　最後に「保存」をクリックして下さい。

プリープラグインの配置の仕方




↑番号の順にクリックしてこの画面になったら「使用しない機能」

　の中に「フリープラグイン」あれば「使用する機能」の方に

　ドラッグして移動させて下さい。

　あとは「保存」をクリック

ここで紹介した機能が使えるカラーミーショップの

↓↓↓ホームページ

カラーミーショップ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■