バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > 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との関連もあるのでそのまま使えるかはわかりませんが、参考になれば幸いです。


----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

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ファイルのブロック要素に含めてみては如何でしょうか?


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

junsan
投稿日時: 2019/2/15 13:29
対応状況: 解決済
半人前
登録日: 2019/1/26
居住地:
投稿: 15
Re: bodyタグ直後に画像を追加したい
株式会社 シロハチ 様

ご提案ありがとうございます。
index.twig の方へ <div id="body_after"></div> を含めて記述してみたところ、表示されなくなりました。
とてもすっきりしました、ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,859名です
総投稿数は109,996件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1294
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.