[戻る]
No.2686

商品一覧にたくさんのカートが欲しい

うさぎさん  投稿日:2017/08/13(Sun) 23:40
key

いつも大変お世話になっております。
今回の質問にも答えていただけると助かります。

商品一覧のページに50種類ほどの商品が並んでいるのですが、その一つ一つに数量を選ぶプルダウンとカートへ入れるボタンを付けたいです。それは可能ですか?

または、一つ一つに数量のプルダウンがあり、最後に「まとめてカートへ」のボタンが一つあればOKです。

さらに、商品一覧のページは画像や商品名等のみで、別に商品一覧とそっくりなページを作って、そこに一つ一つプルダウンとカートへボタンがあるというタイプでも結構です。

この中から実現可能な方法で試してみたいと思います。
どうぞよろしくお願いいたします。

Re: 商品一覧にたくさんのカートが欲しい

おたすけマイショップさん  2017/08/14(Mon) 19:06 No.2694
key

恐れ入りますが、現時点では商品一覧画面に、カートに入れるボタンをつけることは出来ません。

店舗様にてフリーページを作成し、各商品のカートボタン貼り付け用コードを記載頂くことで
数量の選択及びカートボタンを一覧で表示することは可能ですが、
その場合、商品の一覧が自動で生成されない為、店舗様にてページ全てをhtml形式で静的ページとして
作成して頂く必要がございます。
また、商品の検索結果については通常の商品一覧ページにて表示されてしまいます。

その他の商品をまとめてカートに入れる方法としては、クイックオーダーの機能がございます。
(ショップの会員様のみがご利用いただける機能となります)

クイックオーダー機能では、商品コードを入力して複数商品をまとめてカートに入れることができます。
会員マイページの「クイックオーダーで注文する」にて動作等をご確認ください。


Re: 商品一覧にたくさんのカートが欲しい

うさぎさん  2017/08/16(Wed) 11:07 No.2698
key

ご説明ありがとうございます。

クイックオーダーはなかなか便利ですね。
フリーページで新たな商品一覧&カートページを作るか、クイックオーダーで済ませるか、いろいろチャレンジしてみたいと思います。ありがとうございます。


Re: 商品一覧にたくさんのカートが欲しい

うさぎさん  2017/08/18(Fri) 11:35 No.2707
key

いつも大変お世話になっております。
フリーページでたくさんの商品一覧画像とカートを作成中なのですが、質問があります。初歩的なミスかもしれませんが、わかりません。よろしくお願いいたします。

1・ページを表示して、試しにカートに入れようとしても入りません。どうすれば解決できますか?

2・リアルタイムな数量を反映させるにはどうすればいいでしょうか?


Re: 商品一覧にたくさんのカートが欲しい

おたすけマイショップさん  2017/08/18(Fri) 13:18 No.2708
key

フリーページに貼り付けたカートボタンを拝見したところ、イージーマイショップにて提供されているカートボタンではございませんでした(HTMLコードの<input>タグのみでした)。

イージーマイショップにて商品登録後に“商品毎”に自動生成されるカートボタンを貼り付けて頂ければ、カートボタンは正常に動作します。

カートボタンのコードは、以下のヘルプを参照の上、取得して下さい。

 ショッピングカートボタンを貼り付ける
 http://emshelp.easy-myshop.jp/c-item-detail?ic=cart-button


次に、「リアルタイムな数量を反映させる」とのことですが、在庫数をカートボタン付近に表示させると認識して回答致します。

カートボタンにて在庫数を表示させる場合は、カートボタンをJavascript形式にして頂ければカート貼り付け後に設定された在庫数が表示されます。

Javascript形式のボタンへの変更は、上記ヘルプ内にあるカートボタンのコードを取得する画面にて[設定]ボタンを押し、「Javascript形式」に切り替えてください。
切り替え完了後、[貼り付け用コード]にて表示されるコードがHTML形式からJavascript形式のコードに切り替わります。


Re: 商品一覧にたくさんのカートが欲しい

うさぎさん  2017/08/18(Fri) 16:10 No.2709
key

お世話になっております。

JavaScript機能がオンになっていないことが原因でした。
ありがとうございました。


Re: 商品一覧にたくさんのカートが欲しい

おたすけマイショップさん  2017/08/18(Fri) 16:25 No.2710
key

補足として、1ページ内に複数のJavascript形式のカートボタンを設置する場合の注意点を追記致します。

1ページ内に複数カートボタンを設置すると、InternetExplorerブラウザなどでは正常に表示されない場合がございます。(GoogleChromeなどでは正常に表示されます)

対応策としては、貼り付け用カートタグのURLにパラメーターを追加することで正常に表示されます。

カートボタンを複数掲載する場合のパラメーター追加例を下記します。

まずは、通常のカートタグです。
<!-- [商品コード:商品名] JS CART -->
<script type="text/javascript" src="https://ショップID.easy-myshop.jp/c-cart-js?ic=商品コード" charset="UTF-8"></script>

ボタンを貼り付ける際、一つ目のカートボタンのURLの最後に任意のURLパラメーター(例 &dummy=001)を追加します。

<!-- [商品コード:商品名] JS CART -->
<script type="text/javascript" src="https://ショップID.easy-myshop.jp/c-cart-js?ic=商品コード&dummy=001" charset="UTF-8"></script>

二つ目のカートボタンのURLには、一つ目と異なったURLパラメーター(例 &dummy=002)を追加します。

<!-- [商品コード:商品名] JS CART -->
<script type="text/javascript" src="https://ショップID.easy-myshop.jp/c-cart-js?ic=商品コード&dummy=002" charset="UTF-8"></script>

三つ目も同様に異なったURLパラメーター(例 &dummy=003)を追加します。

<!-- [商品コード:商品名] JS CART -->
<script type="text/javascript" src="https://ショップID.easy-myshop.jp/c-cart-js?ic=商品コード&dummy=003" charset="UTF-8"></script>

上記の様にURLパラメーターを追加したコードをホームページに貼り付けて下さい。


Re: 商品一覧にたくさんのカートが欲しい

うさぎさん  2017/08/18(Fri) 16:36 No.2711
key

大変ご丁寧にありがとうございます!

「023s」など数字とアルファベットの両方を「&dummy=」の後に入れてしまってもいいようでしたら、間違いのないように商品コードを入力しようと思います。


Re: 商品一覧にたくさんのカートが欲しい

おたすけマイショップさん  2017/08/18(Fri) 16:42 No.2712
key

「&」の後は任意の文字(半角英数のみを推奨)で問題ございません。

記号(!、'、%、#、$など)を使用された場合は、予期せぬ動作またはカートが表示されない、ページレイアウトが崩れるなどがございますので、記号は使用されないようご注意下さい。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』