EC cubeの購入フォームのボタンが遷移しない

Question

ECcube初心者です。現在LPに購入フォームを設置しており、フォームの次へボタンを押すと購入確認画面へ遷移するようにしたいです。フォームもボタンもデフォルトのものを使用しておりますが、次へボタンを押しても遷移せず同ページに戻ってきてしまい困っております。

Twigのボタンのコードは以下になります。

<div class="ec-off4Grid__cell"> <button type="submit" name="mode" value="add-cart" class="ec-blockBtn--action add-cart">{{ 'common.next'|trans }}</button> </div>

他ページの正常に作動するボタンも参考にしましたが、どれもbuttonタグに formactionを指定しておらず、上記コードと同じでした。

ECcubeのボタン遷移の仕組みと、確認するべきポイントをご教示いただきたいです！よろしくお願いします。

Comments

[FKM]

その遷移部分ですがbuttonタグでsubmitする場合はformタグがあるはずです。それがない場合はformタグでsubmitせずにaタグを使っているはずですが。

[dakodako]

おっしゃる通りで、formタグの中にボタンが設置されてありまして、
<form method="post" action="" class="h-adr" id="form1">
フォーム項目たくさん
<div class="ec-off4Grid__cell">
<button type="submit" name="mode" value="add-cart"
class="ec-blockBtn--action add-cart">{{ 'common.next'|trans }}</button>
</div>
</form>

みたいな形になってます。この場合ってどのように遷移先ページを指定しているのでしょうか？

Answer 1

EC-CUBE4の中身はSymfonyというPHPフレームワーク（LaravelやcakePHPみたいなもの）です。なので、htmlの部分はそのSymfonyのテンプレートです。理屈はPHPと同じで考えてください。それを踏まえるとformタグの中のactionプロパティにurlを入れる必要があるはずです。

同じページに戻ってくるのはactionプロパティが空、つまり無記入と同じ状態（無記入だと自分のページに返す）だからです