クイックカートイン機能とは”

要は、商品を追加してもカートページに遷移せずそのままショッピングを続けられるようになるので、複数商品を購入される機会の多いショップ様（に訪問されたお客様）に役立ちます。

クイックカートを利用していない場合、商品をカートにいれる」 -> カートページに移動 -> ショップに戻るを繰り返すことになります。

クイックカート実装に必要となるポイント

クイックカート導入に抑える必要があるのは以下の３ポイントです。

ちなみに全ての処理を自前で実装する場合は３ポイントで済みますが、カラーミーショップが発行しているクイックカート用scriptを利用する場合は５ポイント抑える必要があります。

この記事では自前実装するケースのみ解説していますのでご了承ください。

順に解説していきます。

購入formの送信先を変更しなければ従来の動作になりますので、まずはaction属性を変更します。

具体的には、送信先URLの”add”の部分を”add_async”に書き変えます。

ポップアップが無ければ、お客様は正常に処理が行われたのかどうか分かりません。ですので「商品がカートに追加されました」のようなメッセージを表示します。

ポップアップの内容は自由なので、販促バナーや関連商品を表示するなどの使い方もできます。

注意点として、すべてのお客様が複数商品を購入しようとしているわけではないことを覚えておきましょう。

つまり、ポップアップ内に購入手続きに進むためのリンクがあった方が好ましいです。

クイックカート機能を利用する場合、最終的にカートページに移動するためのコードを別途用意しなければなりません。

通常カートの場合はカートページへのリンクですが、クイックカートではformのPOST送信で移動します。

多くの場合、共通ヘッダーにカートボタンを配置していると思いますので、このform処理だけは共通テンプレートに置く必要があります。

以上のポイントを抑えておけば、クイックカートイン非対応テンプレー具体的には、トであってもクイックカート機能を利用することが可能です。