バージョン選択

フォーラム

メニュー

オンライン状況

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

PR

デザインテンプレート EC-CUBE3.0版が登場!
広告掲載について

サイト内検索

質問 > フロント機能 > 「性別」などラジオボタンを構成するHTMLコードのカスタマイズ

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
soony
投稿日時: 2017/3/16 11:55
対応状況: 開発中
新米
登録日: 2017/2/9
居住地:
投稿: 6
「性別」などラジオボタンを構成するHTMLコードのカスタマイズ
▼テンプレート
[EC-CUBE] 3.0.13 新規インストール

たとえば、新規会員登録の入力ページ上にある「性別」ラジオボタンのHTMLタグを、
<div>タグでの構成から、<ul><li>での構成にカスタマイズしたい場合、
どのように修正を行えばよいでしょうか。

現状:

<dl>
  <dt id="top_box__sex"><label class="control-label">性別</label></dt>
  <dd>
    <div class="form-group form-inline">
      <div id="entry_sex">
        <div class="radio">
            <label class=""><input type="radio" id="entry_sex_1" name="entry[sex]" value="1" />男性</label>
        </div>
        <div class="radio">
          <label class=""><input type="radio" id="entry_sex_2" name="entry[sex]" value="2" /> 女性</label>
        </div>
      </div>
    </div>
  </dd>
</dl>


希望(こんな感じに):

<dl>
  <dt>性別</dt>
  <dd>
    <ul>
      <li><label><input type="radio" value="男性"> 男性</label></li>
      <li><label><input type="radio" value="女性"> 女性</label></li>
    </ul>
  </dd>
</dl>


※希望の参考ソースでは、細かい各要素は省いていますが、
どのソースファイルを編集すれば良いかなどが分かれば助かります。

どうぞよろしくお願いいたします。
468
投稿日時: 2017/3/16 12:55
対応状況: −−−
仙人
登録日: 2008/10/26
居住地:
投稿: 630
Re: 「性別」などラジオボタンを構成するHTMLコードのカスタマイズ
/src/Eccube/Resource/template/default/Form/form_layout.twig 130行目付近に <div class="radio">の記述がありますので、個々では無いかと思います。
テンプレートパッケージを適用されている場合は、defaultのディレクトリが、そのテンプレートの名前等に変わっていると思います。


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

h_tanaka
投稿日時: 2017/3/16 15:34
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 306
Re: 「性別」などラジオボタンを構成するHTMLコードのカスタマイズ
src/Eccube/Resource/template/default/Entry/index.twig(135行目)
                                {{ form_widget(form.sex) }}

の部分を次のように変えてみてください。


            <ul>
            {% for child in form.sex %}
                <li>
                    {{ form_widget(child) }}
                    {{ form_label(child) }}
                </li>
            {% endfor %}
            </ul>
soony
投稿日時: 2017/3/16 16:44
対応状況: 解決済
新米
登録日: 2017/2/9
居住地:
投稿: 6
Re: 「性別」などラジオボタンを構成するHTMLコードのカスタマイズ
468さん、h_tanakaさん
ご回答ありがとうございます。

h_tanakaさんにいただいたサンプルソースで、
無事、期待したとおりのカスタマイズができました。

大変たすかりました。
ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ

 



ログイン


EC-CUBEペイメント

クレジットカード情報の非保持化対応

統計情報

総メンバー数は19,766名です
総投稿数は82,463件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1632
4
yuh
1389
5
red
1064
6
fukap
907
7
shutta
827
8 ramrun 789
9
tsuji
784
10
umebius
712
11
tao_s
651
12 sumida 638
13
homan
633
14
468
630
15 karin 609
16 DELIGHT 571
17
patapata
502
18
flealog
483
19 tonton 436
20
ecbg
387


ネットショップの壺

EC-CUBEガイドブック
Copyright© LOCKON CO.,LTD. All Rights Reserved.