html - 在 Modx Revolution 中使用 "ifempty"和 "notempty"

Question

我正在尝试将“ifempty”和“notempty”用于使用电视 (*pageBanner) 创建的横幅样式图像。当没有添加图像时，我需要为页面的其余部分添加一个 52px 的间隔符。这是我到目前为止所拥有的:

[[*pageBanner:notempty=`[[$pageImage]]`]]
[[*pageBanner:ifempty=`<div id="no-image-spacer"></div>`]]

<div id="content-wrapper">

    [[Breadcrumb? &exclude=`2,3,4,5,6,7,8,15`]]
    [[$pageBody]]

</div>

#no-image-spacer 的 CSS:

#no-image-spacer {
    padding-top: 52px;
}

和 block 页面图像:

<img src="[[*pageBanner]]" alt="" class="img-responsive" style="display: block; max-height: 270px; width: 100%; object-fit: cover; padding-top: 52px;" />

它在电视中没有图像时工作(创建间隔 div)，但是当电视中插入图像时，它显示图像并在图像下方添加文件名(但不创建间隔格)。知道为什么要添加文件名吗？看起来真的很奇怪，但我可能遗漏了一些非常明显的东西。

哦，网站位于 http://104.193.173.104/modx/index.php如果你想检查 chrome inspector 的输出。在左侧导航中， map 有图像，其余没有。

干杯!

Answer 1

感谢@ZaighamR，我想出了一个解决方案!

block pageContent 现在显示为:

[[*pageBanner:notempty=``]]
[[*pageBanner:ifempty=`<div id="no-image-spacer"></div>`]]

... 调用 pageBanner 电视本身(而不是我调用 pageImage block 来调用电视的旧系统)。然后我将电视的输出从“默认”更改为“图像”，并将我的 pageImage block 中的所有属性添加到它们各自的字段中:

<img src="[[*pageBanner]]" alt="" class="img-responsive" style="display: block; max-height: 270px; width: 100%; object-fit: cover; padding-top: 52px;" />

而且有效!