商品情報
商品追加時に画面遷移せず右側からスムーズにドロワーが展開されるスライドドロワーカートです。EC-CUBE標準の送料無料条件(金額・数量)と100%自動連動する動的プログレスバー、ワンクリックおすすめ商品(ついで買い促進)、中間カート画面(/cart)をスキップするレジ直行機能を備え、顧客の離脱を防ぎ客単価とCVR(購買率)を劇的に向上させます。
🖥️ 動作確認用デモサイト(フロント&管理画面)
EC-CUBE 4.2系および4.3系の実環境にて、スマートスライドカートの軽快なアニメーションやおすすめ商品のワンクリック追加、スマホでの片手操作感を実際にお試しいただけます。
【管理画面 共通ログイン情報】
ユーザーID: demo / パスワード: demoPassword2026!
プラグインの主な特徴
1. 画面遷移ゼロ&レジ直行!Shopifyスタイルの最新カート体験
「カートに入れる」を押した瞬間に画面をリロードすることなく右側からスムーズにドロワーが開きます。さらに「レジへ進む」ボタンは中間画面(/cart)をスキップして直接ご注文手続き(/cart/buystep/{cart_key})へ直行。購入手順を1ステップ短縮し、カゴ落ち(離脱)を最小限に抑えます。
2. EC-CUBE基本設定と100%完全自動連動!送料無料動的プログレスバー
[店舗設定] > [基本設定] の「送料無料条件(金額・数量)」を自動検知してゲージバーをリアルタイム描画。「あと¥○○」や「あと○個」を動的にカウントダウンし客単価(AOV)を強力に後押しします。基本設定に条件がない場合は自動で非表示となるため、二重設定の手間や管理ミスが一切発生しません。
3. ワンクリックおすすめ商品(ついで買いの自動促進)
ドロワーカート下部におすすめ商品カードを表示。「+追加」ボタンを1タップするだけで、ページ遷移なしに即座にカートへ追加されます。カート追加と同時に送料無料ゲージもリアルタイムに連動します。
4. 規格選択・オプション拡張プラグインとの完全互換(ネイティブForm AJAXプロキシ)
EC-CUBE標準の規格選択はもちろん、サードパーティ製のオプション拡張プラグインやカスタム項目も壊さず完全透過で処理。非会員情報入力やログイン等の一般フォームを誤認することなく、安全にカート追加のみをキャプチャします。
5. ヘッダーバッジ完全リアルタイム同期&モバイルファーストUI
ドロワー内での数量変更(+/-)や削除と連動して、ページ上部のカートバッジ(.ec-cartNavi__badge)および合計金額もリアルタイム同期。ヘッダーのカートアイコンクリックでもドロワーが開き、スマートフォンの片手親指操作(幅88%設計、44px以上のタッチターゲット)に極限まで最適化されています。
簡単導入(Zero-Config親和性)
プラグインをインストールして有効化するだけで、標準テンプレートおよびBootstrap 5ベースのカスタムテーマに自動適用されます。複雑なテンプレート改修やレイアウト配置は一切不要です。
ステップ 1: [オーナーズストア] > [プラグイン一覧] からインストールして有効化
ステップ 2: [設定] > [店舗設定] > [スマートスライドカート設定] からおすすめ商品やゲージバー色をお好みに合わせて調整(※送料無料金額は [基本設定] の設定値が自動連動します)
動作環境・仕様
| 対応バージョン | EC-CUBE 4.2.0 〜 4.3.x(4.2系 / 4.3系 双方完全対応) |
|---|
| PHPバージョン | PHP 8.1 〜 8.3(PHP 8.2+ 準拠) |
|---|
| データベース | MySQL 5.7 / 8.0、PostgreSQL 10〜16 |
|---|
| デザイン仕様 | Vanilla JavaScript(外部依存ゼロ)、Bootstrap 5 / 4 完全対応、WAI-ARIA準拠、スマートフォン最適化 |
|---|
導入やカスタマイズに関するお問い合わせは、開発元(スタジオ・エルミタージュ)までご連絡ください。


