バージョン選択

フォーラム

メニュー

オンライン状況

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

PR

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
soony
投稿日時: 2017/3/16 11:55
対応状況: 開発中
新米
登録日: 2017/2/9
居住地:
投稿: 2
「性別」などラジオボタンを構成する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
居住地:
投稿: 402
Re: 「性別」などラジオボタンを構成するHTMLコードのカスタマイズ
/src/Eccube/Resource/template/default/Form/form_layout.twig 130行目付近に <div class="radio">の記述がありますので、個々では無いかと思います。
テンプレートパッケージを適用されている場合は、defaultのディレクトリが、そのテンプレートの名前等に変わっていると思います。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
■360°画像ビューワーimg360
■ECCUBE技術資料blog

h_tanaka
投稿日時: 2017/3/16 15:34
対応状況: −−−
一人前
登録日: 2016/7/22
居住地: 愛媛県
投稿: 87
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
居住地:
投稿: 2
Re: 「性別」などラジオボタンを構成するHTMLコードのカスタマイズ
468さん、h_tanakaさん
ご回答ありがとうございます。

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

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

 

ログイン


EC-CUBEペイメント

統計情報

総メンバー数は19,115名です
総投稿数は79,891件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1618
4
yuh
1313
5
red
1027
6
fukap
907
7
shutta
827
8 ramrun 789
9
tsuji
778
10
tao_s
646


ネットショップの壺

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