2017-09-22 3 views
0

Liferay 7 GA4のテーマを作成しました。ナビゲーションメニューにメニューアイコンを表示したいと思います。 アイコンを追加しましたが、ftlテンプレートファイルにコードを挿入しましたが、表示されません。Liferay 7にメニューアイコンが表示されない

マイコード:

<a href="${nav_child.getURL()}" ${nav_child.getTarget()}> 
<#if nav_child.iconURL()??><img src="${nav_child.iconURL()}" title="${nav_child.getTitle()}" /></#if> ${nav_child.getName()} 
</a> 

生成HTMLは以下の通りです:

<a href="http://localhost:8080/web/demo-site/mypage"> <img src="/image/layout_icon?img_id81132&amp;t=1505989275032" title=""> My page</a> 

しかし、アイコンは表示されません。また、chrome devコンソールでは、画像は空白/透明として表示されます。

アイコンを表示するために設定する必要のある設定はありますか?

編集: ブラウザのコンソールに、画像が存在しないことが表示されます。404(見つかりません)。 リソースの読み込みに失敗しました:サーバは404のステータスで応答しました。(見つからなかった)layout_icon

ありがとうございます。私は、 "設定ページ" をクリックしてナビゲーションメニューで

左側の

enter image description here

そして私は、アイコン

enter image description here

を追加します。

ヤニス

編集

このアイコンはマイページに表示されません。

答えて

0

あなたのテンプレートに画像フィールドを追加し、その画像をアップロードしたとします。表示させる方法は、画像フィールドの名前に.getData()を使用することです。

例:<img src="${image.getData()}" />ここで、imageはフィールドの名前です。

+0

私は正確に問題であるかを理解するためにいくつかの写真を追加しました。私が作成したカスタムフィールドではありません。それは、アイコンを追加するという特徴の中にあります。 – isin

0

最後に、問題が見つかりました。

$ {nav_child.iconURL()}を印刷すると、URLに「=」がないため、おそらくバグとなります。

障害のあるURL: "?/画像/ layout_icon img_id81132 &トン= 1506598606029"

正しいURL: "?/画像/ layout_icon img_id = 81132 &トン= 1506598606029" 私は管理置き換えると

アイコンを印刷:

${nav_child.iconURL()?replace("img_id", "img_id=")} 

作品...

関連する問題