撇号cms:不想渲染图像标题

时间:2018-01-08 22:23:22

标签: apostrophe-cms

我使用撇号图像在我的页面中插入图像。 渲染此窗口小部件时,标题为h4。 我想删除它。 感谢

2 个答案:

答案 0 :(得分:5)

我过去用CSS做过这个:

.apos-slideshow h4 { display: none; }

但是,您可以扩展图像窗口小部件,并在新模板中扩展widget.html扩展名:

{% extends 'widgetBase.html' %}

然后覆盖标题栏,放入一个条件(我认为这应该是基本的!):

{%- block title -%}{% if data.widget.hideTitle %}<h4>{{ image.title }}</h4>{% endif %}{%- endblock -%}

然后,您可以在新窗口小部件中指定隐藏它,即:

{{ apos.singleton(data.page, 'logoHeader', 'apostrophe-images', {
        limit: 1,
        minSize: [ 100, 100 ],
        addLabel: 'Set header logo',
        editLabel: 'Change header logo',
        hideTitle: true,
        controls: {
          movable: false,
          removable: false,
          position: 'bottom-right'
        }
      }) 
}}

...当然,css方式更快!

  • 也许其他人知道更好的方法。

答案 1 :(得分:0)

我有类似的问题,我想在某些模块中隐藏图像标题,但在其他模块中将其设置不同。

现在有一个类.apos-image-widget-image-title,应用于撇号图像h4,您可以根据需要使用它来设置标题样式。

也可以覆盖@ bionara的回答中提到的撇号图像模板,如果您想对所有图像小部件进行站点范围的更改,我想这是可行的方法。