質問 > フロント機能 > スマホ画面ヘッダー部にも、PC画面ヘッダー部と同様の検索窓を設けたい |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
takeo |
投稿日時: 2017/8/11 17:01
対応状況: 解決済
|
半人前 登録日: 2015/1/12 居住地: 投稿: 18 |
スマホ画面ヘッダー部にも、PC画面ヘッダー部と同様の検索窓を設けたい [EC-CUBE] 3.0.15
スマホ画面の検索窓はデフォルトでは、右サイドの#drawerにありますが、そうではなくて、 スマホ画面ヘッダー部にも、PC画面ヘッダー部と同様の検索窓を設けたいと思っております。 search_product.twigを
のようにし、 <div class="drawer_block pc> と <div class="drawer_block sp> で、検索窓の大きさをCSSで、PC画面の時と、スマホ画面の時で 変えてやりたいのですが、 PC画面での検索窓は表示されているのですが、スマホ画面での検索窓が表示されず(form.category_id の部分も出て来ず)、困っております。 Style.css は、
ぐらいしか追加記述していないので、cssの問題では無く、 search_product.twig の記述を間違えているのかと思っておりますが、判らず、どのようにしたら良いのか、ご教授頂きたくお願いいたします。 |
tao_s |
投稿日時: 2017/8/13 20:58
対応状況: −−−
|
仙人 登録日: 2008/8/20 居住地: 東京 投稿: 799 |
Re: スマホ画面ヘッダー部にも、PC画面ヘッダー部と同様の検索窓を設けたい 実際のサイトとCSS等を確認してみないとわかりませんが、HTMLとしては出力されていて、画面領域外に出てしまっていて見えていない、ということは無いでしょうか?
chromeのdeveloper toolsとかで見てみてください
|
umebius |
投稿日時: 2017/8/14 7:44
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: スマホ画面ヘッダー部にも、PC画面ヘッダー部と同様の検索窓を設けたい 質問者様のおっしゃる通りCSSの問題ではなく、Symfonyの問題です。
{{ form_widget(form.category_id) }} や {{ form_widget(form.name, {'attr': { 'placeholder' : "商品名、キーワードを入力" }} ) }}は ページ内で一度しか実行できず、2回目は表示されないことが原因です。そもそもHTMLとして出力されません。 1度しか出力されないので、javascriptで動的にCSSを変更するなどして対応してやる必要があります。あるいはコントローラでFormを複数生成するかですね。
|
takeo |
投稿日時: 2017/8/15 15:38
対応状況: −−−
|
半人前 登録日: 2015/1/12 居住地: 投稿: 18 |
Re: スマホ画面ヘッダー部にも、PC画面ヘッダー部と同様の検索窓を設けたい ありがとうございます!
早速、 https://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=18377&forum=14&post_id=79278 こちらを参考にさせて頂き、 スマホ画面用のFromを生成し、対応いたしました。 src/Eccube/Form/Type/SearchProductBlockType.phpに name_sp と category_id_sp を追加。
src/Eccube/Form/Type/SearchProductType.phpにname_sp と category_id_sp を追加。
src/Eccube/Repository/ProductRepository.phpのgetQueryBuilderBySearchData()に下記を追加。
src/Eccube/Resource/template/default/Block/search_product.twig を両対応にさせる。
以上で出来ました! ※なお、cssについては省略をさせて頂きます。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |