バージョン選択

フォーラム

メニュー

オンライン状況

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

PR

デザインテンプレート EC-CUBE3.0版が登場!
広告掲載について

サイト内検索

質問 > フロント機能 > 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
居住地: Tokyo
投稿: 671
Re: EC-cube3にてec/html/template/default/img配下に置いた画像をCSSのbackground-imgで呼び出す。
front_urlpathの値はapp/config/eccube/path.ymlファイルで確認できます。
その値を当てはめておかしいところはございますか?

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


----------------
//////////////////////////////
(株)U-Mebius EC-CUBE3 カスタマイズ・高速化 ・バグ修正
EC-CUBE関連技術者の採用もお問い合わせください。


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
居住地:
投稿: 579
Re: EC-cube3にてec/html/template/default/img配下に置いた画像をCSSのbackground-imgで呼び出す。
cssの記述ですが、background-imgでは無く、background-imageでは無いでしょうか?


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
■360°画像ビューワーimg360
■ECCUBE技術資料blog

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

 



ログイン


EC-CUBEペイメント

統計情報

総メンバー数は19,528名です
総投稿数は81,842件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1623
4
yuh
1347
5
red
1057
6
fukap
907
7
shutta
827
8 ramrun 789
9
tsuji
782
10
umebius
671
11
tao_s
646
12 sumida 638
13
homan
633
14 karin 609
15
468
579
16 DELIGHT 571
17
patapata
502
18
flealog
483
19 tonton 436
20
ecbg
387


ネットショップの壺

EC-CUBEガイドブック
Copyright© LOCKON CO.,LTD. All Rights Reserved.