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}

修改：我无法从in the docs找到任何信息。

Answer 1

据我所知，这并不是一种内置的方式来表达类似＆＃34;每三个项目＆＃34;。但是你走在了正确的轨道上。您可以根据预期的页面大小预设间隔。为了简化模板，可以使用块部分：

<强>博客-separator.block

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

<强> blog.list

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

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

1 个答案: