我为Liferay 7 GA4创建了一个主题,我想在我的naviagation菜单上显示菜单图标。 我添加了图标,我已将代码插入到我的ftl模板文件中,但它们没有显示。
我的代码:
<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&t=1505989275032" title=""> My page</a>
但图标没有出现。同样在chrome dev控制台中,图像显示为空/透明。
我是否需要配置其他设置才能显示图标?
编辑: 浏览器的控制台显示图像不存在404(未找到)。 无法加载资源:服务器响应状态为404(未找到)layout_icon
提前致谢。
雅尼斯
编辑:
在左侧的导航菜单中,我点击&#34;配置页面&#34;
然后我添加一个图标
此图标未显示在我的页面上。
答案 0 :(得分:0)
我假设您在模板中添加了图片字段并上传了该图片。您可以通过.getData()
使用图像字段的名称来显示它。
例如:<img src="${image.getData()}" />
其中image
是您字段的名称。
答案 1 :(得分:0)
最后我发现了问题所在。
这可能是错误,因为当我打印$ {nav_child.iconURL()}时,网址中缺少“=”。
错误的网址:“/ image / layout_icon?img_id81132&amp; t = 1506598606029”
更正网址:“/ image / layout_icon?img_id = 81132&amp; t = 1506598606029”
使用替换我设法打印图标:
${nav_child.iconURL()?replace("img_id", "img_id=")}
工程...