EC-CUBE 開発コミュニティ

質問 > フロント機能 > 「性別」などラジオボタンを構成する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 居住地: 投稿: 3217	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 居住地: 愛媛県投稿: 1644	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さんにいただいたサンプルソースで、無事、期待したとおりのカスタマイズができました。大変たすかりました。ありがとうございました。