问如何在Drupal 8视图中向组中添加包装器？
EN

Drupal用户

提问于 2017-09-11 13:06:18

回答 1查看 1.8K关注 0票数 1

我有一个(drupal 8.3)视图，它使用group输出html，如下所示：

<div class="view-content">
  <h3>Category 1</h3>
  <div class="view-row"></div>
  <div class="view-row"></div>
  <div class="view-row"></div>
  <h3>Category 2</h3>
  <div class="view-row"></div>
  <div class="view-row"></div>
  <div class="view-row"></div>
</div>

我想通过使用包装器来钩住或模板这个组，并实现：

<div class="view-content">
  <div class="group-wrapper">
    <h3>Category 1</h3>
    <div class="view-row"></div>
    <div class="view-row"></div>
    <div class="view-row"></div>
  </div>
  <div class="group-wrapper">
    <h3>Category 2</h3>
    <div class="view-row"></div>
    <div class="view-row"></div>
    <div class="view-row"></div>
  </div>
</div>

有什么想法吗?我怎样才能用引导主题来完成这个任务？

views

回答 1

Drupal用户

回答已采纳

发布于 2017-09-12 05:10:50

您可以通过自定义视图-view-unformatted.html.twig文件来实现这一点：

使用细枝调试确定当前使用的模板的哪个版本。很可能，它是/core/模块/视图/模板中的views-view-unformatted.html.twig
将该文件复制到主题的模板文件夹中。
将模板重命名为：views-view-unformatted--your-view--your-display.html.twig，其中your-view是视图的机器名，your-display是视图显示的机器名。
将此代码添加到您创建的模板文件中： {% for行中的行%} {% row_classes = 默认设置_划_上课？“视图-行”， %} { if loop.first和title %} {{ title }} {% endif %} { row.content }} {% endfor %}
清除站点的缓存

请注意，您的机器名中的空格将在模板文件的名称中使用破折号进行修复。

票数 6

页面原文内容由Drupal提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://drupal.stackexchange.com/questions/245660

复制

相似问题

使用jquery向动态创建的drupal添加div包装器。

如何在drupal 8中向drupal-commerce添加自定义结帐窗格

无法向Drupal 8安装添加新语言

向drupal 8菜单中添加新的文本字段

如何在drupal 8的图像周围包装正文

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如何在Drupal 8视图中向组中添加包装器？
EN