PCカゴ

e-shopsカートSの「カゴに入れる」ボタンは大きく分けて、PCカゴとスマホカゴの2種類がありますがこちらでは「PCカゴ」についてご案内します。

PCカゴをご利用された場合、スマートフォンでも購入できる仕組みとなっておりますが、レスポンシブ対応ではございません。スマートフォンを始めとする全ての端末にて購入しやすい画面レイアウトは、スマホカゴ(スタンダードプラン以上の契約が必要)でご利用いただけます。

「カゴに入れる」ボタンは、管理画面より専用のHTMLソースをコピーして、ホームページに貼ってご利用いただく流れとなります。

PCカゴのHTMLソースは、通常のPCカゴとPCカゴ(シンクロ)の2種類あります。PCカゴ(シンクロ)は、HTMLソース挿入箇所に管理画面の最新情報が表示されます。在庫や価格が変更となってもHTMLソースを張り替える必要はありません。

PCカゴ・PCカゴ(シンクロ)、それぞれのご利用方法を以下に案内いたします。

PCカゴ「カゴに入れる」ボタンHTMLソース取得方法

1.商品管理をクリックします。

→商品一覧が表示されます。

2.商品右端の「カゴ」ボタンをクリックします。

商品一覧の検索機能についてはコチラをご覧ください。

→「買い物カゴソース」画面が表示されます。

3.「PCカゴ」タブをクリックします。

→PCカゴのHTMLソースが表示されます。

必要に応じて設定を変更し「更新」ボタンをクリックした上で、表示されているHTMLソースを選択しコピーし、商品ページに貼り付けてご利用ください。

 

カゴソース画面 項目表
文字コード設定 HTMLソースを設置する商品ページの文字コードに合わせてください。
ボタンの色 「カゴに入れる」ボタンの色を選択します。文字色もボタン色に併せて自動で変更します。
ボタンをオリジナル画像に変更する場合には、コチラをご覧ください。
お問い合わせボタン表示 「商品に関するお問い合わせ」ボタンを表示する場合に選択します。
数量指定箇所
テキストフォーム
テキストフィールド形式に数値入力となります 。
プルダウン(セレクター)
プルダウン形式の数値入力となります。
プルダウンの選択肢をオプション数欄に指定ください。
1~100までを選択肢とする場合:1-100    
10,20,30を選択肢とする場合:10,20,30
「カゴに入れる」ボタンで
ひとつだけ商品を入れる
「カゴに入れる」ボタンのみ表示され、数値指定が非表示となります。

PCカゴ(シンクロ)「カゴに入れる」ボタンHTMLソース取得方法

1.「買い物カゴソース」画面を表示します。

2.「カゴ(シンクロ)」タブをクリックします。

→PCカゴのHTMLソースが表示されます。

必要に応じて設定を変更し「更新」ボタンをクリックした上で、表示されているHTMLソースを選択しコピーし、商品ページに貼り付けてご利用ください。

シンクロカゴソース画面 項目表
文字コード設定 HTMLソースを設置する商品ページの文字コードに合わせてください。

PCカゴ(シンクロ)のデザイン設定

設定変更は、全てのシンクロカゴの表示に反映されます。特定商品のみの個別変更は行えません。

1.デザインシンクロカゴ設定をクリックします。

→シンクロカゴ設定画面が表示されます。

2.各項目を設定し、最下部「設定する」ボタンをクリックします。

設定変更の確定前に、変更後の表示をプレビュー出来ます。

(1.レイアウト設定~4.受注発注商品用コメント)を設定し、プレビュー欄の「プレビューを更新」をクリックします。

 →下のプレビュー箇所に、入力した設定が反映されたサンプルが表示されます。

 ポイント サンプル商品選択箇所で、プレビューするサンプル商品の在庫管理や在庫数を変更できます。

1.レイアウト設定

シンクロカゴのレイアウト設定 項目表
表示項目

シンクロカゴの表示箇所で表示する項目にチェックを入れます。

商品名
商品名の表示
商品コード
商品コードの表示
価格
価格の表示
在庫
在庫数の表示、在庫単位欄在庫数後に表示する単位
質問ボタン
商品に関するお問い合わせボタンの表示
属性の配置 属性(バリエーション)のプルダウンが複数ある場合の表示を選択します。
文字設定 文字サイズ・文字色を指定します。
項目の表記 呼び出される項目の項目名部分を指定します・

2.在庫切れ時のコメント

全半角~20文字

在庫が0になった際の在庫欄の表示文字と文字色を指定します

3.在庫表示のみ利用する

在庫表示のみ利用する場合にチェックします。

属性別在庫管理商品の場合、在庫表が非表示となっていると何も出力されません。

4.受注発注商品用コメント

全半角~20文字

在庫管理しない設定となっている商品の在庫欄の表示文字を指定します。