squarespace - 我可以在 Squarespace JSONT 重复循环中的每三个项目之后插入内容吗？

Question

如何在重复循环中的 3 个项目之后添加新行？重复循环是：

<div class="row">
    {.repeated section items}
    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 gallery-item">
        {.image?}<img class="img-responsive loading" {@|image-meta} />{.end}
    </div>

    {.equal? @index 3}
    </div><div class="row separator">
    {.end}
    {.end}
</div>

我可以在前三个项目之后添加一行，但我想在每个第三个元素之后添加这个

{.equal? @index 3}
</div><div class="row separator">
{.end}

编辑：我在 docs 中没有找到任何信息。

Answer 1

据我所知，没有一种内置的方式可以说“每三个项目”之类的东西。但你在正确的轨道上。您可以根据预期的页面大小预设间隔。为了使您的模板稍微简化，您可以使用块部分：

博客分隔符.block

</div><div class="row separator">

博客列表

{.equal? @index 3}
   {@|apply blog-separator.block}
{.end}
{.equal? @index 6}
   {@|apply blog-separator.block}
{.end}
{.equal? @index 9}
   {@|apply blog-separator.block}
{.end}