バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 注文確認画面でのお支払方法のレイアウト変更

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kai
投稿日時: 2017/10/25 12:52
対応状況: −−−
新米
登録日: 2017/7/19
居住地:
投稿: 3
注文確認画面でのお支払方法のレイアウト変更
▼テンプレート
[EC-CUBE] 3.0.10
[レンタルサーバ] Xサーバー
[OS] Linux sv1418.xserver.jp
[PHP] MySQL 5.5.45
[データベース] PHP 5.6.30
[WEBサーバ] Apache
[ブラウザ] chrome

注文確認画面でお支払方法を選択すると
画面が切り替わり ページのトップに切り替わるため
スマホの場合再度注文確定ボタンを押すために 
一番下までスクロールしなければならず
一般のカートに慣れているお客様からすると
ページ進めない?と不便な環境なので 
少しでも使いやすいように
お支払方法の項目を上部に表示したいのですが


=========================--

<h2 class="heading02">お支払方法</h2>
<div id="payment_list" class="column">
<div id="payment_list__body" class="form-group">
<ul id="payment_list__list" class="payment_list">
{% if form.payment is empty %}
<p class="errormsg text-danger">合計金額に対して可能な支払い方法がありません。<br>{{ BaseInfo.email02 }}にお問い合わせ下さい。</p>
{% endif %}
{% for key, child in form.payment %}
<li>
{{ form_widget(child, {'attr': {'class': 'payment' }}) }}
{% if form.payment.vars.choices[key].data.payment_image is not null %}
<img src="{{ app.config.image_save_urlpath }}/{{ form.payment.vars.choices[key].data.payment_image }}">
{% endif %}
</li>
{% endfor %}
{{ form_errors(form.payment) }}
</ul>
</div>
</div>

============================--

ページのコードをそのまま上に持ってくると
ページが表示できなくなるのですが
何か良い方法はないでしょうか?

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1570
9
mcontact
1285
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.