バージョン選択

フォーラム

メニュー

オンライン状況

33 人のユーザが現在オンラインです。 (25 人のユーザが フォーラム を参照しています。)
登録ユーザ: 3
ゲスト: 30
Diezon bigbang chantake もっと...

サイト内検索

質問 > フロント機能 > 配送方法の選択を下部に移動したい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
282
投稿日時: 2020/7/6 14:21
対応状況: 解決済
新米
登録日: 2020/5/25
居住地:
投稿: 4
配送方法の選択を下部に移動したい
▼テンプレート
[EC-CUBE]3系
[レンタルサーバ]さくら
[OS] win10
[ブラウザ] クロム
[導入プラグインの有無] 無し
[カスタマイズの有無] 画像や色やトピックの配置を変更する程度

[現象] 商品購入画面の配置を変更したいです。
デフォルトでは商品のお届け先のすぐ下に配送方法の選択が出てきますが、それを、お支払い方法のチェックの下に移動したいです。

【デフォルト】
お届け先
配送方法
支払い方法

【希望】
お届け先
支払い方法
配送方法


しかし、配送方法と思われる記述個所をカットすると、お届け先の住所変更ボタンも同時になくなってしまいます。
浅学で申し訳ないのですが、どの辺を切り取れば上手くいくのか、ご教授いただけれたらと思います。
よろしくお願いいたします。

【商品のお届け先&配送方法の記述箇所】

<h2 class="heading02">商品のお届け先</h2>
{% for shipping in Order.shippings %}
{% set idx = loop.index0 %}
<div id="shipping_confirm_box--{{ idx }}" class="column is-edit">
<h3>変更ボタンを押し、住所の追加をしていただくとお届け先の変更ができます。{% if Order.multiple %}({{ loop.index }}){% endif %}</h3>
<div id="shipping_confirm_box__body--{{ idx }}" class="cart_item table">
<div id="shipping_confirm_box__list--{{ idx }}" class="tbody">
{% for shipmentItem in shipping.shipmentItems %}
<div id="shipping_confirm_box__item--{{ idx }}_{{ shipmentItem.id }}" class="item_box tr">
<div id="shipping_box__body_inner--{{ idx }}_{{ shipmentItem.id }}" class="td table">
<div id="shipping_box__photo--{{ idx }}_{{ shipmentItem.id }}" class="item_photo"><img src="{{ app.config.image_save_urlpath }}/{{ shipmentItem.product.MainListImage|no_image_product }}" alt="{{ shipmentItem.productName }}" /></div>
<dl id="shipping_box__detail--{{ idx }}_{{ shipmentItem.id }}" class="item_detail">
<dt id="shipping_box__name--{{ idx }}_{{ shipmentItem.id }}" class="item_name text-default">{{ shipmentItem.productName }}</dt>
<dd id="shipping_box__class_category--{{ idx }}_{{ shipmentItem.id }}" class="item_pattern small">
{% if shipmentItem.productClass.classCategory1 %}
{{ shipmentItem.productClass.classCategory1.className }}:{{ shipmentItem.productClass.classCategory1 }}
{% endif %}
{% if shipmentItem.productClass.classCategory2 %}
<br>{{ shipmentItem.productClass.classCategory2.className }}:{{ shipmentItem.productClass.classCategory2 }}
{% endif %}
</dd>
<dd id="shipping_box__price--{{ idx }}_{{ shipmentItem.id }}" class="item_price">{{ shipmentItem.priceIncTax|price }} × {{ shipmentItem.quantity|number_format }}</dd>
<dd id="shipping_box__subtotal--{{ idx }}_{{ shipmentItem.id }}" class="item_subtotal">小計:{{ shipmentItem.totalPrice|price }}</dd>
</dl>
</div>
</div><!--/item_box-->
{% endfor %}
</div>
</div>

<p id="shopping_confirm_box__shipping_address_detail--{{ idx }}" class="address">{{ shipping.name01 }} {{ shipping.name02 }} 様<br>
〒{{ shipping.zip01 }}-{{ shipping.zip02 }} {{ shipping.pref }}{{ shipping.addr01 }}{{ shipping.addr02 }}<br>
{{ shipping.tel01 }}-{{ shipping.tel02 }}-{{ shipping.tel03 }}</p>

<div id="shopping_confirm_box__shipping_delivery--{{ idx }}" class="form-inline form-group">
<label>配送方法</label>
{{ form_widget(form.shippings[idx].delivery, {'attr': {'class': 'delivery'}}) }}
{{ form_errors(form.shippings[idx].delivery) }}
</div>
{% if is_granted('ROLE_USER') %}
<p id="shopping_confirm_box__edit_button--{{ idx }}" class="btn_edit"><a href="{{ url('shopping_shipping_change', {'id': shipping.id}) }}" class="btn btn-default btn-sm btn-shipping">変更</a></p>
{% else %}
<p id="shopping_confirm_box__edit_button--{{ idx }}" class="btn_edit"><a href="{{ url('shopping_shipping_edit_change', {'id': shipping.id}) }}" class="btn btn-default btn-sm btn-shipping-edit">変更</a></p>
{% endif %}
</div>
{% if loop.last == false%}<hr>{% endif %}
{% endfor %}
{% if BaseInfo.optionMultipleShipping %}
<hr>
<div><a id="shopping_confirm_box__button_edit_multiple" href="{{ url('shopping_shipping_multiple_change') }}" class="btn btn-default btn-sm btn-shipping-multiple">お届け先を追加する</a></div>
{% endif %}

468
投稿日時: 2020/7/6 21:20
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 2643
Re: 配送方法の選択を下部に移動したい
ECCUBE3のデータ構造上、配送方法は
{% for shipping in Order.shippings %}
{% endfor %}
の間でしか表示できません。
(複数配送先に対応する為の仕様で、1つの注文に対してお届け先と配送方法を複数表示できるようになっております)

支払方法を{% for shipping in Order.shippings %}{% endfor %}の中へ移動する事で対応できるとは思いますが
複数配送先の機能を利用される場合、エラーが発生すると思います。
(支払方法は1つの注文で1つだけという仕様です)


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

282
投稿日時: 2020/7/13 14:52
対応状況: −−−
新米
登録日: 2020/5/25
居住地:
投稿: 4
Re: 配送方法の選択を下部に移動したい
468様

元々複数配送は無効にしていたいので、支払い方法を入れ込むことで解決できました。
返信ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は66,433名です
総投稿数は98,294件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
468
2643
4
nanasess
2103
5
umebius
1742
6
yuh
1612
7
red
1424
8
h_tanaka
1041
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 657
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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