バージョン選択

フォーラム

メニュー

オンライン状況

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

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


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

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


 



ログイン


EC-CUBEペイメント

クレジットカード情報の非保持化対応

統計情報

総メンバー数は20,613名です
総投稿数は83,613件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1663
4
yuh
1433
5
red
1077
6
fukap
907
7
shutta
827
8
468
805
9 ramrun 789
10
tsuji
784
11
umebius
726
12
tao_s
651
13 karin 641
14 sumida 638
15
homan
633
16 DELIGHT 571
17
patapata
502
18
flealog
483
19 tonton 436
20
ecbg
387


ネットショップの壺

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

Copyright© LOCKON CO.,LTD. All Rights Reserved.