バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > EC-cube3にてec/html/template/default/img配下に置いた画像をCSSのbackground-imgで呼び出す。

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tomonn
投稿日時: 2017/4/12 13:39
対応状況: −−−
半人前
登録日: 2017/4/11
居住地:
投稿: 14
EC-cube3にてec/html/template/default/img配下に置いた画像をCSSのbackground-imgで呼び出す。
現在EC-cubeにて開発を行っている者なのですが、

下記のように画像を呼び出したいのですが、上手く呼び出せません。
<div class="topNewItemList" style="background-img:url(..{{ app.config.front_urlpath }}/img/top/imgpath.png);">

とhtmlにインラインで background-imgで
ec/html/template/default/img配下に置いた画像を呼び出したいと思っております。

現在開発環境urlで作業しておりますので、url変更後も問題なく動作するように記述したいと思っております。

なにか良い方法ございませんでしょうか?
umebius
投稿日時: 2017/4/12 13:48
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: EC-cube3にてec/html/template/default/img配下に置いた画像をCSSのbackground-imgで呼び出す。
front_urlpathの値はapp/config/eccube/path.ymlファイルで確認できます。
その値を当てはめておかしいところはございますか?

url(..の 「..」は必要なのでしょうか?


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

tomonn
投稿日時: 2017/4/12 18:03
対応状況: −−−
半人前
登録日: 2017/4/11
居住地:
投稿: 14
Re: EC-cube3にてec/html/template/default/img配下に置いた画像をCSSのbackground-imgで呼び出す。
<div class="topNewItemList" style="background-img:url({{ app.config.front_urlpath }}/img/top/imgpath.png);">

・・はミスです。すみません。

こちらでhtmlで背景画像に呼び出しても適応されないのですが、
なにか対応方法ございますでしょうか?
468
投稿日時: 2017/4/13 10:24
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
Re: EC-cube3にてec/html/template/default/img配下に置いた画像をCSSのbackground-imgで呼び出す。
cssの記述ですが、background-imgでは無く、background-imageでは無いでしょうか?


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

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.