バージョン選択

フォーラム

メニュー

オンライン状況

30 人のユーザが現在オンラインです。 (24 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 29
nanasess もっと...

サイト内検索

質問 > フロント機能 > 購入手続きのページを増やす方法が知りたいです。

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
haami
投稿日時: 2019/12/18 12:20
対応状況: −−−
新米
登録日: 2019/12/18
居住地:
投稿: 2
購入手続きのページを増やす方法が知りたいです。
[EC-CUBE] 3.0.16
[PHP] 7.2.13
[データベース] mysql
[WEBサーバ] Apache

表題の件について教えてください。

商品をカートに入れて購入完了まで、下記のとおり3ページの構成になっています。

1.カートの商品
2.お客様情報、配送情報入力
3.注文完了画面(サンクスページ)

2と3の間に注文内容確認ページを作りたいと思うのですが、
ページを増やすにはどのようにすればよいでしょうか。
※現在は注文ボタンを押すとモーダルで内容確認がでるようになっています。

ECCUBEを使用し始めたばかりであまり知識がなく、
初歩的な質問かもしれませんがご教示いただけますと幸いです。

よろしくお願いいたします。
umebius
投稿日時: 2019/12/18 13:35
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: 購入手続きのページを増やす方法が知りたいです。
こちら、弊社でもよくご要望を受けるのですが、やはり全体としても要望が多かったようで4系では実装されています(^^;

色々方法はありますが3系で比較的工数少なく、かつ決済プラグインへの影響が少ない方法として1つご紹介します。


標準では、「2.お客様情報、配送情報入力」から購入ボタンを押すと、/shopping/confirmへpostするようになっています。ここでデータに問題がなければ支払方法によって決済が走り、完了画面へ遷移します。

<form id="shopping-form" method="post" action="{{ url('shopping_confirm') }}">

そこで、この間に1枚挟むために「2.お客様情報、配送情報入力」から購入ボタンを押すと、その時の画面と同じURLである/shoppingへpostするように変更してやります。

ShoppingController::indexメソッドの中で、POSTされていてデータに問題がない場合は、フォームは画面に表示せず、テキストを表示するようにします。
(この仕組みは会員登録の確認画面などを参考にできます)

これで確認画面が表示されますので、確認画面では購入ボタンを押すと既存の仕組みと同様に/shopping/confirmへデータをPOSTするようにしてやります。
これで決済が走り、完了画面へ移動することができます。


上の方法は一例ですが、プラグインを色々使っていればかなり難易度は高いカスタマイズだと思います。


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

haami
投稿日時: 2019/12/19 20:07
対応状況: −−−
新米
登録日: 2019/12/18
居住地:
投稿: 2
Re: 購入手続きのページを増やす方法が知りたいです。
ご教授いただきありがとうございます!
こちらのやり方で進められるか担当者と相談してみます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,685名です
総投稿数は109,930件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2311
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1569
9
mcontact
1279
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.