form_widgetとは決まったHTMLでフォームを出力してくれるtwigの関数です。EC-CUBEではほとんどのページでこの関数によりフォームを出力しています。

このHTMLには最初からBootstrap3のクラスが使用されており、このrowやform-controlといったクラスがコーディングデータ組み込みの邪魔になることが良くあります。そのような場合の対応として、Bootstrapのクラスを取り除くには次の3つの方法が考えられます。

  1. ・Form/form_layout.twigを修正する
  2. ・twig.form.templatesにForm/form_layout.twig以外のテンプレートを指定する
  3. ・form_theme関数によりtwig内でテーマを変更する

Form/form_layout.twigについて

ApplicationクラスのinitRenderingメソッド内で次のようにForm/form_layout.twig をデフォルトで使用するよう指定されています。

このform_layout.twigにはtextやchoiceなどそれぞれのFormTypeのHTMLをどのように出力するかが規定されています。

ファイルの上部を見るとForm/form_layout.twigはbootstrap_3_layout.html.twigを継承しています。そのためにbootstrap3のクラスが自動で付与されるという仕組みです。

Form/form_layout.twigを修正または使用せずに別のテンプレートを使用すればBootstrapのクラスを使用しないフォームを出力することができます。

form_theme関数について

form_themeは管理画面のtwigで{% form_theme searchForm ‘Form/bootstrap_3_horizontal_layout.html.twig’ %}というように用いられていますが、一部のフォームだけを違うテンプレートに設定できる関数です。

部分的に出力されるHTMLを変更したい場合はform_theme関数を用いると便利です。

 

関連するカスタマイズ

Bootstrap3のクラスform-controlを取り除く方法(form_widget)... EC-CUBE3.0系ではSymfonyComponentの1つであるFormにより、Twig内では強力な関数form_widget、form_errorsが使用できます。 これらは作成したFormType(定義ファイル)に従って自動で初期データ入力やエラー処理をしてくれるというたいへん便利な...
Your proxy directory “/var/www/src/Eccube/..... SSHからマイグレーションなどapp/consoleのコマンドを実行しようとした際に、ドクトリンのキャッシュファイルを書き込めないために発生するエラーです。 通常app/cache/doctrine/proxiesは所有者もグループもapacheとなるため、コマンドラインから他のユーザ...
Twig内で文字列の一部分を切り出す方法 Slice使用... twigテンプレート内で文字列の一部を切り出したい時があります。 そんな時はsliceフィルタを使用してtwig内だけで切り出しを実行することが可能です。 2文字目以降を切り出す(1文字目を削除) sliceフィルタの第1引数は開始位置です。 sliceフィルタにはシンタックスシ...
メーカープラグインのメーカー一覧を取得する方法... メーカープラグインを使用される方が多いと思います。 メーカーの一覧を表示したい場合は次のようにメーカープラグインのレポジトリクラスでfindByすることで取得が可能です。 Controllerなどで使える実際のコード 全件取得するのでfindByの第1引数は空の配列、第2引数はソート順...