sitecore - 使用 Sitecore 占位符和 SXA 列拆分器组件时如何避免重复的 divs.row？

Question

将 Sitecore 的占位符与SXA 列分隔符 结合使用时，多个 <div class="row">然后添加/渲染。这会在我们的布局中导致意外的边距和填充。

问题:

• 有没有办法避免这种情况？
• 这不是打算在 placeholder 中使用 Sitecore 的 Column-splitter 组件吗？
• 我可以在 Placeholder 上设置一些属性，让我不呈现 <div class="row"> 吗？它自己产生？

此外，我尝试更改 Sitecore 中的网格设置设置，但我发现的唯一选项是删除 <div class="row" 的生成全局用于整个网格和所有占位符和 SXA 组件。这不是我想要的。

这是我用来制作占位符的代码:

@Html.Sitecore().Placeholder("SomePlaceholder")

当我在其中添加 Sitecore 的 SXA Column-splitter 时，我得到一个额外的 <div class="row"> (如以下浏览器控制台的屏幕截图所示)导致了问题。

我希望只有一个 <div class="row">具有由网格设置的继承边距和填充。 (在我的例子中是 Bootstrap 4 网格，在 Sitecore 的网格设置中为我们的 SXA 主题分配)

Answer 1

您可以通过指定要从生成行中排除的某些占位符来修补配置。

<?xml version="1.0" encoding="utf-8"?>
<configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
  <sitecore>
    <experienceAccelerator>
      <grid>
        <placeholderWrapper>
            <excludedPlaceholders>
                <placeholder patch:after="body-bottom">utility-links</placeholder>
                <placeholder patch:after="utility-links">login-link</placeholder>
            </excludedPlaceholders>
        </placeholderWrapper>
      </grid>
    </experienceAccelerator>
  </sitecore>
</configuration>

例如在我们使用的 View 中:

@Html.Sitecore().Placeholder("utility-links")

和

@Html.Sitecore().Placeholder("login-link")

我们不希望在新行中。