質問 > その他 > bodyタグ直後に画像を追加したい |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
junsan |
投稿日時: 2019/2/14 16:01
対応状況: −−−
|
半人前 登録日: 2019/1/26 居住地: 投稿: 15 |
bodyタグ直後に画像を追加したい 初めて質問させていただきます。
EC-CUBEのバージョンは、3.0.15を使っています。 トップページ一面に画像を表示させたい(背景画像ではなく)と思っています。 bodyタグ直後とheader前に画像を追加できれば実現できそうだと思うのですが、どなたかご教授お願いできませんでしょうか。 EC-CUBE4.0.1では、bodyタグ直後にブロックを配置することができますが、トップページに画像を表示することができました。同様のことをEC-CUBE(3.0.15)で実装することはできますでしょうか。 |
tsuji |
投稿日時: 2019/2/15 9:19
対応状況: −−−
|
仙人 登録日: 2013/11/19 居住地: 投稿: 958 |
Re: bodyタグ直後に画像を追加したい junsan 様
管理画面の操作ではできないですが、 以下のファイルにbodyタグが書かれていますので そちらを調整することになるかと思います。 \src\Eccube\Resource\template\default\default_frame.twig 少し調べてみると下記のような手もあるようです。 https://webdesignday.jp/inspiration/technique/jquery-js/3877/ bootstrapとの関連もあるのでそのまま使えるかはわかりませんが、参考になれば幸いです。
|
junsan |
投稿日時: 2019/2/15 11:59
対応状況: 解決済
|
半人前 登録日: 2019/1/26 居住地: 投稿: 15 |
Re: bodyタグ直後に画像を追加したい 辻 様
ご回答ありがとうございます。 ec-cubeは、初心者だったので、大変、参考になりました。 また、自分なりにも調べていたのですが、下のサイトを参考にトップに画像を表示することが出来ました。 ただ別ページに遷移した時に、別ページの「ソースを表示」してみると<div id="bodyafter"></div>のロジックが残ってしまうのが、心残りではありますが・・・。 https://design-tera.com/blog/archives/2061 以下は修正した内容です。 default_frame.twigファイルのヘッダ前にロジックを追加 <div id="wrapper"> <div id="body_after"> {% block bodyafter %}{% endblock %} </div> ~略~ </div> index.twigファイルにブロック要素で囲って画像ロジックを追加 {% block bodyafter %} <div class="row"> <div class="col-sm-12"> ここに<img>タグを記載 </div> </div> {% endblock %} |
468 |
投稿日時: 2019/2/15 13:11
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: bodyタグ直後に画像を追加したい <div id="body_after"></div>
も含めて、 index.twigファイルのブロック要素に含めてみては如何でしょうか?
|
junsan |
投稿日時: 2019/2/15 13:29
対応状況: 解決済
|
半人前 登録日: 2019/1/26 居住地: 投稿: 15 |
Re: bodyタグ直後に画像を追加したい 株式会社 シロハチ 様
ご提案ありがとうございます。 index.twig の方へ <div id="body_after"></div> を含めて記述してみたところ、表示されなくなりました。 とてもすっきりしました、ありがとうございました。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |